@charset "utf-8";
/*
    파일 개요
    ---------------------------------------------------------------------
    @ 범위 : (V) OFF | (V) SIS
    @ 목적 : 비패턴립 스타일 정의, 팝업 스타일
    @ 작성 : IDR System - Publishing Team.
    @ 최종 : 2018.04.20.11:15
*/
/* 임시로 팝업 보여주기 */
.ly_popup_view {
  /*position: fixed; */
  position: relative; /* @ O-light > ly_popup_view 이슈 / 2018.01.07 / mglee */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; /* @팝업 모바일에서 하단에 짤리는 현상이 있어 주석처리함. 결제진행중 깨짐으로 원복 . / 2018.02.02 / bhkim */
  /*background: rgba(255, 255, 255, 0.9);*/ /* 어떤이유인지 주석처리되어 결제진행중 배경사리짐 복구함 / 2018.01.30 / bhkim */ /* @ 다시 주석으로 제거. 반투명 백그라운드는 별도 DIV.bg(bg-st01, bg-st02)를 추가하는 방식으로 가야함.  / 2018.02.02 / mglee */
  /*z-index: 1000;*/
  z-index: 40;/* @ o-lightbox가 50인데, 이보다 작아야 한다 / 2018.01.24 / mglee */
}
/* @ 결재대기용 lazy 띄우기w / 2018.01.08 / bhkim */
.ly_popup_view.open {
  position: fixed;
}

.ly_popup_view .dialog {
  position: relative; /* @ O-light > ly_popup_view 이슈 / 2018.01.07 / mglee */
  display: block;
  /*top: 50%; */
  top: auto;/* @ O-light > ly_popup_view 이슈 / 2018.01.07 / mglee */
  /*left: 50%; */
  left: auto;/* @ O-light > ly_popup_view 이슈 / 2018.01.07 / mglee */
  /* @ O-light > ly_popup_view 이슈 / 2018.01.07 / mglee */
  /*
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  */
  border: 0;/* @ O-light > ly_popup_view 이슈 / 2018.01.07 / mglee */
}
.ly_popup_view .dialog .dialog-view {
  display: block;
  padding: 0 !important;/* @ O-light > ly_popup_view 이슈 / 2018.01.07 / mglee */
  overflow:hidden;/* @ 컨텐츠량이 약간만 많아도 세로 스크롤바가 생기던 현상 수정 / 2018.01.10 / mglee */
}
.ly_popup_view .dialog .dialog-content {
  /*width: 100% !important;*/
  width: auto !important;/* @ O-light > ly_popup_view 이슈 / 2018.01.07 / mglee */
}
.ly_popup_view .dialog-viewthelook .flex-viewport {
  overflow: hidden;
  position: relative;
}
.ly_popup_view .dialog-viewthelook .slides {
  width: 200%;
  transition-duration: 0s;
  transform: translate3d(0px, 0px, 0px);
}
.ly_popup_view .dialog-viewthelook .slides .flex-active-slide {
  width: 50%;
  float: left;
  display: block;
}
.ly_popup_view.alert .dialog {
  display: inline-block;
  position: static;
  left: auto;
  top: auto;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  margin: 10px;
  vertical-align: top;
}
.ly_popup_view .dialog-loging {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ly_popup_view .dialog-loging .dialog-view {
  display: block;
}
.ly_popup_view .dialog-loging .dialog-content {
  width: 100% !important;
}
.ly_popup_view .dialog-loging .dialog-content,
.ly_popup_view .dialog-loging .dialog-view {
  height: 100%;
}
.ly_popup_view .dialog-loging .popup_cont {
  display: table;
  border-collapse: separate;
  height: 100%;
  width: 100%;
}
.ly_popup_view .dialog-loging .popup_cont .ly_loding {
  display: table-cell;
  vertical-align: middle;
}
@media screen and (max-width: 570px) {
  .ly_popup_view {
    /* @팝업 모바일에서 내부 스크롤 생기는 현상이 있어 주석처리함. / 2018.02.02 / bhkim */
    /*overflow-x: hidden; */
  }
}

/* @ 투명도 테마 / 2018.01.25 / mglee */
.ly_popup_view .bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:#fff;
}
.ly_popup_view .bg-st01{
opacity:0.9;
}
.ly_popup_view .bg-st02{
  opacity:0;
}

/* //임시로 팝업 보여주기 */
.miniCart,
.dialog.dialog-layer {
  border-color: #ddd;
}
.popup_title,
.sub_title {
  color: #999;
  /*margin-bottom: 15px;*/
  margin-bottom: 20px; /* @ 주문 페이지 레이아웃 바로잡기 / 2017.12.27 / mglee / order-write/COS-FP-03-003v0.html */
  /*font-size: 14px;*/
  font-size: 13px; /* @ 주문 페이지 레이아웃 바로잡기 / 2017.12.27 / mglee / order-write/COS-FP-03-003v0.html */
  letter-spacing: 1px;
  /*@ popup title underline delete / 2018.01.01 / bhkim */
  /*border-bottom: 1px solid #E7E7E7;*/
  border-bottom: 0; /* @ 보더보톰은 없는게 맞다고 한다. / 2018.01.18 / mglee */
  padding-bottom: 5px;
  color: #444; /* @ 주문 페이지 레이아웃 바로잡기 / 2017.12.27 / mglee / order-write/COS-FP-03-003v0.html */
  font-weight: 300; /* @ 주문 페이지 레이아웃 바로잡기 / 2017.12.27 / mglee / order-write/COS-FP-03-003v0.html */
  margin-top: 5px; /* @ 라이트 박스 제목상단 가이드에 따름 추가. / 2018.02.02 / bhkim */
}
.popup_title span:last-child {
  float: none;
}
.popup_title span:last-child a.a-link, .popup_title span:last-child a.a-link:hover {
  color: #999;
  opacity: 1;
}
.dialog,
.dialog-content {
  /* 20170726 공지용 팝업추가 */
  /* 20170731 상품필수 표시정보 추가 */
}
.dialog .close-dialog,
.dialog-content .close-dialog {
  float: right;
  position: absolute;
  display:none; /* @ O-light > ly_popup_view 이슈 / 2018.01.07 / mglee */
}
.dialog.dialog-share,
.dialog-content.dialog-share {
  font-size: 12px;
  border: 0;/* @ O-light > ly_popup_view 이슈 / 2018.01.07 / mglee */
}
.dialog.dialog-share .dialog-view,
.dialog-content.dialog-share .dialog-view {
  padding: 15px 20px 20px;
}
.dialog.dialog-sm,
.dialog-content.dialog-sm {
  width: 280px;
}
.dialog.dialog-sm .dialog-view,
.dialog-content.dialog-sm .dialog-view {
  padding: 15px 20px 20px;
}
.dialog.dialog-mid,
.dialog-content.dialog-mid {
  /*width: 450px;*/
  width: auto;/* @ O-light > ly_popup_view 이슈 / 2018.01.07 / mglee */
}
.dialog.dialog-mid .dialog-view,
.dialog-content.dialog-mid .dialog-view {
  /*padding: 35px 35px 40px;*/
  padding: 30px 30px 40px 30px; /* @ 주문 페이지 레이아웃 바로잡기 / 2017.12.27 / mglee / order-write/COS-FP-03-003v0.html */
}
.dialog.dialog-lg,
.dialog-content.dialog-lg {
 /*@ diaog lg 사이즈 임의수정 / 2018.01.10 / bhkim */
  width: 590px;
  width: auto;
}
.dialog.dialog-lg .dialog-view,
.dialog-content.dialog-lg .dialog-view {
  padding: 35px 35px 40px;
}
.dialog.dialog-tax,
.dialog-content.dialog-tax {
  width: 730px;
}
.dialog.dialog-tax .dialog-view,
.dialog-content.dialog-tax .dialog-view {
  padding: 35px 35px 40px;
}
.dialog.dialog-login,
.dialog-content.dialog-login {
  width: 871px;
}
.dialog.dialog-login .dialog-view,
.dialog-content.dialog-login .dialog-view {
  padding: 35px 35px 40px;
}
.dialog.dialog-notice,
.dialog-content.dialog-notice {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.dialog.dialog-notice .dialog-content,
.dialog-content.dialog-notice .dialog-content {
  height: 100% !important;
}
.dialog.dialog-notice .dialog-view,
.dialog-content.dialog-notice .dialog-view {
  padding: 0;
  height: 100% !important;
  overflow: hidden;
}
.dialog.dialog-notice .dialog-view .popup_cont,
.dialog-content.dialog-notice .dialog-view .popup_cont {
  height: 100% !important;
  /* 2017.09.26 하단 닫기 추가 */
}
.dialog.dialog-notice .dialog-view .popup_cont .popup_btn,
.dialog-content.dialog-notice .dialog-view .popup_cont .popup_btn {
  line-height: 38px;
  padding: 0 18px;
}
.dialog.dialog-notice .dialog-view .popup_cont .popup_btn span:first-child,
.dialog-content.dialog-notice .dialog-view .popup_cont .popup_btn span:first-child {
  float: left;
}
.dialog.dialog-notice .dialog-view .popup_cont .popup_btn span:last-child,
.dialog-content.dialog-notice .dialog-view .popup_cont .popup_btn span:last-child {
  float: right;
}
.dialog.dialog-blg,
.dialog-content.dialog-blg {
  width: 823px;
}
.dialog.dialog-blg .dialog-view,
.dialog-content.dialog-blg .dialog-view {
  padding: 35px 35px 24px;
}
.dialog.dialog-blg .dialog-view .popup_title.space,
.dialog-content.dialog-blg .dialog-view .popup_title.space {
  margin-top: -1px;
}
.dialog .sub_title,
.dialog-content .sub_title {
  margin-bottom: 5px;
}
.dialog.scroll,
.dialog-content.scroll {
  max-height: 80%;
  overflow-y: auto;
}
@media screen and (max-width: 980px) {
  .dialog.scroll,
  .dialog-content.scroll {
    max-height: 100%;
  }
}
.dialog ul,
.dialog-content ul,
.dialog li,
.dialog-content li,
.dialog ol,
.dialog-content ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.dialog em,
.dialog-content em {
  font-style: normal;
}
.dialog label,
.dialog-content label {
  font-size: 12px;
}
.dialog .txt_info,
.dialog-content .txt_info {
  font-size: 12px;
}
/* @ 주문 페이지 레이아웃 바로잡기 / 2017.12.27 / mglee / order-write/COS-FP-03-003v0.html */
.dialog .txt_info,
.dialog-content .txt_info {
  font-size: 12px;
  color: #444;
}

@media screen and (max-width: 980px) {
  .dialog.dialog-tax,
  .dialog-content.dialog-tax,
  .dialog.dialog-blg,
  .dialog-content.dialog-blg {
    max-width: inherit;
    width: auto;
  }
}
@media screen and (max-width: 570px) {
  .dialog.dialog-sm,
  .dialog-content.dialog-sm,
  .dialog.dialog-mid,
  .dialog-content.dialog-mid,
  .dialog.dialog-lg,
  .dialog-content.dialog-lg,
  .dialog.dialog-tax,
  .dialog-content.dialog-tax,
  .dialog.dialog-login,
  .dialog-content.dialog-login,
  .dialog.dialog-blg,
  .dialog-content.dialog-blg {
    width: 100%;
    max-width: 100%;
  }
  .dialog label,
  .dialog-content label {
    font-size: 13px;
  }
}
@media screen and (max-width: 300px) {
  .dialog label,
  .dialog-content label {
    font-size: 12px;
  }
}
.popup_cont {
  font-size: 12px;
  /* 20170711 공지용 팝업추가 */
  /* 주소 찾기 */
}
.popup_cont,
.popup_cont * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  /*@ 팝업 모두에 적용된 keep-all 해제 / 2018.02.13 / bhkim */
  /*word-break: keep-all;*/
  word-break: break-all ;
}
.popup_cont ul,
.popup_cont li,
.popup_cont ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.popup_cont em {
  font-style: normal;
}
.popup_cont th {
  font-weight: normal;
}
.popup_cont .txt_ti {
  padding-bottom: 20px;
}
.popup_cont .txt_footer {
  padding-top: 20px;
}
.popup_cont .ly_txt {
  padding: 20px 0;
}
.popup_cont.center,
.popup_cont .center {
  text-align: center;
}
.popup_cont .certification {
  text-align: center;
  /*@ 마진수정 / 2018.01.12 / bhkim */
  margin-top: -36px;
}
.popup_cont .certification .button_list li:first-child {
  float: left;
}
.popup_cont .certification .button_list li:last-child {
  float: right;
}

.popup_cont .certification .btn {
  margin: 15px 0 0;
  width: 95%;
}
.popup_cont .pop-footer {
  word-break: break-word;
}
.popup_cont .form_control {
  /*margin-bottom: 15px;*/
  margin-bottom: 0;/* @ 팝업 하단 간격이 너무 넓어서 좁혔다 / 2018.01.05 / mglee */
}
.popup_cont .form_group,
.popup_cont .input_group {
  /*margin: 10px 0;*/ /* @ 주문 페이지 레이아웃 바로잡기 / 2017.12.27 / mglee / order-write/COS-FP-03-003v0.html */
  margin: 7px 0;
  margin-bottom:0;/* @ 마이페이지-팝업에서 에러랑 간격때문에 좁혀야 한다. / 2018.01.18 / mglee */
}
.popup_cont .form_group .form_control,
.popup_cont .input_group .form_control,
.popup_cont .form_group .btn,
.popup_cont .input_group .btn {
  margin: 0;
  line-height: 1;
}
/* @ 작은 버튼 라인하이트 조절하여 세로가운데 정렬 맞추기 / 2018.01.08 / mglee */
.popup_cont .addr-wrap .input_group .input_group_btn .btn{
  line-height: 1;
}

.popup_cont.notice {
  width: 358px;
  height: 400px;
  padding: 35px 35px 40px;
  overflow-x: hidden;
}
.popup_cont.iframe,
.popup_cont .addr-wrap {
  font-size: 12px;
}
.popup_cont.iframe input.form_control,
.popup_cont .addr-wrap input.form_control,
.popup_cont.iframe select.form_control,
.popup_cont .addr-wrap select.form_control,
.popup_cont.iframe .input_group.send-message .textarea.form_control,
.popup_cont .addr-wrap .input_group.send-message .textarea.form_control {
  height: 30px;
  padding: 6px 10px;
  font-size: 12px !important;
}
.popup_cont.iframe .radio .checked,
.popup_cont .addr-wrap .radio .checked {
  background-position: 8px -92px;
}
.popup_cont.iframe .checker .checked,
.popup_cont .addr-wrap .checker .checked {
  background-position: 6px -12px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .popup_cont.iframe .checker .checked,
  .popup_cont .addr-wrap .checker .checked,
  .popup_cont.iframe .radio .checked,
  .popup_cont .addr-wrap .radio .checked {
    background-image: url(../images/cos/01/sprite-new3.svg);
  }
  .popup_cont.iframe .radio .checked,
  .popup_cont .addr-wrap .radio .checked {
    background-position: 8px -82px;
  }
  .popup_cont.iframe .checker .checked,
  .popup_cont .addr-wrap .checker .checked {
    background-position: 6px 0;
  }
}
.popup_cont.iframe .form_group .btn,
.popup_cont .addr-wrap .form_group .btn,
.popup_cont.iframe .input_group .btn,
.popup_cont .addr-wrap .input_group .btn,
.popup_cont.iframe .input_group_btn .btn,
.popup_cont .addr-wrap .input_group_btn .btn {
  /*@ iframe 팝업내 selectbox 영향 제거 / 2018.01.10 / bhkim */
  height: 30px;
  font-size: 12px;
  /*line-height: 30px;*/
}
.popup_cont.iframe .selectboxit-container a,
.popup_cont .addr-wrap .selectboxit-container a,
.popup_cont.iframe .selectboxit-container span,
.popup_cont .addr-wrap .selectboxit-container span,
.popup_cont.iframe .selectboxit-container .selectboxit,
.popup_cont .addr-wrap .selectboxit-container .selectboxit {
  /*@ iframe 팝업내 selectbox 영향 제거 / 2018.01.10 / bhkim */
  /*line-height: 30px;*/
  height: 30px;
  font-size: 12px;
}
.popup_cont.iframe .input_group .input_group_btn,
.popup_cont .addr-wrap .input_group .input_group_btn {
  width: 80px;
}
.popup_cont.iframe .find_cont,
.popup_cont .addr-wrap .find_cont {
  padding-top: 10px;
}
.popup_cont.iframe .addr-content,
.popup_cont .addr-wrap .addr-content {
  padding-top: 10px;
}
.popup_cont.iframe .addr-list.scroll,
.popup_cont .addr-wrap .addr-list.scroll {
  /*@ 클라이언트 정책에 따라 내부 스크롤 제거 / 2018.02.05 / bhkim */
  /*overflow: hidden;*/
  /*overflow-y: auto;*/
  /*height: 250px;*/
}
.popup_cont.iframe .addr-list,
.popup_cont .addr-wrap .addr-list,
.popup_cont.iframe .addr-list li,
.popup_cont .addr-wrap .addr-list li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.popup_cont.iframe .addr-list a,
.popup_cont .addr-wrap .addr-list a {
  display: table;
  border-collapse: separate;
  width: 100%;
  text-decoration: none;
  padding: 10px;
  border-top: 1px solid #e5e5e5;
}
.popup_cont.iframe .addr-list a .zipcode,
.popup_cont .addr-wrap .addr-list a .zipcode {
  display: table-cell;
  width: 90px;
  text-align: center;
  vertical-align: middle;
}
.popup_cont.iframe .addr-list a .addr-line,
.popup_cont .addr-wrap .addr-list a .addr-line {
  display: block;
}
.popup_cont.iframe .addr-list a .addr-line:first-child,
.popup_cont .addr-wrap .addr-list a .addr-line:first-child {
  margin-bottom: 10px;
}
.popup_cont.iframe .addr-list a .addr-line span,
.popup_cont .addr-wrap .addr-list a .addr-line span {
  display: table-cell;
}

/* @도로명, 지번의 값 cell이 자꾸 드롭된다. 이를 보수함. / 2018.01.08 / mglee  */
.addr-mark-name-addr-detail-wrap{
  position:relative;
  display:block;
}
.addr-mark-name-addr-detail-wrap .addr-mark-name,
.addr-mark-name-addr-detail-wrap .addr-mark-num{
  display:block;
  float:left;
  position:absolute;
  top:0;
  left:0;
}
.addr-mark-name-addr-detail-wrap .addr-detail{
  display:block;
  float:left;
}

.popup_cont.iframe .addr-list .addr-mark-name,
.popup_cont .addr-wrap .addr-list .addr-mark-name,
.popup_cont.iframe .addr-list .addr-mark-num,
.popup_cont .addr-wrap .addr-list .addr-mark-num {
  width: 50px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.popup_cont.iframe .addr-list .addr-detail,
.popup_cont .addr-wrap .addr-list .addr-detail {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.popup_cont.iframe .addr-list.detail,
.popup_cont .addr-wrap .addr-list.detail {
  /*padding-top: 15px;*/
  padding-bottom: 11px;
}
.popup_cont.iframe .addr-list.detail li,
.popup_cont .addr-wrap .addr-list.detail li {
  margin-top: 10px;
}
.popup_cont.iframe .addr-list.detail li .type-radio,
.popup_cont .addr-wrap .addr-list.detail li .type-radio {
  display: table;
  border-collapse: separate;
  width: 100%;
}
.popup_cont.iframe .addr-list.detail li .type-radio .radio,
.popup_cont .addr-wrap .addr-list.detail li .type-radio .radio,
.popup_cont.iframe .addr-list.detail li .type-radio .radio + span,
.popup_cont .addr-wrap .addr-list.detail li .type-radio .radio + span {
  display: table-cell;
  vertical-align: top;
}
.popup_cont.iframe .addr-list.detail li .type-radio .radio + span,
.popup_cont .addr-wrap .addr-list.detail li .type-radio .radio + span {
  overflow: hidden;
}
.popup_cont.iframe .addr-list.detail li .type-radio .radio + span .addr-mark-name,
.popup_cont .addr-wrap .addr-list.detail li .type-radio .radio + span .addr-mark-name,
.popup_cont.iframe .addr-list.detail li .type-radio .radio + span .addr-mark-num,
.popup_cont .addr-wrap .addr-list.detail li .type-radio .radio + span .addr-mark-num {
  float: left;
  padding-left: 5px;
}
.popup_cont.iframe .addr-list.detail li .type-radio .addr-detail,
.popup_cont .addr-wrap .addr-list.detail li .type-radio .addr-detail {
  padding-left: 55px;
  display: block;
}
.popup_cont.iframe .addr-list.detail input,
.popup_cont .addr-wrap .addr-list.detail input {
  vertical-align: middle;
}
.popup_cont.iframe .addr-list.norm,
.popup_cont .addr-wrap .addr-list.norm {
  /*border-bottom: 1px solid #e5e5e5;*/
  padding-bottom: 15px;
}
.popup_cont.iframe .addr-list.norm li,
.popup_cont .addr-wrap .addr-list.norm li {
  margin-top: 20px;
}
.popup_cont.iframe .addr-list.norm li:first-child,
.popup_cont .addr-wrap .addr-list.norm li:first-child {
  margin-top: 0;
}
.popup_cont.iframe .addr-list.norm li .type-radio,
.popup_cont .addr-wrap .addr-list.norm li .type-radio {
  display: table;
  border-collapse: separate;
  width: 100%;
}
.popup_cont.iframe .addr-list.norm li .type-radio .radio,
.popup_cont .addr-wrap .addr-list.norm li .type-radio .radio,
.popup_cont.iframe .addr-list.norm li .type-radio .line,
.popup_cont .addr-wrap .addr-list.norm li .type-radio .line {
  display: table-cell;
  vertical-align: middle;
}
.popup_cont.iframe .addr-list.norm li .line,
.popup_cont .addr-wrap .addr-list.norm li .line {
  padding-left: 5px;
}
.popup_cont.iframe .addr-list.norm li .line span,
.popup_cont .addr-wrap .addr-list.norm li .line span {
  display: block;
}
.popup_cont.iframe .addr-list.norm li .line span .zipcode,
.popup_cont .addr-wrap .addr-list.norm li .line span .zipcode {
  display: inline-block;
  margin-left: 5px;
}
.popup_cont.iframe .ly_payment .web,
.popup_cont .addr-wrap .ly_payment .web {
  display: block;
}
.popup_cont.iframe .ly_payment .payment_lst,
.popup_cont .addr-wrap .ly_payment .payment_lst {
  padding-top: 30px;
}
.popup_cont.iframe .ly_payment .payment_lst .payment-term-select .title,
.popup_cont .addr-wrap .ly_payment .payment_lst .payment-term-select .title {
  padding-right: 20px;
  display: inline;
  /*@ 결제수단내 스타일 변경 / 2018.01.11 / bhkim */
  font-weight: normal;
}
.popup_cont.iframe .ly_payment .payment_lst .cash-receipts-wrap label,
.popup_cont .addr-wrap .ly_payment .payment_lst .cash-receipts-wrap label,
.popup_cont.iframe .ly_payment .payment_lst .cash-receipts-wrap .head,
.popup_cont .addr-wrap .ly_payment .payment_lst .cash-receipts-wrap .head {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-bottom: 0;
  width: 130px;
}
.popup_cont.iframe .ly_payment .payment_lst .cash-receipts-wrap .input_group,
.popup_cont .addr-wrap .ly_payment .payment_lst .cash-receipts-wrap .input_group {
  display: inline-table;
  width: 250px;
}
.popup_cont.iframe .ly_payment .payment_lst .radio-set label,
.popup_cont .addr-wrap .ly_payment .payment_lst .radio-set label,
.popup_cont.iframe .ly_payment .payment_lst .cash-receipts label,
.popup_cont .addr-wrap .ly_payment .payment_lst .cash-receipts label {
  width: auto;
}
.popup_cont.iframe .ly_payment .payment_lst .radio-set li,
.popup_cont .addr-wrap .ly_payment .payment_lst .radio-set li,
.popup_cont.iframe .ly_payment .payment_lst .cash-receipts li,
.popup_cont .addr-wrap .ly_payment .payment_lst .cash-receipts li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding-right: 20px;
  margin-top: 0;
}
.popup_cont.iframe .ly_payment .payment_lst .radio-set li:last-child,
.popup_cont .addr-wrap .ly_payment .payment_lst .radio-set li:last-child,
.popup_cont.iframe .ly_payment .payment_lst .cash-receipts li:last-child,
.popup_cont .addr-wrap .ly_payment .payment_lst .cash-receipts li:last-child {
  padding-right: 0;
}
.popup_cont.iframe .ly_payment .item,
.popup_cont .addr-wrap .ly_payment .item {
  margin-top: 0;
}
.popup_cont.iframe .ly_payment .payment_title,
.popup_cont .addr-wrap .ly_payment .payment_title {
  position: absolute;
  top: 10px;
  left: 30px;
}
.popup_cont .addr_detail {
  margin-top: 15px;
  border-top: 1px solid #e5e5e5;
  padding-top: 15px;
}
.popup_cont .addr_detail .sub_title {
  font-size: 13px;
  border-bottom: none;
}
.popup_cont .bottom_btn {
  padding-top: 10px;
}
.popup_cont .bottom_btn .cell + .cell {
  width: 50%;
}
.popup_cont .bottom_btn .btn {
  width: 100%;
}
.popup_cont .intelligence-collection .title {
  margin-top: 30px;
}
.popup_cont .intelligence-collection .text {
  margin-top: 5px;
}
.popup_cont .certi-notice {
  margin-top: 25px;
}
.popup_cont .certi-notice strong {
  font-weight: normal;
}
.popup_cont .about-bank-transfer th {
  width: 70px;
  height: 30px;
  color: #999;
  text-align: left;/*@ 계좌인증-TH는 왼쪽정렬로 되야 / 2018.01.18 /mglee */
}
.popup_cont .about-bank-transfer .txt {
  border-top: 1px #ddd solid;
  margin-top: 21px;
  padding-top: 15px;
}
.popup_cont .about-bank-transfer .center {
  text-align: center;
}
.popup_cont.ly_order {
  padding: 0;
  overflow: hidden;
}
.popup_cont.ly_order .delivery_head,
.popup_cont.ly_order .edit_head {
  border-bottom: 1px solid #e5e5e5;
}
.popup_cont.ly_order .edit_head {
  padding-bottom: 10px;
}
.popup_cont.ly_order .edit_head .title,
.popup_cont.ly_order .edit_head .txt_desc {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  margin: 0;
}
.popup_cont.ly_order .edit_head .txt_desc {
  font-size: 11px;
}
.popup_cont.ly_order .edit_head .txt_desc:before {
  content: " - ";
}
.popup_cont.ly_order .edit_section .form_group .input_group {
  width: 65%;
}
.popup_cont.ly_order .edit_section .form_group .input_group.phone_form .cell,
.popup_cont.ly_order .edit_section .form_group .input_group.company_no .cell {
  padding-left: 20px;
}
.popup_cont.ly_order .edit_section .form_group .input_group.phone_form .cell:before,
.popup_cont.ly_order .edit_section .form_group .input_group.company_no .cell:before {
  width: 20px;
}
.popup_cont.ly_order .edit_section .form_group .input_group.phone_form .cell:first-child,
.popup_cont.ly_order .edit_section .form_group .input_group.company_no .cell:first-child {
  padding-left: 0;
}
.popup_cont.ly_order .edit_section .form_group .email_id {
  width: 65%;
}
.popup_cont.ly_order .edit_section .form_group.find .form_btn .cell {
  display: table-cell;
}
.popup_cont.ly_order .edit_section .form_group.find .form_btn .cell .btn {
  padding: 5px 15px;
}
.popup_cont.ly_order .edit_section .form_group.find .form_btn .cell + .cell {
  padding-left: 8px;
}
@media screen and (max-width: 570px) {
  .popup_cont.ly_order .edit_section .form_group .input_group {
    width: 100%;
  }
  .popup_cont.ly_order .edit_section .form_group.find .form_btn {
    display: table-cell;
    padding-left: 8px;
    width: 70px;
  }
}
.popup_cont.ly_order .edit_section .address_form .zip_form .input_group_btn {
  width: 80px;
}
.popup_cont.ly_order .edit_section + .edit_section {
  margin-top: 30px;
}
.popup_cont.ly_order .edit_section .section_radio {
  padding: 15px 0;
}
.popup_cont.ly_order .edit_section .section_radio label {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 3px 0;
  padding-right: 30px;
}
/*@ 마이페이지 세금계산서 신청 사업자등록증 위치 / 2018.01.18 / bhkim */
.popup_cont.ly_order.iframe .edit_section .section_radio label.type-radio {
  padding: 0px 21px;
  margin-right: 5px;
}
.popup_cont.ly_order .delivery_section .tb_edit,
.popup_cont.ly_order .edit_section .tb_edit {
  padding-top: 10px;
}
.popup_cont.ly_order .delivery_section .tb_edit {
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
}
.popup_cont.ly_order .delivery_section .ly_edit {
  margin-top: 10px;
}
.popup_cont.ly_order .delivery-list li {
  /*@ 마이페이지 배송지 변경에 패딩변경 / 2018.01.10 / bhkim */
  /*padding: 0 0 20px 0;*/
}
.popup_cont.ly_order .delivery-list .ly_list {
  /*@ 마이페이지 배송지 팝업 전체 스크롤 형태로 / 2018.01.31 / bhkim */
  /*overflow: hidden;*/
  /*overflow-y: auto;*/
  /*height: 300px;*/
  padding-bottom: 10px;
  /*border-bottom: 1px solid #e5e5e5;*/
}
.popup_cont.ly_order .send-message .cell {
  display: block;
  padding: 0;
}
.popup_cont.ly_order .send-message .cell.byte {
  width: 100%;
  margin-top: 10px;
}
.popup_cont.ly_order .send-message .cell.byte .txt-byte {
  position: static;
  text-align: right;
  -webkit-transform: translate(0, 5px);
  -moz-transform: translate(0, 5px);
  -ms-transform: translate(0, 5px);
  -o-transform: translate(0, 5px);
  transform: translate(0, 5px);
}
.popup_cont.ly_order .ly_edit + .ly_edit {
  margin-top: 20px;
}
.popup_cont.ly_order .ly_edit .form_group,
.popup_cont.ly_order .ly_edit .input_group,
.popup_cont.ly_order .ly_edit .form_control {
  margin: 0;
}
.popup_cont.ly_order .ly_edit .form_group,
.popup_cont.ly_order .ly_edit .form_group.email_form,
.popup_cont.ly_order .ly_edit .form_group.address_form .form_addr {
  width: 100%;
}
.popup_cont.ly_order .total_bank .bank-depositor {
  /*@ 결제수단변경 팝업 스타일 수정 / 2018.01.11 / bhkim */
  /*padding: 20px 30px 0;*/
}
.popup_cont.ly_order .total_bank .bank-depositor strong {
  margin-right: 30px;
  /*@ 결제수단변경 팝업 스타일 수정 / 2018.01.11 / bhkim */
  font-weight: normal;
}
.popup_cont .ly_payment,
.popup_cont .ly_payment .payment_section {
  padding-top: 0;
}
.popup_cont .ly_payment .payment_lst {
  border-top: none;
}
.popup_cont .ly_payment .payment_lst .item .payment_title {
  left: 0;
}
.popup_cont .ly_payment .payment_lst .item + .item .payment_title {
  left: 100px;
}
/*@ 결제수단변경 팝업 스타일 수정 / 2018.01.11 / bhkim */
.popup_cont .ly_payment .payment_lst .item .payment-detail .head {
  display: none;
}
/*@ 결제수단변경 팝업 스타일 수정 / 2018.01.11 / bhkim */
.popup_cont .ly_payment .payment_lst .item .payment-detail .head.sub {
  display: inline-block;
}
/*@ 결제수단변경 팝업 스타일 수정 / 2018.01.11 / bhkim */
.popup_cont .ly_payment .payment_lst .item .payment-detail .payment-term-select .ly_btn .btn {
  margin-top: 0;
}
.popup_cont .ly_payment .payment_lst .item .credit-radio .type-credit .lab_group .desc {
  color: #f28860;
}
.popup_cont .ly_payment .payment_lst .item .payment-detail.cash_pop {
  background: #fff;
  border-top: 1px #d5d3d4 solid;
  padding: 5px 0 0;
}
.popup_cont .ly_payment .payment_lst .item .payment-detail.cash_pop .box_white {
  padding: 0;
}
.popup_cont .ly_payment .payment_lst .item .payment-detail.cash_pop .box_white .bank-depositor strong {
  width: 100px;
}
.popup_cont .ly_payment .payment_lst .item .payment-detail.cash_pop .box_white .box_white {
  margin: 0;
  border-top: none;
  padding: 15px 30px;
  background: #f1f1f1;
}
.popup_cont .ly_payment .payment_lst .item .payment-detail.cash_pop .box_white .box_white .radio span {
  background-color: #fff;
}
.popup_cont .ly_payment .payment_lst .item .payment-detail.cash_pop .box_white .cash-receipts-wrap label {
  /*@ 결제수단변경 팝업 스타일 수정 / 2018.01.11 / bhkim */
  /*color: #959595;*/
}
.popup_cont .ly_payment .payment_lst .item .payment-detail.cash_pop .box_white input {
  background: #fff;
}
.popup_cont .ly_payment .payment_lst .item .payment-detail.cash_pop .tlist li {
  padding-left: 0;
  font-size: 11px;
}
.popup_cont .ly_payment + .desc-content-wrap {
  margin-top: 0;
  /*@ 결제수단변경 스타일 변경 / 2018.01.11 / bhkim */
  /*border-top: 1px #d5d3d4 solid;*/
  /*background: #f1f1f1;*/
  padding: 15px 0px;
}
/*@ 주문취소 상세 간격수정 / 2018.01.10 / bhkim */
.popup_cont .tb_info {
  margin-top: -16px;
}
.popup_cont .tb_info + .tb_info {
  margin-top: 20px;
  border-top: 1px #ebebeb solid;
}
.popup_cont .collect-privacy-wrap .title {
  font-size: 12px;
  color: #767676;
}
.popup_cont .collect-privacy-wrap .collect-privacy + .collect-privacy {
  margin-top: 20px;
}
.popup_cont .collect-privacy-wrap .collect-privacy ul,
.popup_cont .collect-privacy-wrap .collect-privacy ol,
.popup_cont .collect-privacy-wrap .collect-privacy li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.popup_cont .collect-privacy-wrap .collect-privacy .terms-contents {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  height: 300px;
  overflow: hidden;
  overflow-y: auto;
  margin: 10px 0;
}
.popup_cont .collect-privacy-wrap .collect-privacy .terms-contents .tos-box {
  padding: 20px;
}
.popup_cont .intelligence-collection .table-wrap,
.popup_cont .collect-privacy-wrap .table-wrap {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}
.popup_cont .intelligence-collection .table-wrap th,
.popup_cont .collect-privacy-wrap .table-wrap th {
  text-align: center;
  background: #f6f6f6;/* @ 테이블 스타일 재정의 / 2018.01.08 / mglee */
}
.popup_cont .intelligence-collection .table-wrap th,
.popup_cont .collect-privacy-wrap .table-wrap th,
.popup_cont .intelligence-collection .table-wrap td,
.popup_cont .collect-privacy-wrap .table-wrap td {
  /*padding: 3px 7px;*/
  padding-top:10px;/* @ 테이블 스타일 재정의 / 2018.01.08 / mglee */
  padding-right:7px;/* @ 테이블 스타일 재정의 / 2018.01.08 / mglee */
  padding-bottom:10px;/* @ 테이블 스타일 재정의 / 2018.01.08 / mglee */
  padding-left:7px;/* @ 테이블 스타일 재정의 / 2018.01.08 / mglee */
  text-align: left;
}
.popup_cont .intelligence-collection .table-wrap.center td,
.popup_cont .collect-privacy-wrap .table-wrap.center td {
  text-align: left;
}
.popup_cont .intelligence-collection .border-type,
.popup_cont .collect-privacy-wrap .border-type {
  /*border-top: 1px #dddddd solid;*/
  /*border-left: 1px #dddddd solid;*/
  border-top: 0px;/* @ 테이블 스타일 재정의 / 2018.01.08 / mglee */
  border-left: 0px;/* @ 테이블 스타일 재정의 / 2018.01.08 / mglee */
}
/*.popup_cont .intelligence-collection .border-type th,*/
/*.popup_cont .collect-privacy-wrap .border-type th,*/
.popup_cont .intelligence-collection .border-type td,
.popup_cont .collect-privacy-wrap .border-type td {
  /*border-right: 1px #dddddd solid;*/
  /*border-bottom: 1px #dddddd solid;*/
  border-right: 0px #ebebeb solid;/* @ 테이블 스타일 재정의 / 2018.01.08 / mglee */
  border-bottom: 1px #ebebeb solid;/* @ 테이블 스타일 재정의 / 2018.01.08 / mglee */
}
.popup_cont .article .describe + .describe {
  margin-top: 10px;
}
.popup_cont .ly_list .tb_lst thead th {
  padding: 10px;
}
.popup_cont .ly_list .tb_lst tbody th,
.popup_cont .ly_list .tb_lst tbody td {
  padding: 10px;
}
/* 2017.08.02 상품필수 표시정보 추가 nopop */
.information-product h2.popup_title {
  margin: 0px 0 20px;
}
.information-product .table-wrap {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}
.information-product .table-wrap th {
  text-align: center;
}
.information-product .table-wrap th,
.information-product .table-wrap td {
  padding: 3px 7px;
}
.information-product .table-wrap.center td {
  text-align: center;
}
.information-product .table-wrap.left {
  border-collapse: separate;
}
.information-product .table-wrap.left th,
.information-product .table-wrap.left td {
  text-align: left;
  padding: 10px 14px;
  font-weight: normal;
  font-size: 12px;
  /*color: #959595;*/
}
.information-product .table-wrap.left th span.kcIcon,
.information-product .table-wrap.left td span.kcIcon {
  display: inline-block;
  padding-left: 40px;
  background: url(../images/cos/01/kc_icon.png) no-repeat 0 -2px;
  -webkit-background-size: 28px 42px;
  background-size: 28px 42px;
  line-height: 19px;
}
.information-product .border-type {
  /*border-top: 1px #dddddd solid;*/
  /*border-left: 1px #dddddd solid;*/
}
.information-product .border-type th,
.information-product .border-type td {
  /*border-right: 1px #dddddd solid;*/
  border-bottom: 1px #ebebeb solid;
}
@media screen and (max-width: 700px) {
  .information-product {
    padding: 0 24px;
  }
  .information-product h2.popup_title {
    font-size: 16px;
    padding: 0;
    text-align: center;
    margin: 0 0 20px;
  }
  .information-product .table-wrap.left th,
  .information-product .table-wrap.left td {
    font-size: 13px;
  }
}
/* //2017.08.02 상품필수 표시정보 추가 nopop */
@media screen and (max-width: 980px) {
  .touch .popup_cont.ly_order.iframe .ly_payment .web {
    display: none;
  }
}
.dialog-viewthelookpdp .back-look-title h2 {
  font-size: 16px;
}
.dialog-view.wishlistconfirm p {
  font-size: 11px;
}
.dialog-iframe {
  width: 100%;
}
@media screen and (max-width: 980px) {
  .dialog-iframe {
    box-sizing: border-box;
    width: 100% !important;
    height: 100% !important;
  }
}
.iframe_cont {
  width: 100%;
}
.ly_iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 60px 19px 29px;
}
.ly_iframe iframe {
  border: 0;
  width: 100%;
  height: 100%;
}
.dialog .login .iframe_cont {
  width: 801px;
  height: 450px;
}
@media screen and (max-width: 981px) {
  .dialog .login .iframe_cont {
    width: 100%;
    height: 905px;
  }
}
/* 회원 */
.popup_cont.member {
  overflow: hidden;
}
.popup_cont.member .ly_member {
  width: 100%;
  padding: 0;
}
.popup_cont.member.iframe_login2 {
  width: 100%;
}
.popup_cont.member.iframe_login2 .login_section {
  float: left;
  width: 240px;
}
.popup_cont.member.iframe_login2 .login_section + .login_section {
  margin-left: 40px;
}
.popup_cont.member.iframe_login2 .login_section .login_box_area {
  margin-bottom: 0;
}
.popup_cont.member.iframe_login2 .login_section .login_box_area .box {
  padding-bottom: 0;
}
.popup_cont.member .login_box_area .tb_edit tr,
.popup_cont.member .login_box_area .tb_edit th,
.popup_cont.member .login_box_area .tb_edit td,
.popup_cont.member .login_box_area .tb_edit label {
  display: block;
  width: 100%;
  padding: 0;
}
.popup_cont.member .login_box_area .tb_edit tr {
  padding-top: 15px;
}
.popup_cont.member .login_box_area .tb_edit tr:first-child {
  padding-top: 0;
}
.popup_cont.member .login_box_area .tb_edit th {
  padding-bottom: 5px;
}
.popup_cont.member .login_box_area .tb_edit .input_group {
  width: 100%;
  margin: 0;
}
.popup_cont.member .login_box_area .tb_edit .input_group .form_control {
  width: 100%;
}
.popup_cont.member .login_box_area .box {
  border-top: 0;
  padding-top: 0;
}
.popup_cont.member .login_box_area .bt_list {
  /*margin-top: 20px;*/
  margin-top: 25px;/* @ 아이디찾기비번찾기 + SNS 레이아웃 변경 / 2018.01.13 / mglee */
}
.popup_cont.member .login_box_area .bt_list:last-child {
 margin-top: 11px;
}

.popup_cont.member .login_box_area .bt_list .idpw_list {
  margin-right: 10px;
}
.popup_cont.member .login_box_area .bt_list .idpw_list .tx {
  margin-right: 20px;
}
.popup_cont.member .login_box_area .bt_list .sns_list {
  float: right;
}
.popup_cont.member .login_box_area .bt_list .sns_list li {
  margin-right: 0;
  margin-left: 10px;
}
.popup_cont.member .login_box_area .bt_list .sns_list li:hover {
  opacity: 0.7;
}



.popup_cont.member .login_box_area .bt_list .sns_list li:first-child {
  margin-left: 0;
}
.popup_cont.member .login_box_area .btn,
.popup_cont.member .login_section .btn {
  width: 100%;
  /*@ popup btn line height / 2018.01.02 / bhkim */
  line-height: 40px;
}
.popup_cont.member .login_box_area .ly_line_txt {
  /* @ 버튼area 밑줄제거 pt->14 mt->15  / 2017.12.27 / bhkim */
  /*border-top: 1px solid #e5e5e5;*/
  /*padding-top: 14px;*/
  margin-top: 15px;
  /*margin-bottom: -7px;*/
}
.popup_cont.member .input_group {
  margin: 0;
}
.popup_cont.member .form_lab span {
  margin-bottom: 10px;
}
.popup_cont.member .tb_edit table {
  width: 100%;
}
.popup_cont.member .ly_edit .tb_edit table {
  /*@popup phone auth restyle / 2018.01.01 / bhkim */
  /*border-bottom: 1px solid #e5e5e5;*/
}
.popup_cont.member .ly_edit .tb_edit table tbody th {
  display: block;
  width: 100%;
}
.popup_cont.member .ly_edit .tb_edit table tbody th:first-child {
  width: 100%;
}
.popup_cont.member .ly_edit .tb_edit table tbody td {
  display: block;
  width: 100%;
}
.popup_cont.member .ly_edit .tb_edit.phone tr {
  position: relative;
  display: block;
}
.popup_cont.member .ly_edit .tb_edit.phone .input_group .input_group_btn {
  display: block;
  padding-left: 0;
  margin-top: 10px;
  /* 휴대폰 인증버튼 설정 */
  width: 38%;
  float: right;
  display: inline;
  padding-left: 10px;
  margin-top: 0px;
}
.popup_cont.member .ly_edit .tb_edit.phone .input_group .input_group_btn .btn {
  /* 버튼 마진 변경*/
  padding: 8px 12px;
  height: auto;
}
.popup_cont.member .ly_edit .tb_edit.phone .input_group .t {
  position: absolute;
  left: 56px;
  top: 0px;
}

.popup_cont.member .ly_edit .tb_edit.phone table tr th {
  padding-top: 0px;
}

.popup_cont.member .ly_edit .input_group.type01 input {
  width: 60%;
}
.popup_cont.member .ly_edit .input_group.type01 .t {
  color: #666;
  margin-left: 10px;
}
.popup_cont.member .ly_edit .t_list {
  /*@ member phone auto restyle / 2018.01.01 / bhkim */
  /*padding-top: 30px;*/
}
.popup_cont.member .ly_edit .t_list li {
  padding-left: 14px;
  font-size: 11px;
  padding-bottom: 7px;
}
.popup_cont.member .ly_edit .t_list li span {
  margin-left: -10px;
}
.popup_cont.member .mess_lst {
  margin: 10px 0;
}
.popup_cont.member .button_list, .popup_cont .button_list, .popup_cont.ly_order .button_list {
  overflow: hidden;
  /*margin-left: -5px;*/
  /*margin-right: -5px;*/
  /*@ 좌우 버튼 마진설정 / 2018.01.08 / bhkim */
  margin-top: 22px;
  width: 100%;
}
.popup_cont.member .button_list li, .popup_cont .button_list li, .popup_cont.ly_order .button_list li{
  float: left;
  width: 50%;
  padding: 0 5px;
}
.popup_cont.member .button_list li:first-child, .popup_cont .button_list li:first-child, .popup_cont.ly_order .button_list li:first-child{
  padding-left: 0px;
}
/*@ 버튼 우측 끝에 정렬 / 2018.01.26 / bhkim */
.popup_cont.member .button_list li:last-child, .popup_cont .button_list li:last-child, .popup_cont.ly_order .button_list li:last-child{
  padding-right: 1px;
}
.popup_cont.member .button_list + .tx, .popup_cont .button_list + .tx, .popup_cont.ly_order .button_list + .tx {
  margin-top: 15px;
}
/*@ 이멜 없는경우 팝업 버튼 위치 / 18.01.07 / bhkim */
.popup_cont.member .button_list .btn, .popup_cont .button_list .btn, .popup_cont.ly_order .button_list .btn {
  margin: 15px 0 0;
}
/*@ 이멜 없는경우 타입변경 / 2018.01.29. / bhkim */
.popup_cont.member .button_list.type01 li {
  padding: 0 5px;
}


@media screen and (max-width: 980px) {
  .dialog.dialog-login {
    width: auto;
  }
  .dialog.dialog-login .login {
    width: 100%;
  }
  .popup_cont .ly_payment .payment_lst .radio-set {
    display: block;
  }
  .popup_cont .ly_payment .payment_lst .radio-set li {
    display: block;
    padding: 5px 0 0 0;
  }
  .popup_cont.member.iframe_login2 .ly_member .login_box_area .bt_list .idpw_list {
    float: left;
    width: auto;
  }
  .popup_cont.member.iframe_login2 .ly_member .login_box_area .bt_list .sns_list {
    margin-top: 0;
  }
  .popup_cont.member.iframe_login2 .ly_member .login_box_area .bt_list .sns_list li .t {
    display: table-cell;
    vertical-align: middle;
    padding-left: 9px;
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .popup_cont.member.iframe_login2 .ly_member {
    padding: 0;
  }
  /* @ sns 아이콘만 노출 / 2017.12.21 / bhkim */
  /*.popup_cont.member.iframe_login2 .ly_member .login_box_area .bt_list .idpw_list {*/
  /*  float: none;*/
  /*  width: 100%;*/
  /*}*/
  /*.popup_cont.member.iframe_login2 .ly_member .login_box_area .bt_list .sns_list {*/
  /*  float: none;*/
  /*  display: block;*/
  /*  margin-top: 30px;*/
  /*}*/
  /*.popup_cont.member.iframe_login2 .ly_member .login_box_area .bt_list .sns_list li .t {*/
  /*  display: table-cell;*/
  /*}*/
  .popup_cont.member.iframe_login2 .login_section {
    width: 100%;
  }
  .popup_cont.member.iframe_login2 .login_section + .login_section {
    margin-left: 0;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #e5e5e5;
  }
}
@media screen and (max-width: 570px) {
  /* 임시로 팝업 보여주기 */
  .ly_popup_view .dialog {
    top: 0;
    left: 0 !important;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    height: 100%;
  }
  /* 임시로 팝업 보여주기 */
  .dialog.dialog-mid,
  .dialog.dialog-lg {
    min-height: 100% !important;
  }
  .popup_cont .addr-wrap .txt_info,
  .popup_cont .addr_detail .txt_info {
    font-size: 12px;
  }
  .popup_cont .addr-wrap .txt_help,
  .popup_cont .addr_detail .txt_help,
  .popup_cont .addr-wrap .txt_error,
  .popup_cont .addr_detail .txt_error {
    font-size: 11px;
  }
  .popup_cont.notice {
    width: 100%;
    height: 100%;
  }
  .popup_cont.member .ly_member {
    padding: 0;
  }
  .popup_cont.member .login_section {
    width: 100%;
  }
  #signIn h2 {
    text-align: center;
  }
  .ly_login_popup.ly_member {
    padding: 0;
    width: 100%;
  }
  .ly_login_popup.ly_member .tit {
    margin: 10px 0 30px;
  }
  .ly_login_popup.ly_member .tit h2 {
    text-align: center;
    font-size: 16px;
  }
  .ly_login_popup.ly_member .btn {
    width: 100%;
    padding: 12px;
    height: auto;
  }
  .ly_login_popup.ly_member .input_group {
    margin-bottom: 10px;
  }
  .ly_login_popup.ly_member input {
    margin: 0;
  }
  .ly_login_popup.ly_member .login_box_area .tb_edit table tbody th {
    display: table-row;
    width: 100%;
  }
  .ly_login_popup.ly_member .login_box_area .tb_edit table tbody td {
    display: block;
  }
  .ly_login_popup.ly_member .login_box_area .tb_edit table tbody td .input_group {
    width: 100%;
  }
  .ly_login_popup.ly_member .login_box_area .box {
    border-top: 0;
    padding-top: 0;
  }
  .ly_login_popup.ly_member .login_box_area .bt_list {
    display: block;
    margin-top: 10px;
    overflow: hidden;
  }
  .ly_login_popup.ly_member .login_box_area .bt_list .idpw_list {
    display: inline-block;
    float: left;
    margin-right: 10px;
    width: auto;
  }
  .ly_login_popup.ly_member .login_box_area .bt_list .idpw_list li {
    font-size: 11px;
  }
  .ly_login_popup.ly_member .login_box_area .bt_list .sns_list {
    float: right;
    margin-top: 0;
  }
  .ly_login_popup.ly_member .login_box_area .bt_list .sns_list li {
    margin-right: 0;
    margin-left: 10px;
  }
  .ly_login_popup.ly_member .login_box_area .bt_list .sns_list li .t {
    display: none;
  }
  .ly_login_popup.ly_member .login_box_area .ly_line_txt {
    border-top: 1px solid #e5e5e5;
    padding-top: 15px;
    margin-top: 15px;
  }
}

  .popup_cont.member input.form_control {
    height: 30px;
    line-height: 16px;
    padding: 6px 10px;
    font-size: 12px;
    width: 62%;
    display: inline;
  }

@media screen and (max-width: 300px) {

  .popup_cont.member .form_group .btn,
  .popup_cont.member .input_group .btn,
  .popup_cont.member .input_group_btn .btn {
    height: 30px;
    font-size: 12px;
  }
}
@media screen and (max-width: 240px) {
  #signInRegister {
    padding: 30px 20px 15px;
  }
  #signInRegister .modal td {
    padding: 5px 0 0;
  }
  .ly_login_popup.ly_member .tit {
    margin: 18px 0;
  }
  .ly_login_popup.ly_member .tit h2 {
    text-align: left !important;
    font-size: 14px;
    margin: 0;
  }
  .ly_login_popup.ly_member .btn {
    width: 100%;
    padding: 12px;
    height: auto;
  }
  .ly_login_popup.ly_member .input_group {
    margin-bottom: 10px;
  }
  .ly_login_popup.ly_member input {
    margin: 3px 0 10px;
  }
  .ly_login_popup.ly_member .login_box_area .tb_edit table tbody th {
    display: table-row;
    width: 100%;
    font-size: 11px;
    line-height: 18px;
  }
  .ly_login_popup.ly_member .login_box_area .tb_edit table tbody td {
    display: block;
  }
  .ly_login_popup.ly_member .login_box_area .tb_edit table tbody td .input_group {
    width: 100%;
    margin: 0;
  }
  .ly_login_popup.ly_member .login_box_area .tb_edit table tbody td .form_lab .txt_error {
    margin-top: -10px;
    margin-bottom: 18px;
  }
  .ly_login_popup.ly_member .login_box_area .box {
    border-top: 0;
    padding-top: 0;
  }
  .ly_login_popup.ly_member .login_box_area .bt_list {
    display: block;
    margin-top: 10px;
    overflow: hidden;
  }
  .ly_login_popup.ly_member .login_box_area .bt_list .idpw_list {
    display: inline-block;
    float: left;
    margin-right: 10px;
    width: auto;
  }
  .ly_login_popup.ly_member .login_box_area .bt_list .sns_list {
    float: right;
    margin-top: 0;
  }
  .ly_login_popup.ly_member .login_box_area .bt_list .sns_list li {
    margin-right: 0;
    margin-left: 10px;
  }
  .ly_login_popup.ly_member .login_box_area .bt_list .sns_list li .t {
    display: none;
  }
  .ly_login_popup.ly_member .login_box_area .ly_line_txt {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e5e5e5;
  }
}
/* 출력물 */
.receipt-print-wrap .guide-box {
  padding: 10px 0;
  line-height: 20px;
  /*color: #999;*/
}
.receipt-print-wrap .guide-box .txt_ti {
  padding-bottom: 10px;
}
.tax-receipt-print {
  position: relative;
  margin: 0 auto;
}
.tax-receipt-print .base-img-wrap {
  position: relative;
  z-index: 1;
}
.tax-receipt-print .base-info-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.tax-receipt-print .line {
  text-align: left;
  padding-left: 5px;
}
.tax-receipt-print .cell {
  display: table-cell;
  vertical-align: middle;
  line-height: 14px;
}
.tax-receipt-print.type01 {
  padding: 10px;
  /*border: 1px solid #e5e5e5;*/
  margin: 0 auto;
  width: 660px;
  height: 539px;
  margin-top: -10px;
}
.tax-receipt-print.type01 .base-img-wrap {
  width: 640px;
  height: 519px;
  z-index: 1;
}
.tax-receipt-print.type01 .base-info-wrap {
  left: 10px;
  top: 10px;
  width: 640px;
  height: 519px;
}
.tax-receipt-print.type01 .txtbox {
  position: absolute;
  display: table;
  border-collapse: separate;
  font-size: 11px;
  color: #222;
  text-align: center;
  *zoom: 1;
}
.tax-receipt-print.type01 .txtbox:after {
  content: "";
  display: table;
  clear: both;
}
.tax-receipt-print.type01 .txtbox.text01 {
  top: 16px;
  left: 444px;
  width: 190px;
  height: 20px;
  /*font-weight: 700;*/
}
.tax-receipt-print.type01 .txtbox.text02 {
  top: 52px;
  left: 70px;
  width: 118px;
  height: 30px;
}
.tax-receipt-print.type01 .txtbox.text03 {
  top: 52px;
  left: 241px;
  width: 78px;
  height: 30px;
}
.tax-receipt-print.type01 .txtbox.text04 {
  top: 83px;
  left: 70px;
  width: 118px;
  height: 30px;
}
.tax-receipt-print.type01 .txtbox.text05 {
  top: 83px;
  left: 241px;
  width: 78px;
  height: 30px;
}
.tax-receipt-print.type01 .txtbox.text06 {
  top: 114px;
  left: 70px;
  width: 249px;
  height: 30px;
}
.tax-receipt-print.type01 .txtbox.text07 {
  top: 145px;
  left: 70px;
  width: 118px;
  height: 45px;
}
.tax-receipt-print.type01 .txtbox.text08 {
  top: 145px;
  left: 241px;
  width: 78px;
  height: 45px;
}
.tax-receipt-print.type01 .txtbox.text09 {
  top: 191px;
  left: 70px;
  width: 249px;
  height: 30px;
}
.tax-receipt-print.type01 .txtbox.text10 {
  top: 52px;
  left: 389px;
  width: 118px;
  height: 30px;
}
.tax-receipt-print.type01 .txtbox.text11 {
  top: 52px;
  left: 560px;
  width: 79px;
  height: 30px;
}
.tax-receipt-print.type01 .txtbox.text12 {
  top: 83px;
  left: 389px;
  width: 118px;
  height: 30px;
}
.tax-receipt-print.type01 .txtbox.text13 {
  top: 83px;
  left: 560px;
  width: 79px;
  height: 30px;
}
.tax-receipt-print.type01 .txtbox.text14 {
  top: 114px;
  left: 389px;
  width: 250px;
  height: 30px;
}
.tax-receipt-print.type01 .txtbox.text15 {
  top: 145px;
  left: 389px;
  width: 118px;
  height: 45px;
}
.tax-receipt-print.type01 .txtbox.text15 .mtline {
  width: 118px;
}
.tax-receipt-print.type01 .txtbox.text16 {
  top: 145px;
  left: 560px;
  width: 79px;
  height: 45px;
}
.tax-receipt-print.type01 .txtbox.text16 .mtline {
  width: 79px;
}
.tax-receipt-print.type01 .txtbox.text17 {
  top: 191px;
  left: 389px;
  width: 250px;
  height: 30px;
}
.tax-receipt-print.type01 .txtbox.text18 {
  top: 273px;
  left: 2px;
  width: 72px;
  height: 21px;
  font-size: 13px;
}
.tax-receipt-print.type01 .txtbox.text19 {
  top: 273px;
  left: 78px;
  width: 186px;
  height: 21px;
  text-align: right;
  font-size: 13px;
  letter-spacing: 6.5px;
}
.tax-receipt-print.type01 .txtbox.text20 {
  top: 273px;
  left: 252px;
  width: 155px;
  height: 21px;
  text-align: right;
  font-size: 13px;
  letter-spacing: 6.5px;
}
.tax-receipt-print.type01 .txtbox.text20_1 {
  top: 242px;
  left: 405px;
  width: 234px;
  height: 52px;
  text-align: left;
  padding-left: 5px;
}
.tax-receipt-print.type01 .txtbox.text20_2 {
  top: 295px;
  left: 63px;
  width: 576px;
  height: 40px;
  text-align: left;
  padding-left: 5px;
}
.tax-receipt-print.type01 .txtbox.text21 {
  top: 356px;
  left: 1px;
  width: 638px;
  height: 29px;
}
.tax-receipt-print.type01 .txtbox.text22 {
  top: 386px;
  left: 1px;
  width: 638px;
  height: 29px;
}
.tax-receipt-print.type01 .txtbox.text23 {
  top: 416px;
  left: 1px;
  width: 638px;
  height: 29px;
}
.tax-receipt-print.type01 .txtbox.text24 {
  top: 446px;
  left: 1px;
  width: 638px;
  height: 29px;
}
.tax-receipt-print.type01 .txtbox.text25 {
  top: 497px;
  left: 1px;
  width: 120px;
  height: 21px;
  font-size: 13px;
}
.tax-receipt-print.type01 .txtbox.text26 {
  top: 497px;
  left: 122px;
  width: 99px;
  height: 21px;
  font-size: 13px;
}
.tax-receipt-print.type01 .txtbox.text27 {
  top: 497px;
  left: 222px;
  width: 90px;
  height: 21px;
  font-size: 13px;
}
.tax-receipt-print.type01 .txtbox.text28 {
  top: 497px;
  left: 313px;
  width: 89px;
  height: 21px;
  font-size: 13px;
}
.tax-receipt-print.type01 .txtbox.text29 {
  top: 497px;
  left: 403px;
  width: 89px;
  height: 21px;
  font-size: 13px;
}
.tax-receipt-print.type01 .txtbox .mtline {
  display: block;
}
.tax-receipt-print.type01 .txtbox .mtline i {
  font-style: normal;
}
.tax-receipt-print.type01 .txtbox .intxt {
  display: table-cell;
  vertical-align: middle;
  line-height: 14px;
  height: 29px;
}
.tax-receipt-print.type01 .txtbox .intxt.it01 {
  width: 38px;
}
.tax-receipt-print.type01 .txtbox .intxt.it02 {
  width: 216px;
}
.tax-receipt-print.type01 .txtbox .intxt.it03 {
  width: 40px;
}
.tax-receipt-print.type01 .txtbox .intxt.it04 {
  width: 40px;
}
.tax-receipt-print.type01 .txtbox .intxt.it05 {
  width: 81px;
}
.tax-receipt-print.type01 .txtbox .intxt.it06 {
  width: 109px;
}
.tax-receipt-print.type01 .txtbox .intxt.it07 {
  width: 82px;
}
.tax-receipt-print.type01 .txtbox .intxt.it08 {
  width: 32px;
}
.tax-receipt-print.type01 .txtbox .intxt.line {
  font-size: 11px;
}
.tax-receipt-print.type01.add {
  height: 559px;
}
.tax-receipt-print.type01.add .base-img-wrap,
.tax-receipt-print.type01.add .base-info-wrap {
  height: 559px;
}
.tax-receipt-print.type01.add .txtbox.text21 {
  top: 396px;
  left: 1px;
  width: 638px;
  height: 29px;
}
.tax-receipt-print.type01.add .txtbox.text22 {
  top: 426px;
  left: 1px;
  width: 638px;
  height: 29px;
}
.tax-receipt-print.type01.add .txtbox.text23 {
  top: 456px;
  left: 1px;
  width: 638px;
  height: 29px;
}
.tax-receipt-print.type01.add .txtbox.text24 {
  top: 486px;
  left: 1px;
  width: 638px;
  height: 29px;
}
.tax-receipt-print.type01.add .txtbox.text25 {
  top: 536px;
  left: 1px;
  width: 120px;
  height: 22px;
  font-size: 13px;
}
.tax-receipt-print.type01 .bnum {
  width: 30px;
  display: inline-block;
  text-align: center;
  vertical-align: baseline;
}
.tax-receipt-print.type01 .mun {
  vertical-align: middle;
}
.tax-receipt-print.type01 .d1,
.tax-receipt-print.type01 .d2 {
  float: left;
  width: 18px;
  margin-left: 1px;
  height: 21px;
}
.tax-receipt-print.type01 .d1 {
  width: 34px;
  margin-left: 0;
}
.tax-receipt-print.type02 {
  width: 351px;
  height: 627px;
}
.tax-receipt-print.type02 .base-img-wrap {
  width: 351px;
  height: 627px;
  z-index: 1;
}
.tax-receipt-print.type02 .base-info-wrap {
  width: 351px;
  height: 627px;
}
.tax-receipt-print.type02 .txtbox {
  position: absolute;
  display: block;
  font-size: 14px;
  color: #666;
  text-align: left;
  *zoom: 1;
  padding-left: 8px;
  height: 22px;
}
.tax-receipt-print.type02 .txtbox:after {
  content: "";
  display: table;
  clear: both;
}
.tax-receipt-print.type02 .txtbox span {
  display: block;
}
.tax-receipt-print.type02 .txtbox.text01 {
  top: 60px;
  left: 10px;
  width: 91px;
}
.tax-receipt-print.type02 .txtbox.text02 {
  top: 60px;
  left: 102px;
  width: 153px;
}
.tax-receipt-print.type02 .txtbox.text02_01 {
  top: 60px;
  left: 256px;
  width: 85px;
}
.tax-receipt-print.type02 .txtbox.text03 {
  top: 96px;
  left: 10px;
  width: 227px;
}
.tax-receipt-print.type02 .txtbox.text04 {
  top: 96px;
  left: 238px;
  width: 103px;
}
.tax-receipt-print.type02 .txtbox.text05 {
  top: 134px;
  left: 10px;
  width: 330px;
}
.tax-receipt-print.type02 .txtbox.text06 {
  top: 170px;
  left: 10px;
  width: 72px;
}
.tax-receipt-print.type02 .txtbox.text07 {
  top: 170px;
  left: 84px;
  width: 170px;
}
.tax-receipt-print.type02 .txtbox.text08 {
  top: 170px;
  left: 256px;
  width: 85px;
}
.tax-receipt-print.type02 .txtbox.text09 {
  top: 204px;
  left: 10px;
  width: 141px;
}
.tax-receipt-print.type02 .txtbox.text09_01 {
  top: 241px;
  left: 10px;
  width: 141px;
  font-size: 13px;
}
.tax-receipt-print.type02 .txtbox.text09_02 {
  top: 277px;
  left: 10px;
  width: 141px;
}
.tax-receipt-print.type02 .txtbox.text10 {
  top: 206px;
  right: 3px;
  width: 144px;
  text-align: right;
  letter-spacing: 10px;
}
.tax-receipt-print.type02 .txtbox.text11 {
  top: 241px;
  right: 3px;
  width: 144px;
  text-align: right;
  letter-spacing: 10px;
}
.tax-receipt-print.type02 .txtbox.text12 {
  top: 277px;
  right: 3px;
  width: 144px;
  text-align: right;
  letter-spacing: 10px;
}
.tax-receipt-print.type02 .txtbox.text12_01 {
  top: 314px;
  right: 3px;
  width: 144px;
  text-align: right;
  letter-spacing: 10px;
}
.tax-receipt-print.type02 .txtbox.text13 {
  top: 350px;
  right: 3px;
  width: 144px;
  text-align: right;
  letter-spacing: 10px;
}
.tax-receipt-print.type02 .txtbox.text14 {
  top: 387px;
  left: 153px;
  width: 152px;
  font-size: 12px;
}
.tax-receipt-print.type02 .txtbox.text15 {
  top: 423px;
  left: 153px;
  width: 187px;
  font-size: 12px;
  text-align: right;
  padding-right: 8px;
}
.tax-receipt-print.type02 .txtbox.text16 {
  top: 314px;
  left: 10px;
  width: 44px;
  font-size: 12px;
}
.tax-receipt-print.type02 .txtbox.text17 {
  top: 314px;
  left: 55px;
  width: 97px;
}
.tax-receipt-print.type02 .txtbox.text18 {
  top: 350px;
  left: 10px;
  width: 141px;
}
.tax-receipt-print.type02 .txtbox.text19 {
  top: 386px;
  left: 10px;
  width: 141px;
}
.tax-receipt-print.type02 .txtbox.text20 {
  top: 458px;
  left: 200px;
  width: 141px;
}
.tax-receipt-print.type02 .txtbox.text21 {
  top: 422px;
  left: 10px;
  width: 141px;
}
.tax-receipt-print.type02 .txtbox.text22 {
  top: 458px;
  left: 10px;
  width: 189px;
  font-size: 13px;
}
.tax-receipt-print.type02 .txtbox.text23 {
  top: 494px;
  left: 10px;
  width: 331px;
  font-size: 13px;
}
.tax-receipt-print.type02 .txtbox.text24 {
  top: 530px;
  left: 10px;
  width: 107px;
  font-size: 13px;
}
.tax-receipt-print.type02 .txtbox.text25 {
  top: 530px;
  left: 118px;
  width: 223px;
}
.tax-receipt-print.type02 .txtbox.text26 {
  top: 566px;
  left: 10px;
  width: 91px;
}
.tax-receipt-print.type02 .txtbox.text27 {
  top: 566px;
  left: 102px;
  width: 239px;
}
.receipt-paper .receipt-head:after {
  content: "";
  display: table;
  clear: both;
}
.receipt-paper .receipt-head .to {
  float: left;
}
.receipt-paper .receipt-head .from {
  float: right;
}
.receipt-paper .receipt-head .from p {
  position: relative;
  z-index: 2;
}
.receipt-paper .receipt-head .from .stamp {
  position: absolute;
  z-index: 300;
  right: 0px;
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  -webkit-background-size: 60px 60px;
  background-size: 60px 60px;
}
.receipt-paper .receipt-head .from .stamp img {
  height: 60px;
  width: 60px;
}
.receipt-paper .receipt-body li {
  list-style-type: none;
}
.receipt-paper .receipt-body + .receipt-body {
  margin-top: 20px;
}
.receipt-paper .receipt-body .txt_ti {
  padding-bottom: 10px;
  padding-top: 10px;
}
.receipt-paper .receipt-body .receipt_lst {
  /*border-top: 1px solid #e5e5e5;*/
  display: table;
  border-collapse: separate;
  width: 100%;
  padding: 10px 20px;
}
.receipt-paper .receipt-body .receipt_lst li {
  display: table-row;
}
.receipt-paper .receipt-body .receipt_lst li span {
  display: table-cell;
  vertical-align: middle;
  height: 25px;
}
.receipt-paper .receipt-body .receipt_lst li .ti {
  width: 100px;
}
.receipt-paper .receipt-body .summary {
  padding: 10px 20px;
  /*background: #f1f1f1;*/
}
.receipt-paper .receipt-body .summary ul {
  float: right;
}
.receipt-paper .receipt-body .summary ul li .ti {
  width: 150px;
}
.receipt-paper .receipt-body .summary ul li .txt {
  text-align: right;
}
.receipt-paper .receipt-body .guide {
  padding-left: 0;
  margin-top: 20px;
}
.receipt-paper .receipt-body .guide li {
  margin-top: 5px;
}
.receipt-paper .ly_guarantee {
  display: block;
  width: 100%;
}
.receipt-paper .ly_guarantee,
.receipt-paper .ly_guarantee * {
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
}
.receipt-paper .ly_guarantee .img_guarantee {
  width: 50%;
  display: inline-block;
  padding-right: 20px;
  vertical-align: top;
}
.receipt-paper .ly_guarantee .img_guarantee + .img_guarantee {
  padding-left: 20px;
  padding-right: 0;
}
.receipt-paper .btn.etc_paper {
  width: 40%;
}
@media screen and (max-width: 570px) {
  .receipt-paper .ly_guarantee {
    display: block;
  }
  .receipt-paper .ly_guarantee .img_guarantee {
    width: 100%;
    display: block;
    padding-right: 0;
    text-align: center;
  }
  .receipt-paper .ly_guarantee .img_guarantee + .img_guarantee {
    padding-left: 0;
    padding-top: 20px;
  }
  .receipt-paper .btn.etc_paper {
    width: 100%;
  }
}



.dialog-wrap .dialog-content .policy-style-cont ul,
.dialog-wrap .dialog-content .policy-style-cont ol {
  list-style-type: none;
  padding: 0 0 0 20px;
}
.dialog-wrap .dialog-content .policy-style-cont dl dd {
  margin: 0 0 0 20px;
}
.dialog-wrap .dialog-content .policy-style-cont .tos-box h2 {
  font-size: 12px;
  font-weight: 400;
  color: #666;
  margin: 10px 0;
}
.dialog-wrap .dialog-content .policy-style-cont .tos-box .table-wrap {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}
.dialog-wrap .dialog-content .policy-style-cont .tos-box .table-wrap th {
  text-align: center;
  font-weight: 400;
}
.dialog-wrap .dialog-content .policy-style-cont .tos-box .table-wrap th,
.dialog-wrap .dialog-content .policy-style-cont .tos-box .table-wrap td {
  padding: 3px 7px;
}
.dialog-wrap .dialog-content .policy-style-cont .tos-box .table-wrap.center td {
  text-align: center;
}
.dialog-wrap .dialog-content .policy-style-cont .tos-box .border-type {
  border-top: 1px #dddddd solid;
  border-left: 1px #dddddd solid;
}
.dialog-wrap .dialog-content .policy-style-cont .tos-box .border-type th,
.dialog-wrap .dialog-content .policy-style-cont .tos-box .border-type td {
  border-right: 1px #dddddd solid;
  border-bottom: 1px #dddddd solid;
}
/* 2017.09.27 전체공지 모바일 전체 제거  */
.ly_popup_notice {
  background: transparent;
  z-index: 1000;
}
.ly_popup_notice .dialog {
  display: block;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(0%, 0%);
  -moz-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  -o-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}
.ly_popup_notice .dialog .dialog-view {
  display: block;
}
.ly_popup_notice .dialog .dialog-content {
  width: 100% !important;
}
.ly_popup_notice .dialog.dialog-notice {
  position: fixed;
}
/* 해상도별별 */
.pc_only_notice {
  display: initial !important;
}
.mobile_only_notice {
  display: none !important;
}
.pc_only_notice.mobile_only_notice {
  display: initial !important;
}
@media (max-width: 1024px) {
  .pc_only_notice {
    display: none !important;
  }
  .mobile_only_notice {
    display: initial !important;
  }
  .pc_only_notice.mobile_only_notice {
    display: initial !important;
  }
}


/* @경고창 다이아로그팝업 / 2017.12.28 / bhkim */
.o-lightbox.alert,
.ui-dialog.alert,
.view_popup.alert {
  min-width: 320px;
  height: auto;
}

.o-lightbox.alert .lightbox-content,
.ui-dialog.alert .lightbox-content,
.view_popup.alert .lightbox-content,
.o-lightbox.alert .ui-dialog-content,
.ui-dialog.alert .ui-dialog-content,
.view_popup.alert .ui-dialog-content {
  padding: 40px;
}

.o-lightbox.alert,
.ui-dialog.alert,
.view_popup.alert {
  min-width: 320px;
}

.o-lightbox.alert .lightbox-content,
.ui-dialog.alert .lightbox-content,
.view_popup.alert .lightbox-content,
.o-lightbox.alert .ui-dialog-content,
.ui-dialog.alert .ui-dialog-content,
.view_popup.alert .ui-dialog-content {
  padding: 30px;
}

@media screen and (max-width: 570px) {
  .o-lightbox.alert,
  .ui-dialog.alert,
  .view_popup.alert {
    min-width: 90%;
  }
}

/* Overlays */
.ui-widget-overlay {
	background: #fff;
  visibility: visible;
  opacity: 0.9;
  transition: 0.3s ease-out;
}

.ui-dialog {
  /*@ 알랏용 이중창 넓이 수정 360->436->354 / 2018.03.08 / bhkim */
  width: 436px !important;
  height: auto !important;
  border: 1px solid #d3d3d3;
  padding: 0;
  overflow: auto;
  max-height: 760px;
  z-index: 90 !important;
  left: -100%;
  top: -100%;
}
/*@ 알랏용 사이즈 추가 436 / 2018.03.08 / bhkim */
.ui-dialog.ui-alert {
  width: 354px !important;
  /*min-width: 320px;*/
  /*max-height: auto;*/
}
.ui-dialog .ui-dialog-titlebar {
  padding: 0px;
  position: relative;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  /*@ 라이트 박스 패딩에 맞게 수정 / 2018.02.07 / bhkim */
  padding: 3px 32px 40px;
  background: none;
  overflow: auto;
}
.ui-dialog .ui-dialog-title {
  /*@ 라이트 박스 패딩에 맞게 수정 30->40 / 2018.02.07 / bhkim */
  height: 40px;
}
.ui-dialog .ui-dialog-titlebar-close {
  font-size: 25px;
  position: absolute;
  right: 0px;
  top: 0px;
  cursor: pointer;
  background: #fff;
  border: none;
  padding: 25px;
  color: transparent;
  text-indent: -9999px;
  width: 50px;
  height: 50px;
}
.ui-widget-content {
  border: 1px solid #e0e0e0;
  background: #fff;
  /*color: #000;*/
  border-radius: 0px;
}
.ui-widget-header {
  border: 0;
  background: none;
}
[class*=" ui-icon"] {
  /*font-family: 'Stories-Icons';*/
  /*speak: none;*/
  /*font-size: 14px;*/
  /*font-style: normal;*/
  /*font-weight: normal;*/
  /*font-variant: normal;*/
  /*text-transform: none;*/
  /*line-height: 1;*/
  /*display: inline-block;*/
  /*-webkit-font-smoothing: antialiased;*/
  /*-moz-osx-font-smoothing: grayscale;*/

  font-family: 'COS-Icons';
  font-weight: normal;
  speak: none;
  font-size: 32px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  display: inline-block;
  letter-spacing: 0;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;


}

.ui-button .ui-icon {
  background-image: none;
  color: #444;
  font-size: 15px;
  left: 50%;
  margin-left: 2px;
}


.ui-icon-closethick:before {
  /*content: "\e907";*/

content: "";

}
.ui-icon {
  text-indent: 0;
}
.ui-icon:hover {
  color: #999;
}
.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: 0px;
  white-space: nowrap;
}
a.ui-button:hover,
a.ui-button:focus,
a.ui-button:active {
  border: 1px solid #000000;
  background-color: #fff;
  font-weight: normal;
  color: #000;
}
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #000;
  text-decoration: none;
  border-radius: 0px;
  background: none;
}
.modalbutton.ui-button:hover,
.modalbutton.ui-button:focus,
.modalbutton.ui-button:active {
  background-color: #fff;
  color: #000;
}

.popupAlert button.btn {
  margin-top: 38px;
}

/* @알림용 창 제목정의 / 2017.12.29 / bhkim */
.popupAlert .popup_cont .popup_title  {
  color: #999;
  margin-top: 3px;
  margin-bottom: 15px;
  font-size: 13px;
  letter-spacing: 1px;
  border: none;
  padding-bottom: 0px;
  color: #444;
  font-weight: 300;
}

@media (max-width: 767px) {
  .ui-dialog {
    width: 100% !important;
    height: 100vh !important;
    right: 0;
    border: 0 !important;
    max-height: 100%;
    /*@ 알림팝업 모바일에서 엑스버튼 위치 수정 / 2018.02.07 / bhkim */
    position: absolute;
    left: -100%;
    top: -100%;
  }

  .ui-dialog.ui-alert {
    width: 100% !important ;
    /*height: auto !important;*/
    /*min-width: 90% !important;*/
    /*max-height: auto;*/
  }
  .ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
  }
  .ui-dialog .ui-dialog-content {
    /*@ 알림팝업 모바일에서 마진 수정 18.2.7 bhkim*/
    padding: 24px 12px 64px;
    /*margin-top: -7px;*/
  }
  .ui-dialog.ui-alert .ui-dialog-content {
    margin-top: 0px;
  }
  .ui-dialog .ui-dialog-title {
    height: 34px;
  }
  .ui-dialog .ui-dialog-titlebar-close {
    right: 7px;
    top: 18px;
  }
  a.ui-button,
  a:link.ui-button,
  a:visited.ui-button,
  .ui-button {
    background-color: #fff;
  }
  .ui-button .ui-icon {
    /*@ 알림팝업 모바일에서 엑스버튼 위치 수정 / 2018.02.07 / bhkim */
    background-image: none;
    color: #444;
    font-size: 22px;
    left: 46%;
    margin-left: 2px;
    width: 22px;
    height: 22px;
    margin-top: -20px;
  }

}
/* //@경고창 다이아로그팝업*/

/* @ 라이트 박스 사이즈 재정의 / 2018.01.06 / bhkim */

/* 팝업 사이즈 */
.o-lightbox {
  overflow: hidden !important;
  -webkit-overflow-scrolling: touch;
  /*max-width: 100%; */
  /*max-height: 100%; */
  /* 세금계산서 인쇄 */
  /* 전표 인쇄 */
  /* 결제수단변경 */
  /*2017.10.13 is-large 팝업 하단 패딩 현상 by.mglee*/
}
.o-lightbox,
.o-lightbox * {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}
.o-lightbox .lightbox-content {
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateZ(0);
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-perspective: 1000;
  touch-action: pan-y;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  top: 0;
}
.o-lightbox.is-order-summary-tax .lightbox-content {
  position: static;
  transform: none;
  padding: 44px 20px 0;
}
.o-lightbox.is-large-slip .lightbox-content {
  padding: 44px 20px 0;
}
.o-lightbox.is-large-pay .lightbox-content {
  padding: 44px 20px 0;
}
.o-lightbox.is-large {
  /* @ 라이트 박스 모바일 안나옴 해결 / 2018.01.06 /bhkim */
  /*height: auto !important;*/
}
.o-lightbox.is-tax .lightbox-content {
  padding: 44px 20px 0;
}
.o-lightbox.alert {
  width: 300px;
  height: auto;
  left: 50%;
  top: 50%;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.o-lightbox.alert .lightbox-content {
  padding: 30px;
}
.o-lightbox.alert,
.ui-dialog.alert,
.view_popup.alert {
  min-width: 320px;
  height: auto;
}
.o-lightbox.alert .lightbox-content,
.ui-dialog.alert .lightbox-content,
.view_popup.alert .lightbox-content,
.o-lightbox.alert .ui-dialog-content,
.ui-dialog.alert .ui-dialog-content,
.view_popup.alert .ui-dialog-content {
  padding: 40px;
}
.view_popup.alert {
  /* 2018.08.16 alert창 30->64/44 */
  padding: 64px 44px;
}
@media (min-width: 1025px) {
  .o-lightbox.is-order-summary-tax {
    width: 824px;
  }
}
@media (min-width: 768px) {
  .o-lightbox.is-order-summary-tax {
    width: 823px;
  }
  .o-lightbox.is-order-summary-tax .lightbox-content {
    padding: 64px 72px;
    max-height: 760px;
  }
  .o-lightbox.is-large-slip {
    width: 424px;
  }
  .o-lightbox.is-large-slip .lightbox-content {
    padding: 64px 25px;
    max-height: 760px;
    overflow-y: auto;
  }
  .o-lightbox.is-large-pay {
    width: 664px;
  }
  .o-lightbox.is-large-pay .lightbox-content {
    padding: 64px 64px;
    max-height: 760px;
    overflow-y: auto;
  }
  .o-lightbox.is-xlarge {
    width: 664px;
  }
  .o-lightbox.is-xlarge .lightbox-content {
    padding: 64px 96px;
    max-height: 800px;
    overflow-y: auto;
  }
  .o-lightbox.is-tax {
    width: 850px;
  }
  .o-lightbox.is-tax .lightbox-content {
    padding: 64px 96px;
    max-height: 810px;
    overflow-y: auto;
  }
  .o-lightbox .lightbox-content {
    position: relative !important;
  }
  .o-lightbox.alert,
  .ui-dialog.alert,
  .view_popup.alert {
    min-width: 320px;
  }
  .o-lightbox.alert .lightbox-content,
  .ui-dialog.alert .lightbox-content,
  .view_popup.alert .lightbox-content,
  .o-lightbox.alert .ui-dialog-content,
  .ui-dialog.alert .ui-dialog-content,
  .view_popup.alert .ui-dialog-content {
    padding: 30px;
  }
  .view_popup.alert {
    /* 2018.08.16 alert창 30->64/72 */
    padding: 64px 72px;
  }
}
@media screen and (max-width: 767px) {
  .o-lightbox:not(.alert) {
    overflow: visible !important;
    display: table;
    /*height: inherit !important;*/ /*@ 탭이하에서 안보임? 사유몰라 주석처리 / 2018.01.06 / bhkim */
  }
  .o-lightbox:not(.alert) .lightbox-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow-y: auto;
    transform: initial !important;
  }
  .o-lightbox.is-large .lightbox-content {
    padding: 44px 20px;
  }
  .o-lightbox.alert .lightbox-content {
    position: static;
  }
}
@media screen and (max-width: 570px) {
  .o-lightbox.alert,
  .ui-dialog.alert,
  .view_popup.alert {
    min-width: 90%;
  }
}
/* @ 라이트 박스 사이즈 재정의 / 2018.01.06 / bhkim */

/* @ 라이트 박스 고정높이 재설정 / 2018.01.06 / bhkim */
@media (min-width: 1025px) {
  .o-lightbox.is-large,
  .o-lightbox.is-medium,
  .o-lightbox.is-return-refund,
  .o-lightbox.is-delivery-method,
  .o-lightbox.is-read-more,
  .o-lightbox.is-terms-and-condition,
  .o-lightbox.is-privacy-policy,
  .o-lightbox.is-order-summary {
    max-height: 100%;
  }
}
@media (min-width: 768px) {
  .o-lightbox.is-large,
  .o-lightbox.is-medium,
  .o-lightbox.is-return-refund,
  .o-lightbox.is-delivery-method,
  .o-lightbox.is-read-more,
  .o-lightbox.is-terms-and-condition,
  .o-lightbox.is-privacy-policy,
  .o-lightbox.is-order-summary {
    max-height: 100%;
  }
}

/* @주문하기 iframe 로그인팝업 탭구성 / 2018.01.07 / bhkim */
/*.iframe_cont.iframe_login2 {*/
/*  height: 404px;*/
/*}*/

@media screen and (max-width: 570px) {
  .iframe_cont.iframe_login2 {
    height: 850px;
  }
}

@media (max-width: 768px) {
  .popup_cont.member.iframe_login2 .login_section {
    width: 100%;
  }
}
.m-tablist.tabs-1-3 {
  /*@ 주문시 iframe 팝업창 탭 정렬 / 2018.03.20 / bhkim */
  display: inline-block; /*table->inline-block*/
  width: 100%;
  margin-bottom: 30px;
}
.m-tablist.tabs-1-3 li {
  /*@ 주문시 iframe 팝업창 탭 정렬 / 2018.03.20 / bhkim*/
  display: inline-block; /*table-cell->inline-block*/
  vertical-align: middle;
  /*@ 주문시 iframe 팝업창 탭 정렬 / 2018.03.20 / bhkim*/
  /*width: auto;*/ /*주석*/
  text-align: center;
  padding: 0 5%;
}
.m-tablist.tabs-1-3 li .a-link {
  padding: 8px 0px 5px;
}
.m-tablist.tabs-1-3 li:first-child {
  text-align: left;
  padding-left: 0;
}
.m-tablist.tabs-1-3 li:last-child {
  text-align: right;
  padding-right: 0;
}
@media (max-width: 768px) {
  .popup_cont.member.iframe_login2 .login_section {
    width: 100%;
  }
  .popup_cont.member.iframe_login2 .login_section .txt {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
}

.popup_cont .addr-wrap .addr-list.norm li .type-radio .line strong {
 font-weight: normal;
}

.popup_cont .about-bank-transfer td strong {
 font-weight: normal;
}

/* @receipt-paper 버튼 정렬 / 2018.01.06 / bhkim */
.popup_cont .receipt-paper {
  /*text-align: center;*/
}
.popup_cont .receipt-paper .ly_list .tb_lst th,
.popup_cont .receipt-paper .ly_list .tb_lst td {
  text-align: left;
}
/*@마이페이지 옵션 변경 셀렉박스 사이즈 수정 / 2018.01.25 / bhkim */
.popup_cont .ui-selectmenu-menu .ui-menu {
  max-height: 88px;
}

/*@마이페이지 결제수단변경 모바일용 (iframe 미사용) 할부개월수 (6개부터 스크롤) 수정 / 2018.03.19 / bhkim */
.popup_cont .ly_payment .payment_lst .ui-selectmenu-menu .ui-menu {
  max-height: 172px;
}


/*@ 마이페이지 옵션 팝업 수정 / 2018.01.30 / bhkim */
.popup_cont > .option_txt {
  padding-top: 5px;
}
/*@ 마이페이지 팝업 인풋박스 간격 수정 /20 18.01.30 / bhkim */
.popup_cont .input_group label {
  line-height: 30px;
}
/*@ 마이페이지 회원 환불계좌 인풋박스 간격 수정 / 2018.01.30 / bhkim */
.popup_cont .my_box.narrow .tb_edit .input_group {
  margin: 0;
}

.popup_cont.ly_order.iframe .input_group label.option.type-checkbox {
  line-height: inherit;
}
.popup_cont.ly_order.iframe .edit_section .tb_edit .input_group,
.popup_cont.ly_order.iframe .delivery-edit .tb_edit .input_group {
  padding-top: 5px;
}

/*@ 라이트 박스용 ie11용 하단 마진 스크롤 생성시만 하단패딩 안먹음 / 2018.02.06 / bhkim */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .o-lightbox .lightbox-content .tablist-content, /* 이용약관 팝업 */
  .o-lightbox .lightbox-content .information-product .table-wrap,
  /*.o-lightbox .lightbox-content .o-contain,*/ /*사이즈 가이드 아코디언시 적용안됨*/
  .popup_cont .find_cont .addr-content .addr-list, /* 주소검색 */
  .popup_cont .intelligence-collection, /*비회원 정보수집동의*/
  .popup_cont .receipt-print-wrap .tax-receipt-print + .button_list,
  .popup_cont .receipt-print-wrap + .button_list,
  .popup_cont .receipt-paper + .button_list
  {
    /*margin-bottom: 40px;*/
  }
}

/*@ GNB Explore가 빨간색으로 나옴 - 주석으로 제거 / 2018.03.20 / mglee */
/*
.category-wrapper .categories .category-list:last-child {
  color: red !important;
}
.departments a:last-child {
  color: red !important;
}
*/

/*@ 공통 배송지 주소 입력 파업 내용무 간격 / 2018.02.12 / bhkim */
.popup_cont .find_cont .addr-content .mess_info {
  padding: 40px 0;
}

/*@ 세금계산서 신청서 수정버튼 추가로 인한 사이즈 수정 / 2018.02.27 / bhkim */
.input_group.company_no .cell:nth-child(1) {
    width: 18%;
}
.input_group.company_no .cell:nth-child(2) {
    width: 20%;
}
@media screen and (max-width: 570px) {
  .popup_cont.ly_order .edit_section .form_group.find .input_group.company_no + .form_btn,
  .popup_cont.ly_order .edit_section .form_group.find .input_group.company_no + .form_btn + .form_btn {
    width: 60px;
    vertical-align: bottom;
  }
  .popup_cont.ly_order .edit_section .form_group.find .input_group.company_no + .form_btn .btn,
  .popup_cont.ly_order .edit_section .form_group.find .input_group.company_no + .form_btn + .form_btn .btn {
    padding: 5px 15px;
  }
}


/*@ 프린트용 설정 */
@media print {
  html, body{
    /*
      https://www.bennadel.com/blog/851-fixing-divs-that-cause-content-truncation-when-printing.htm
      https://stackoverflow.com/a/27833639
    */
    display:inline;
  }
  body { /* Print in grayscale */
      -webkit-filter: grayscale(100%);
         -moz-filter: grayscale(100%);
          -ms-filter: grayscale(100%);
           -o-filter: grayscale(100%);
              filter: grayscale(100%);
  }
  #top_grid_warp,
  #footers_warp,
  .a-overlay,
  .m-notification,
  .o-header,
  .q-margin-notification,
  .o-page-content,
  .m-product-zoom,
  .a-icon-close,
  .button_list,
  .scroll-element, /* 커스텀 스크롤바 생성후 재 설정 (스크롤바 제거) 2018.04.11 bhkim */
  .a-button
   {
    z-index: -1 !important;
    opacity: 0 !important;
    display: none !important;

  }
  .o-lightbox,
  .o-lightbox.is-open,
  .dialog {
    position: static; /* 이부분에서 페이지 스크롤 */
    display: block;
    left: 0;
    top: 0;
    -webkit-transform: translate(0, 0) !important;
    -moz-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    -o-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
    /* 2017.07.28 ie 스크롤생성방지  100% --> 730px */
    width: 730px !important;
    /* ie에서 페이지 1장만 나옴 수정 */
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
  }
  
  .lightbox-content,
  .lightbox-content .scroll-wrapper,                 /* 커스텀 스크롤바 생성후 재 설정 2018.04.11 bhkim */
  .lightbox-content .scroll-wrapper .scroll-content, /* 커스텀 스크롤바 생성후 재 설정 2018.04.11 bhkim */
  .dialog-content {
    display: block;
    top: 0;
    left: 0;
    background-color: #fff !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    z-index: 1000;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 0px !important;
    /* ie에서 페이지 1장만 나옴 수정 */
    height: auto;
    max-height: 100% !important;

  }
  .lightbox-content .popup_title,
  .dialog-content .popup_title {
    text-align: center;
    padding-top: 30px !important;
  }
  .lightbox-content .receipt-paper,
  .dialog-content .receipt-paper {
    display: block;
    padding: 30px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px #999 solid !important;
    height: auto;
    max-height: 100% !important;
    overflow: hidden !important;
  }
  .lightbox-content .receipt-print-wrap {
    border: none !important;
    display: block !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    /* ie에서 페이지 1장만 나옴 수정 */
    height: auto !important;
    max-height: 100% !important;
    overflow: hidden !important;
  }

  .dialog-content .receipt-paper .receipt-head .from .stamp,
  .lightbox-content .receipt-paper .receipt-head .from .stamp {
    background: transparent;
  }
  .lightbox-content .receipt-paper thead th,
  .dialog-content .receipt-paper thead th {
    border-bottom: 1px solid #cccccc;
  }
}
/* /@ 프린트용 설정 */

/* @ 라이트 박스용 스크롤바 스타일 변경 chrome, safari, opera 가능 ie는 불가 / 2018.03.05 / bhkim */
/* @media (min-width: 768px) {
  .o-lightbox .lightbox-content::-webkit-scrollbar {
      width: 6px;
  }
  .o-lightbox .lightbox-content::-webkit-scrollbar-thumb {
      background-color: #d5d3d4;
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
      border-radius: 0px;
  }
  .o-lightbox .lightbox-content::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
      border-radius: 0px;
  }
} */
/* @ 라이트 박스용 iframe 스크롤바 스타일 변경 chrome, safari, opera 가능 ie는 불가 / 2018.03.13 / bhkim */
/* @media (max-width: 767px) {
  .popup_cont.iframe::-webkit-scrollbar {
      width: 6px;
  }
  .popup_cont.iframe::-webkit-scrollbar-thumb {
      background-color: #d5d3d4;
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
      border-radius: 0px;
  }
  .popup_cont.iframe::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
      border-radius: 0px;
  }
} */

/* @ 라이트 박스용 iframe 스크롤바 스타일 변경 ie에서 닫기버튼 이동 -> 주석처리 / 2018.03.16 / bhkim */
/*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { */
/*  .o-lightbox .m-button-icon {*/
/*    right: 8px;*/
/*  }*/
/*}*/



/* @커스텀 스크롤바 적용 / 2018.04.05 / bhkim */
/*
  커스텀 스크롤바..(라이트 박스 팝업 pdp, 알림용 팝업에서만 적용)
  1. 구조
  팝업에서는 .is-subscribe , .is-select-country 에서는 제외 시켰고, 
  lightbox-content 밑에 scrollbar-inner 를 생성하고 스크롤바를 실행 시키는 구조입니다.
  또한 overflow를 모두 hidden 시키므로 스크롤바가 생성되는 pc에서만 히든하고 모바일에서는 overflow-y를 auto로 합니다.
  2. 모바일에서 터치 안됨. (자체에서 모바일기기를 감지하여 끌수 있게 되어 있다.
  =>따라서 크롬이나 ie에서 화면을 작게 보는 경우 적용이 되지 않는다. 768 이상에서 overflow hidden+scrollbar
  이경우 pc 화면을 크게 보라고 할수밖에 없다. 해당 미디어 쿼리가 같이 쓰이므로.
  3. pdp 상품 설명 탭부분 적용
  원래 패턴립에서는 스크롤 높이를 구해서 하단에 오면 화살표가 출력되나 커스텀 스크롤 사용으로 overflow:hidden 되었으므로  스크립트에서 
  scrollTop을 구할수 없으므로 동작되지 않습니다. 
  4. 알림용 팝업 (주소록, 계좌인증 확인, 기타 알림)
  cos_ui.js에 alertPopup() 으로 작성
  개발에서의 별도 적용 문제로 모든 알림창에 scrollbar-inner 클래스 생성됨.
     
*/

/*@ 라이트 박스용 스크롤바 스타일 변경 IE전용 / 2018.03.16 / mglee */

/*@ 상세페이지, 라이트박스, 라이트박스 프레임 ie 스크롤 제거   */
.ui-dialog .ui-dialog-content, /* @ dialog 형태 커스텀 스크롤 / 18.04.12 / bhkim */

.description-text,
.delivery-and-returns-text,
.details-text,

.o-lightbox .lightbox-content,
.popup_cont.iframe {
  scrollbar-face-color: #fff;
  scrollbar-3dlight-color: #fff;
  scrollbar-highlight-color: #fff;
  scrollbar-shadow-color: #fff;
  scrollbar-darkshadow-color: #fff;
  scrollbar-arrow-color: #fff;
  scrollbar-track-color: #fff;
}

/*************** SCROLLBAR BASE CSS ***************/
/*
1. cos_revision.css 에서 /*max-height: 611px;  max-height: 79vh; 로 변경
2. ie11 팝업관련 하단 마진 설정 불필요.
 */

@media (min-width: 768px) {
  .o-lightbox.is-large .lightbox-content {
      /*max-height: 512px !important;*/
  }
}

/* 라이트박스 패딩 제거 */
@media (min-width: 1025px) {
  .o-lightbox.is-large .lightbox-content, .o-lightbox.is-delivery-method .lightbox-content, .o-lightbox.is-terms-and-condition .lightbox-content, .o-lightbox.is-privacy-policy .lightbox-content, .o-lightbox.is-order-summary .lightbox-content {
      padding: 50px 0px 50px 47px;
      /* padding: 50px 47px; */
  }

}
@media (min-width: 768px) {
  .o-lightbox.is-large .lightbox-content, .o-lightbox.is-medium .lightbox-content, .o-lightbox.is-return-refund .lightbox-content, .o-lightbox.is-delivery-method .lightbox-content, .o-lightbox.is-read-more .lightbox-content, .o-lightbox.is-terms-and-condition .lightbox-content, .o-lightbox.is-privacy-policy .lightbox-content, .o-lightbox.is-order-summary .lightbox-content {
      padding: 50px 0px 50px 47px;
      /* padding: 50px 47px; */
  }
  .o-lightbox.is-medium .lightbox-content, .o-lightbox.is-return-refund .lightbox-content, .o-lightbox.is-read-more .lightbox-content {
     padding: 40px 0px 40px 32px !important;
  }
}

@media screen and (max-width: 767px) {
  .o-lightbox.is-large .lightbox-content {
    padding: 44px 0 44px 20px; /*@스크롤바 생성위해 마진변경 / 2018.04.10 / bhkim */
  }
}

@media (min-width: 768px) {
  .lightbox-content {
    overflow: hidden ;
  }
}

 /*@ 상세페이지용 높이별 커스텀 스크를바 높이 (패턴립에 정의됨) */
.product-description .scroll-wrapper {
    padding-right: 10px;
    width: 100%;
}
@media (min-width: 768px) {
  .product-description .scroll-wrapper {
    max-height: 170px; 
  }
}
@media (min-width: 768px) and (min-height: 801px) {
  .product-description .scroll-wrapper {
    max-height: 250px; 
  }
}
@media (min-width: 768px) and (min-height: 901px) {
  .product-description .scroll-wrapper {
    max-height: 360px; 
  }
}

/*스몰형태 팝업 패딩 별도 설정*/
.o-lightbox.is-medium .lightbox-content .scroll-wrapper, 
.o-lightbox.is-return-refund .lightbox-content .scroll-wrapper, 
.o-lightbox.is-read-more .lightbox-content .scroll-wrapper {
   padding-right:32px;
}

/* 모바일에서 (scrollbar-inner 단독)시 패딩 설정 / 2018.04.10 / bhkim */
@media screen and (max-width: 767px) {
  .lightbox-content > .scrollbar-inner:not(.scroll-wrapper) {
    padding-right: 20px; 
  }
  /*@ is-medium 에서는 custom scroll 미적용 /2018.04.20 / bhkim */
  .o-lightbox.is-medium .lightbox-content > .scrollbar-inner:not(.scroll-wrapper) {
    padding-right: 0px; 
  }
}
@media screen and (min-width: 768px) {
  .lightbox-content > .scrollbar-inner:not(.scroll-wrapper) {
    padding-right: 47px; 
  }
}

/* @ dialog 형태 커스텀 스크롤 / 18.04.12 / bhkim */
@media screen and (min-width: 768px) {
  .ui-dialog {
    max-height: 79vh;
  }
  .ui-dialog .ui-dialog-content {
    padding: 3px 0px 32px 40px;
  }
  .ui-dialog .ui-dialog-content > .scrollbar-inner {
    padding-right: 40px; 
  }
}
.ui-dialog .scroll-wrapper .popup_cont,
.ui-dialog .scroll-wrapper .dialog-view {
  overflow: hidden;
}
/* // @ dialog 형태 커스텀 스크롤 / 18.04.12 / bhkim */

/* 커스텀 스크롤바용 공통 css */
.scroll-wrapper {
    max-height: calc(79vh - 98px); /* 상하단 마진을 뺀다 */
    overflow: hidden !important;
    /* padding: 0 !important; */
    position: relative;
    /*라이트 박스 패딩 제거후 */
    /* padding: 50px 47px; */
    padding-right:47px;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}


/*************** SIMPLE INNER SCROLLBAR ***************/

.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    /* 하단 쿠키바와 겹침 수정 10->1 */
    z-index: 1;
}

.scrollbar-inner > .scroll-element div {
    display: block;
    /* height: 100%; */
    height: calc(100% - 0px); 
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
    display: none; /*x축 스크롤 사용안함*/
}

.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 0px;
    top: 0px; /* 스크롤바 아래로 내림 */
    width: 6px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    /* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4; */
}

.scrollbar-inner > .scroll-element .scroll-element_track { background-color: transparent; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #ccc; }
.scrollbar-inner > .scroll-element:hover .scroll-bar {  }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #ccc; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }


.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }
/* // 커스텀 스크롤바용 공통 css */