@charset "euc-kr";

/********************************************************************************************************************************
* 레이어(modal) 팝업
********************************************************************************************************************************/
.pop-div {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999999;
}
.pop-div::after {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
  z-index: 999999;
}
.pop-div.bg2::after {
  background: rgba(0, 0, 0, 0.5) !important;
}
/*
.pop-div:hover {display: none !important;}
*/
.pop-div .pop-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 700px;
  height: 630px;
  margin: -315px 0 0 -350px;
  padding: 45px 35px 35px 35px;
  border: 1px solid #dee1e3;
  background: #fff;
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.15);
  /*	animation: modal_Ani 0.2s ease-out;	*/
  z-index: 1000000;
}
.pop-div .pop-wrap.ani {
  animation: modal_Ani 0.2s ease-out;
}
@keyframes modal_Ani {
  from {
    opacity: 0;
    transform: translate(0, 20%);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}

/*----- size 조절 -----*/
.pop-div.eBook-modal .pop-wrap {
  width: 1100px !important;
  height: 860px !important;
  margin: -430px 0 0 -550px !important;
}
.pop-div.layer-footer-law .pop-wrap {
  width: 1100px;
  height: 800px;
  margin: -400px 0 0 -550px;
}
.pop-div.layer-emall-law .pop-wrap {
  width: 800px;
  height: 660px;
  margin: -330px 0 0 -400px;
}
.pop-div.layer-copyright-law .pop-wrap {
  width: 740px;
  height: 650px;
  margin: -325px 0 0 -370px;
}
.pop-div.layer-josebub-keyword-yp-modal .pop-wrap {
  width: 800px;
  height: 490px;
  margin: -245px 0 0 -400px;
  padding-top: 40px;
}
.pop-div.layer-finance-data-modal .pop-wrap {
  width: 1100px !important;
  height: 800px !important;
  margin: -400px 0 0 -550px !important;
}
.pop-div.layer-joyak-country-tax-modal .pop-wrap {
  width: 800px;
  height: 600px;
  margin: -300px 0 0 -400px;
}
.pop-div.layer-ypKeyword .pop-wrap {
  width: 800px;
  height: 480px;
  margin: -240px 0 0 -400px;
  padding-top: 40px;
}
.pop-div.layer-yp-interest-alarm-modal .pop-wrap,
.pop-div.layer-keyword-interest-alarm-modal .pop-wrap {
  width: 620px;
  height: 490px;
  margin: -245px 0 0 -310px;
  padding-top: 40px;
}

.pop-div.form-old-List .pop-wrap {
  width: 1000px;
  height: 680px;
  margin: -340px 0 0 -500px;
}
.pop-div.autoExcel-detail .pop-wrap {
  height: 400px;
  margin-top: -200px;
}
.pop-div.ilsacheolli-xls .pop-wrap {
  height: 440px;
  margin-top: -220px;
}
.pop-div.gijun-code .pop-wrap {
  width: 800px;
  height: 740px;
  margin: -370px 0 0 -400px;
}
.pop-div.layer-weeklymail-apply .pop-wrap {
  height: 420px;
  margin-top: -210px;
}
.pop-div.layer-old-weekly-view .pop-wrap {
  width: 920px;
  height: 800px;
  margin: -400px 0 0 -460px;
  overflow-y: scroll;
}
.pop-div.layer-profile-view .pop-wrap {
  width: 920px;
  height: 700px;
  margin: -350px 0 0 -460px;
}
.pop-div.layer-consult-password .pop-wrap {
  width: 560px;
  height: 360px;
  margin: -180px 0 0 -280px;
}
.pop-div.layer-consult-reply-info .pop-wrap {
  width: 420px;
  height: 220px;
  margin: -110px 0 0 -210px;
}
.pop-div.layer-inausdbLogin .pop-wrap {
  width: 560px;
  height: 360px;
  margin: -180px 0 0 -280px;
}
.pop-div.layer-alatm-ypRecord-view-modal .pop-wrap,
.pop-div.layer-alatm-ypKeyword-view-modal .pop-wrap {
  width: 800px;
  height: 500px;
  margin: -250px 0 0 -400px;
}

.pop-div .pop-wrap .close,
.pop-div .pop-wrap .close2 {
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 31px;
  height: 31px;
  background: url("/pds/images/comm/close.png") no-repeat 0 0;
  transition: all 0.3s;
  cursor: pointer;
  z-index: 1000;
}
.pop-div .pop-wrap .close:hover,
.pop-div .pop-wrap .close2:hover {
  background: url("/pds/images/comm/close_hover.png") no-repeat 0 0;
}

.pop-div .pop-wrap .pop-cont {
  position: relative;
  overflow: hidden;
}
.pop-div .pop-wrap .pop-cont.ty1 {
  padding: 0 35px;
}
.pop-div .pop-wrap .pop-cont.inner-scroll {
  overflow-y: scroll;
}

.pop-div .pop-wrap .pop-cont h4 {
  display: block;
  margin: 0 0 30px 0;
  font-size: 200%;
  color: #444;
  letter-spacing: -1px;
  line-height: 1.4em;
  font-weight: bold;
  text-align: center;
}
.pop-div .pop-wrap .pop-cont h4 strong {
  font-size: 110%;
}
.pop-div.provision-add .pop-wrap .pop-cont h4,
.pop-div.privacy-add .pop-wrap .pop-cont h4 {
  margin: 0 0 10px 0;
  font-size: 180%;
}

/*----- 버튼 -----*/
.pop-div .pop-wrap .pop-btns {
  clear: both;
  position: relative;
  margin: 35px 0 0 0;
  padding: 0 0 10px 0;
  text-align: center;
  overflow: hidden;
}
.pop-div .pop-wrap .pop-btns.normal {
  margin: 0;
}
.pop-div .pop-wrap .pop-btns .lt {
  float: left;
}
.pop-div .pop-wrap .pop-btns .rt {
  float: right;
}

/*----- 자료보관함 ----------------------------------------*/
.pop-div.mySave-select,
.pop-div.mySave-memo,
.pop-div.mySave-box {
  z-index: 9999999;
}
/*----- 기본 레이아웃 -----*/
.pop-div .mySave-wrap {
  padding: 0 !important;
}
.pop-div .mySave-wrap .modal-title {
  position: relative;
  height: 65px;
  margin: -1px -1px 35px -1px;
  padding: 0 0 3px 20px;
  font-size: 140%;
  color: #fff;
  letter-spacing: -1px;
  font-weight: bold;
  border: 1px solid #000;
  border-bottom: none;
  background: #141414 url("/pds/images/comm/modal_titlebg.png") repeat;
}
.pop-div .mySave-wrap .modal-title .fa-folder {
  margin: 0 10px 0 0;
  font-size: 120%;
  color: #ff643c;
  vertical-align: middle;
}
.pop-div .mySave-wrap .modal-title .close,
.pop-div .mySave-wrap .modal-title .mySave-close {
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 31px;
  height: 31px;
  margin: -16px 0 0 0;
  background: url("/pds/images/comm/close(w).png") no-repeat 0 0;
  opacity: 0.3;
}
.pop-div .mySave-wrap .modal-title .close:hover,
.pop-div .mySave-wrap .modal-title .mySave-close:hover {
  opacity: 0.8;
}

.pop-div .mySave-wrap .modal-title .member-info {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 60px;
  height: 20px;
  margin: -10px 0 0 0;
  font-size: 13px;
  color: #999;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: normal;
}
.pop-div .mySave-wrap .modal-title .member-info i {
  margin: 0 6px 1px 0;
  font-size: 15px;
  color: #2a7fc8;
  vertical-align: middle;
}

/*----- 보관 선택 -----*/
.pop-div.mySave-select .pop-wrap {
  height: 340px;
  margin-top: -170px;
}

.pop-div.mySave-select span.txt-guide {
  display: block;
  margin: 0 0 12px 0;
  font-size: 100%;
  line-height: 20px;
}
.pop-div.mySave-select .box-tp {
  margin: 0 0 35px 0;
  padding: 20px 0 20px 0;
  text-align: center;
}
.pop-div.mySave-select .box-tp .btn-type,
.pop-div.mySave-select .new-ctg .btn-type {
  height: 42px;
  padding: 0 15px;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 38px;
  font-weight: normal;
  border-radius: 4px;
}
.pop-div.mySave-select .box-tp .btn-type.complet {
  margin-left: 8px;
}
.pop-div.mySave-select .new-ctg {
  padding: 0 0 5px 0;
  text-align: center;
}

/*----- 메모해서 보관 -----*/
.pop-div.mySave-memo .pop-wrap {
  width: 1000px;
  height: 450px;
  margin: -225px 0 0 -500px;
}
.pop-div.mySave-memo .cnt-print-wp {
  height: 310px;
  padding: 20px 20px;
  overflow-x: hidden;
  overflow-y: scroll;
}

/*----- 자료보관함 -----*/
.pop-div.mySave-box .pop-wrap {
  width: 1100px;
  height: 770px;
  margin: -385px 0 0 -550px;
}
.pop-div.mySave-box .mySave-wrap .modal-title {
  margin-bottom: 0;
}

/*----- 카테고리 -----*/
.pop-div.mySave-box .mySave-Category-wp {
  float: left;
  position: relative;
  width: 20%;
  height: 704px;
  padding: 20px 20px 0 20px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.pop-div.mySave-box .mySave-Category-wp .btn-type {
  width: 100%;
  padding: 0;
  font-size: 15px;
}
.pop-div.mySave-box .mySave-Category-wp .btn-type i {
  font-size: 17px;
  margin: 0 6px 2px 0;
}

.pop-div.mySave-box .mySave-Category-wp .category-list {
  clear: both;
  margin: 20px -20px 30px -20px;
}
.pop-div.mySave-box .mySave-Category-wp .category-list li {
  position: relative;
  padding: 15px 10px 15px 20px;
}
.pop-div.mySave-box .mySave-Category-wp .category-list li.all {
  padding: 0;
}
.pop-div.mySave-box .mySave-Category-wp .category-list li.all a {
  display: block;
  padding: 0 20px 0 20px;
  height: 50px;
  font-size: 100%;
  color: #fff;
  line-height: 48px;
  text-decoration: none !important;
  background: #333;
}
.pop-div.mySave-box .mySave-Category-wp .category-list li.all a i {
  font-size: 17px;
  margin: 0 6px 3px 0;
  vertical-align: middle;
}
.pop-div.mySave-box .mySave-Category-wp .category-list li.all a:hover {
  background: #ff643c;
}

.pop-div.mySave-box .mySave-Category-wp .category-list li a.folder {
  display: block;
  padding: 6px 10px 6px 0;
  font-size: 14px;
  text-decoration: none !important;
  background: url("/pds/images/comm/mySave_menu_icon.png") no-repeat 2000px 10px;
}
.pop-div.mySave-box .mySave-Category-wp .category-list li a.folder i {
  margin: 0 6px 1px 0;
  font-size: 15px;
  color: #f96610;
  vertical-align: middle;
}
.pop-div.mySave-box .mySave-Category-wp .category-list li a.folder.active {
  color: #ff5529;
  font-weight: bold;
  background: url("/pds/images/comm/mySave_menu_icon.png") no-repeat 165px 10px;
}

/*----- 보관 Board -----*/
.pop-div.mySave-box .mySave-Board-wp {
  float: right;
  width: 80%;
  height: 704px;
  padding: 30px 30px;
  overflow-y: auto;
  overflow-x: hidden;
}
.pop-div.mySave-box .mySave-Board-wp .memo-btn {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 22px;
  margin: 0 0 0 6px;
  font-size: 13px;
  color: #2259a6;
  line-height: 15px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #ddd;
  border-radius: 3px;
  background: #fafafa;
  cursor: pointer;
}
.pop-div.mySave-box .mySave-Board-wp .memo-btn.view {
  color: #ff643c;
}
.pop-div.mySave-box .mySave-Board-wp .memo-btn.view:hover {
  color: #fff;
  border-color: #f25f39;
  background: #ff643c;
}
.pop-div.mySave-box .mySave-Board-wp .memo-btn.set:hover {
  color: #fff;
  border-color: #205298;
  background: #2259a6;
}

.pop-div.mySave-box .mySave-Board-wp .memo-btn.set .set-box {
  display: none;
  position: absolute;
  bottom: -23px;
  left: -5px;
  width: 120px;
  padding: 1px 0;
  background: #fff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
  transition: all 0.3s;
  animation: modal_Ani 0.2s ease-out;
  z-index: 2;
}
.pop-div.mySave-box .mySave-Board-wp .memo-btn.set:hover .set-box {
  display: inline-block;
  transition: all 0.3s;
}
.pop-div.mySave-box .mySave-Board-wp .memo-btn.set .set-box a {
  display: inline-block;
  height: 20px;
  margin: 0 0 0 0;
  padding: 0 5px;
  font-size: 11px;
  color: #fff;
  line-height: 15px;
  font-weight: normal;
  text-align: center;
  border-radius: 3px;
}

.pop-div.mySave-box .mySave-Board-wp .memo-detail {
  display: block;
  width: 100%;
  margin: 0 0 1px 0;
  font-size: 12px;
  color: #9f9f9f;
  letter-spacing: -0.5px;
  line-height: 1.3em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: help;
}

.pop-div.mySave-box .mySave-Board-wp .Board-pagination {
  transform: scale(0.85);
}
.pop-div.mySave-box .mySave-Board-wp .bottom-btns {
  margin: 30px 0 0 0;
}
.pop-div.mySave-box .mySave-Board-wp .bottom-btns .Rt {
  float: right;
}

/********************************************************************************************************************************
* 레이어(modal) 팝업 - 조문/예판 보기
********************************************************************************************************************************/
/*----- 기본 modal ----------------------------------------*/
.pop-div.modal-comm .pop-wrap {
  width: 940px;
  height: 650px;
  margin: -325px 0 0 -470px;
  padding: 0 !important;
  border: 0;
}
.pop-div.modal-comm.window .pop-wrap {
  width: 950px;
  height: 670px;
  margin: -335px 0 0 -475px;
}

/*----- title -----*/
.pop-div.modal-comm .pop-wrap .modal-title {
  position: relative;
  height: 65px;
  margin: 0 0 0 0;
  padding: 0 0 3px 18px;
  font-size: 140%;
  color: #fff;
  letter-spacing: -1px;
  font-weight: bold;
  border: 1px solid #000;
  border-bottom: none;
  background: #141414;
  /*	background: #141414 url('/pds/images/comm/modal_titlebg.png') repeat;	*/
}
.pop-div.modal-comm .pop-wrap .modal-title i {
  display: none;
  margin: 0 12px 0 0;
  font-size: 90%;
  color: #ff643c;
  vertical-align: middle;
}
.pop-div.modal-comm .pop-wrap .modal-title .close,
.pop-div.modal-comm .pop-wrap .modal-title .close2 {
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 31px;
  height: 31px;
  margin: -16px 0 0 0;
  background: url("/pds/images/comm/close(w).png") no-repeat 0 0;
  opacity: 0.3;
}
.pop-div.modal-comm .pop-wrap .modal-title .close:hover,
.pop-div.modal-comm .pop-wrap .modal-title .close2:hover {
  opacity: 0.8;
}

/*----- contents -----*/
.pop-div.modal-comm .pop-wrap .modal-default-cnts-field {
  clear: both;
  height: 540px;
  padding: 30px 35px 40px 35px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.pop-div.modal-comm .pop-wrap .modal-default-cnts-field.scroll-None {
  overflow: hidden;
}
.pop-div.modal-comm.window .pop-wrap .modal-default-cnts-field {
  height: 560px;
}

/*----- bottom btn -----*/
.pop-div.modal-comm .pop-wrap .bottom-btn,
.pop-div.modal-comm-nor .pop-wrap .bottom-btn {
  clear: both;
  height: 45px;
  padding: 9px 0 0 0;
  text-align: center;
  border-top: 1px solid #ddd;
  box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.05);
}
.pop-div.modal-comm .pop-wrap .bottom-btn a,
.pop-div.modal-comm-nor .pop-wrap .bottom-btn a {
  width: 80px;
  height: 26px;
  margin: 0 5px 0 0;
  font-size: 12px;
  line-height: 22px;
  font-weight: normal;
}
.pop-div.modal-comm .pop-wrap .bottom-btn a:last-child,
.pop-div.modal-comm-nor .pop-wrap .bottom-btn a:last-child {
  margin: 0;
}

/*--- Link History ---*/
.pop-div.modal-comm .pop-wrap .link-history-wp {
  float: left;
  width: 220px;
  height: 540px;
  padding: 22px 0 20px 18px;
  border-right: 1px solid #ddd;
  background: #fafafa;
  overflow: hidden;
}
.pop-div.modal-comm .pop-wrap .link-history-wp .stit {
  display: block;
  margin: 0 0 14px 0;
  font-size: 120%;
  color: #ff4819;
  line-height: 1.2em;
  font-weight: bold;
}
.pop-div.modal-comm .pop-wrap .link-history-wp .list li {
  position: relative;
  margin: 0 0 10px 0;
  padding: 0 15px 0 18px;
  font-size: 14px;
  line-height: 1.3em;
  background: url("/pds/images/comm/modal_history_icon.png") no-repeat 0 4px;
  background-size: auto 13px;
}
.pop-div.modal-comm .pop-wrap .link-history-wp .list li a {
  display: block;
}
.pop-div.modal-comm .pop-wrap .link-history-wp .list li.active {
  font-weight: bold;
}
.pop-div.modal-comm .pop-wrap .link-history-wp .list li.active a {
  color: #000;
}
.pop-div.modal-comm .pop-wrap .link-history-wp .list li.active::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0px;
  width: 0;
  height: 0;
  margin: -8px 0 0 -8px;
  border: 8px solid;
  border-color: transparent #ccc transparent transparent;
}

.pop-div.modal-comm a.btn-type.line.small.yp-more {
  display: block;
  width: 34px;
  height: 15px !important;
  margin: 4px 0 0 0;
  padding: 0 0 0 6px;
  font-size: 13px !important;
  line-height: 7px !important;
  font-weight: normal;
  border-radius: 3px;
  background: #fff !important;
  box-shadow: none;
}
.pop-div.modal-comm .pop-wrap .link-history-wp .list li a.yp-more:hover {
  color: #fff !important;
  border-color: #222 !important;
  background: #333 !important;
}

/*--- Link Contents ---*/
.pop-div.modal-comm .pop-wrap .link-cnt-wp {
  float: right;
  width: 720px;
  height: 540px;
  padding: 25px 25px 35px 25px;
  overflow-y: scroll;
  overflow-x: auto;
}
.pop-div.modal-comm .pop-wrap .link-cnt-wp * {
  font-family: "맑은 고딕", "Malgun Gothic", "MalgunGothicRegular", sans-serif;
}
.pop-div.modal-comm .pop-wrap .link-cnt-wp.window-joModal-Cnt {
  position: relative;
  z-index: 10000000000;
}

.con-view-title {
  clear: both;
  margin: 0 0 15px 0;
  padding: 11px 15px 12px 15px;
  font-size: 100%;
  line-height: 1.3em;
  font-weight: bold;
}

/*----- 예판 스타일 reset -----*/
.yp-detail-field.modal {
  margin: 6px 0 0 0;
}
.yp-detail-field.modal .yp-number {
  margin: 0 0 12px 0;
  font-size: 135%;
}
.yp-detail-field.modal .yp-number .YgPr-Icon {
  margin-bottom: 0;
  vertical-align: bottom !important;
}
.yp-detail-field.modal .yp-main-info th {
  font-size: 13px;
}
.yp-detail-field.modal .yp-main-info td {
  font-size: 13px;
}
.yp-detail-field.modal .yp-keyword {
  font-size: 13px;
}
.yp-detail-field.modal .yp-keyword .stit {
  font-size: 11px;
  line-height: 19px;
}
.yp-detail-field.modal .yp-keyword .ypKeyword-pop {
  font-size: 11px !important;
}
.yp-detail-field.modal .yp-tail-info .ygJb-stit {
  font-size: 15px;
}
.yp-detail-field.modal .yp-tail-info .ygJb-text {
  font-size: 13px;
}

/*----- inner tbl의 경우 -----*/
.Board-srh-wp.modal-comm-inner-tbl {
  height: 52px;
}
.Board-srh-wp.modal-comm-inner-tbl .count {
  margin-top: 20px;
  font-size: 15px;
}
.Board-srh-wp.modal-comm-inner-tbl .search .selt-1,
.Board-srh-wp.modal-comm-inner-tbl .search .int-1 {
  height: 34px;
  padding-top: 3px;
  font-size: 13px;
  border-radius: 0;
}
.Board-srh-wp.modal-comm-inner-tbl .search .btn {
  width: 60px;
  height: 34px;
  font-size: 13px;
}

.tbl-wp.modal-comm-inner-tbl.pop-th {
  margin: 0 !important;
}
.tbl-wp.modal-comm-inner-tbl.pop-th table.List {
  border-bottom: none !important;
}
.tbl-wp.modal-comm-inner-tbl.pop-th table.List th {
  height: 40px;
  font-size: 12px;
}
.tbl-wp.modal-comm-inner-tbl.pop-td {
  margin: 0 !important;
  overflow: auto;
}
.tbl-wp.modal-comm-inner-tbl.pop-td table.List {
  border-top: none !important;
}
.tbl-wp.modal-comm-inner-tbl.pop-td table.List td {
  font-size: 14px;
}
.tbl-wp.modal-comm-inner-tbl.pop-td table.List td.date {
  font-size: 13px;
}
.tbl-wp.modal-comm-inner-tbl.pop-td table.List td.subj-link a {
  padding: 13px 15px 14px 15px;
}
.tbl-wp.modal-comm-inner-tbl.pop-td table.List td.subj {
  padding: 14px 15px 16px 15px;
}
.tbl-wp.modal-comm-inner-tbl.pop-td table.List td.formNum {
  font-size: 13px;
}

/********************************************************************************************************************************
* 법령규정
********************************************************************************************************************************/
/*----- 관련 주제어&예판 modal -----*/
.layer-josebub-keyword-yp-modal .jo-select {
  clear: both;
  margin: 0 0 20px 0;
  padding: 10px 15px 10px 15px;
}
.layer-josebub-keyword-yp-modal .guide-txt {
  margin: 0 0 10px 0;
  font-size: 13px;
  color: #e05555;
}

/*--- 대상조세 및 제한세율 modal ---*/
.layer-joyak-country-tax-modal .tax-detail {
  clear: both;
  margin: 0 -35px 0 -35px;
}
.layer-joyak-country-tax-modal .tax-detail .cnt-field {
  height: 463px;
  padding: 0px 35px 30px 35px;
  overflow: hidden;
}
.Agreement-board {
  width: 100%;
  table-layout: fixed;
  border: 1px solid #444;
}
.Agreement-board th {
  height: 40px;
  padding: 0 0 2px 0;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  background: #222;
}
.Agreement-board th:last-child,
.Agreement-board th.None {
  border-right: none;
}
.Agreement-board td {
  padding: 8px 15px 10px 15px;
  font-size: 13px;
  line-height: 1.4em !important;
  text-align: left;
  vertical-align: middle;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  line-height: 1.3em;
}
.Agreement-board td:last-child,
.Agreement-board td.None {
  border-right: none;
}
.Agreement-board td.tit {
  text-align: center;
  background: #f3f3f3;
}
.Agreement-board td.stit {
  padding: 5px 0 7px 10px;
  font-size: 12px;
  color: #666;
  background: #fafafa;
}

/*--- 조세조약 전문보기 modal ---*/
.layer-joyak-tax-all-modal .pop-wrap {
  width: 1100px !important;
  height: 700px !important;
  margin: -350px 0 0 -550px !important;
}
.layer-joyak-tax-all-modal-allJo-detail {
  clear: both;
  height: 590px;
  padding: 25px 30px 0 30px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.layer-joyak-tax-all-modal-allJo-detail .row {
  float: left;
  width: 50%;
  min-height: 400px;
  margin: 0 0 25px 0;
  padding: 10px 18px 12px 0;
  font-size: 13px;
  line-height: 1.6em;
}
.layer-joyak-tax-all-modal-allJo-detail .row:last-child,
.layer-joyak-tax-all-modal-allJo-detail .row.End {
  padding-left: 30px;
  padding-right: 0;
  border-left: 1px dotted #c7c7c7;
}
.layer-joyak-tax-all-modal-allJo-detail .row .clsLT1 {
  font-size: 15px;
  margin-bottom: -5px;
}

/*--- 개정연혁 modal ---*/
.layer-gaejungIpbub-history-modal .pop-wrap {
  width: 1200px !important;
  height: 700px !important;
  margin: -350px 0 0 -600px !important;
}
.layer-gaejungIpbub-history-modal-detail {
  clear: both;
  height: 590px;
  padding: 25px 30px 40px 30px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.layer-gaejungIpbub-history-modal-guide-txt {
  display: block;
  margin: 0 0 20px 0;
  font-size: 14px;
  color: #ce2e2e;
}
.layer-gaejungIpbub-history-modal-year-box {
  clear: both;
  margin: 0 -12px 10px -12px;
  overflow: hidden;
}
.layer-gaejungIpbub-history-modal-year-box .row {
  float: left;
  width: 33.33333333333333%;
  margin: 0 0 30px 0;
  padding: 0 12px;
}
.layer-gaejungIpbub-history-modal-year-box dl {
  clear: both;
  padding: 1px 10px;
  border-bottom: 1px solid #cfcfcf;
}
.layer-gaejungIpbub-history-modal-year-box dl dt {
  height: 32px;
  margin: 0 -10px 3px -10px;
  font-size: 14px;
  color: #fff;
  line-height: 30px;
  font-weight: bold;
  text-align: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #444;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.layer-gaejungIpbub-history-modal-year-box dl dd {
  clear: both;
  height: 30px;
  padding: 0px 0 0 22px;
  font-size: 13px;
  line-height: 26px;
  border-bottom: 1px dotted #d0d0d0;
  background: url("/pds/images/comm/board_ic.gif") no-repeat 4px 10px;
  transition: all 0.3s;
}
.layer-gaejungIpbub-history-modal-year-box dl dd:last-child {
  border-bottom: none;
}
.layer-gaejungIpbub-history-modal-year-box dl dd:hover {
  background-color: #f9f9f9;
  background-image: url("/pds/images/comm/board_ic_hover.png");
}
.layer-gaejungIpbub-history-modal-year-box dl dd a {
  display: block;
  text-decoration: none !important;
}

/********************************************************************************************************************************
* 예규판례
********************************************************************************************************************************/
/*----- 주제어 상세보기 modal -----*/
.pop-div.layer-ypKeyword {
  z-index: 9999999;
}
.layer-ypKeyword .keyword-summary {
  margin: 0 0 15px 0;
  padding: 15px 0 0 0;
  font-size: 14px;
  line-height: 1.4em;
  border-top: 1px solid #d7d7d7;
}
.layer-ypKeyword .keyword-summary .stit {
  display: inline-block;
  height: 22px;
  margin: 0 10px 0 0;
  padding: 0 8px;
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  border-radius: 4px;
  background: #444;
}
.layer-ypKeyword .keyword-summary .stit:last-child {
  margin-left: 25px;
}

.layer-ypKeyword .yp-number-tit {
  margin: 0 0 10px 0;
  font-size: 140%;
  letter-spacing: -0.5px;
  line-height: 1.4em;
  font-weight: bold;
  text-align: center;
}

.layer-ypKeyword .tbl-wp.ypKeyword-tbl.pop-th {
  margin: 0 !important;
}
.layer-ypKeyword .tbl-wp.ypKeyword-tbl.pop-th table.List {
  border-bottom: none !important;
}
.layer-ypKeyword .tbl-wp.ypKeyword-tbl.pop-th table.List th {
  height: 35px;
  font-size: 12px;
}
.layer-ypKeyword .tbl-wp.ypKeyword-tbl.pop-td {
  height: 220px;
  margin: 0 !important;
  overflow: auto;
}
.layer-ypKeyword .tbl-wp.ypKeyword-tbl.pop-td table.List {
  border-top: none !important;
}
.layer-ypKeyword .tbl-wp.ypKeyword-tbl.pop-td table.List td.kind2 {
  border-right: 1px dotted #e0e0e0;
}
.layer-ypKeyword .tbl-wp.ypKeyword-tbl.pop-td table.List td.keyword-link {
  padding: 9px 15px 11px 15px;
  font-size: 13px;
  line-height: 1.4em;
  text-align: left;
}
.layer-ypKeyword .tbl-wp.ypKeyword-tbl.pop-td table.List td.keyword-link.small {
  padding-top: 5px;
  padding-bottom: 7px;
}
.layer-ypKeyword .tbl-wp.ypKeyword-tbl.pop-td table.List td.keyword-link a {
  display: inline-block;
  position: relative;
  margin: 0 10px 0 0;
  vertical-align: middle;
  word-break: break-all;
}
.layer-ypKeyword
  .tbl-wp.ypKeyword-tbl.pop-td
  table.List
  td.keyword-link
  a::before {
  content: ",";
  float: right;
  text-decoration: none !important;
}
.layer-ypKeyword
  .tbl-wp.ypKeyword-tbl.pop-td
  table.List
  td.keyword-link
  a:last-child::before {
  display: none;
}
.layer-ypKeyword
  .tbl-wp.ypKeyword-tbl.pop-td
  table.List
  td.keyword-link
  i::after {
  content: "\f08e";
  display: inline-block;
  margin: 0 2px 1px 4px;
  font-size: 12px;
  color: #bbb;
  vertical-align: middle;
}
.layer-ypKeyword
  .tbl-wp.ypKeyword-tbl.pop-td
  table.List
  td.keyword-link
  a:hover
  i::after {
  color: #ff5529;
}

/*----- 문서번호 modal -----*/
.yp-public-group-modal {
  display: none;
  position: absolute;
  top: 15px;
  left: 6px;
  width: 754px;
  height: 380px;
  border: 1px solid #111;
  background: #fff;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.1);
  z-index: 5;
  animation: group-modal-Mv 0.3s ease-out;
}
@keyframes group-modal-Mv {
  from {
    opacity: 0;
    transform: translate(0, -20px);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
.yp-public-group-modal .title {
  position: relative;
  height: 40px;
  margin: 0 0 52px 0;
  padding: 12px 0 0 15px;
  font-size: 13px;
  color: #ddd;
  line-height: 1em;
  vertical-align: middle;
  background-color: #141414;
}
.yp-public-group-modal .title .close {
  display: block;
  position: absolute;
  top: 50%;
  right: 6px;
  width: 30px;
  height: 30px;
  margin: -15px 0 0 0;
  background: url("/pds/images/comm/close(w).png") no-repeat center center;
  background-size: 22px 22px;
}

.yp-public-group-modal .group-tit {
  display: inline-block;
  position: absolute;
  top: 62px;
  left: 25px;
  height: 20px;
  font-size: 14px;
  line-height: 100%;
  font-weight: bold;
}
.yp-public-group-modal .group-tit i {
  margin: 0 0 2px 6px;
  font-size: 15px;
  color: #f47d31;
  vertical-align: middle;
}

.yp-public-group-modal .group {
  float: left;
  position: absolute;
  top: 56px;
  left: 110px;
}
.yp-public-group-modal .group li {
  float: left;
  margin: 0 4px 0 0;
}
.yp-public-group-modal .group li:last-child {
  margin: 0;
}
.yp-public-group-modal .group a {
  display: inline-block;
  width: 86px;
  height: 30px;
  font-size: 13px;
  color: #333;
  letter-spacing: -0.5px;
  line-height: 25px;
  text-align: center;
  text-decoration: none !important;
  border: 1px solid #aaa;
  border-radius: 3px;
  background: #f5f5f5;
  box-shadow: 0 15px 0px 0 rgba(255, 255, 255, 0.9) inset;
  transition: all 0.2s;
  cursor: pointer;
}
.yp-public-group-modal .group a:hover {
  color: #ff5529;
  border-color: #f47d31;
  background: #fff4f1;
  box-shadow: 0 15px 0px 0 rgba(255, 255, 255, 1) inset,
    0 1px 0 0 rgba(0, 0, 0, 0.1);
}
.yp-public-group-modal .group a.selected {
  color: #fff;
  border-color: #f66039;
  background-color: #ff643c;
  box-shadow: 0 15px 0px 0 rgba(255, 255, 255, 0.08) inset,
    0 1px 0 0 rgba(0, 0, 0, 0.15);
}

.yp-public-group-modal .kind {
  position: absolute;
  top: 98px;
  left: 15px;
  overflow: hidden;
  z-index: 2;
}
.yp-public-group-modal .kind a {
  display: block;
  width: 96px;
  height: 36px;
  margin: 0 0 5px 0;
  font-size: 13px;
  line-height: 31px;
  text-align: center;
  vertical-align: middle;
  text-decoration: none !important;
  border: 1px solid #ccc;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  cursor: pointer;
}
.yp-public-group-modal .kind a.selected {
  color: #111;
  font-weight: bold;
  border-right: 1px solid #f7f7f7;
  background: #f7f7f7;
}

.yp-public-group-modal .detail {
  position: relative;
  top: 6px;
  margin: 0 0 0 110px;
  width: 626px;
  height: 263px;
  padding: 14px 0px 30px 20px;
  font-size: 12px;
  border: 1px solid #ccc;
  background: #f7f7f7;
  overflow-x: hidden;
  overflow-y: scroll;
  z-index: 1;
}
.yp-public-group-modal .detail a {
  float: left;
  display: block;
  width: 33.333333333333%;
  height: 24px;
  font-size: 13px;
  letter-spacing: -0.5px;
  line-height: 1.5em;
  text-indent: 7px;
  background: url("/pds/images/comm/ic_dot2.gif") no-repeat 0 9px;
  cursor: pointer;
}
.yp-public-group-modal .detail a:hover {
  font-weight: bold;
  background-image: url("/pds/images/comm/ic_red.gif");
}

.yp-public-group-modal .detail .sub-box {
  clear: both;
  width: 567px;
  margin: 0 20px 0 0;
  padding: 14px 0px 10px 20px;
  border: 1px dashed #ccc;
  background: #fafafa;
  overflow: hidden;
}
.yp-public-group-modal .detail .sub-box a {
  height: 24px;
}

/*----- 관심사건, 관심주제어 알림 등록 modal -----*/
.layer-yp-interest-alarm-modal .mTitle,
.layer-keyword-interest-alarm-modal .mTitle {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #d7d7d7;
}
.layer-yp-interest-alarm-modal .alarm-stit,
.layer-keyword-interest-alarm-modal .alarm-stit {
  position: relative;
  margin: 0 0 5px 0;
  font-size: 100%;
  line-height: 1.2em;
  font-weight: bold;
}
.layer-yp-interest-alarm-modal .alarm-stit::before,
.layer-keyword-interest-alarm-modal .alarm-stit::before {
  content: "●";
  display: inline-block;
  margin: 0 5px 4px 0;
  font-size: 7px;
  color: #ff643c;
  vertical-align: middle;
}
.layer-yp-interest-alarm-modal .alarm-guide,
.layer-keyword-interest-alarm-modal .alarm-guide {
  clear: both;
  margin: 0 0 30px 0;
}
.layer-yp-interest-alarm-modal .alarm-guide li,
.layer-keyword-interest-alarm-modal .alarm-guide li {
  margin: 0 0 6px 0;
  padding: 0 0 0 12px;
  font-size: 13px;
  line-height: 1.4em;
  background: url("/pds/images/comm/ic_dot2.gif") no-repeat 4px 9px;
}
.layer-yp-interest-alarm-modal .alarm-guide li:last-child,
.layer-keyword-interest-alarm-modal .alarm-guide li:last-child {
  margin-bottom: 0;
}

/********************************************************************************************************************************
* 재경실무
********************************************************************************************************************************/
/*----- 일사천리 modal -----*/
.ilsacheolli-xls-guide {
  margin: 0 0 25px 0;
  padding: 10px 15px 12px 15px;
  font-size: 14px;
  line-height: 1.4em;
}

/*----- 기준경비율 modal -----*/
.gijun-code .gijun-box {
  display: block;
  max-height: 160px;
  padding: 10px 20px 10px 20px;
  font-size: 14px;
  line-height: 1.5em;
  overflow-x: hidden;
  overflow-y: scroll;
}
.gijun-code .gijun-box .ht10 {
  display: block;
  height: 15px;
}

/*----- 구서식 modal 변경(2018-12-14) -----*/
.tbl-wp.oldForm-tbl.pop-th {
  margin: 0 !important;
}
.tbl-wp.oldForm-tbl.pop-th table.List {
  border-bottom: none !important;
}
.tbl-wp.oldForm-tbl.pop-td {
  height: 370px;
  margin: 0 !important;
  overflow: auto;
}
.tbl-wp.oldForm-tbl.pop-td table.List {
  border-top: none !important;
}

/*----- 자동화엑셀(modal) ----------------------------------------*/
.autoExcel-detail .form-subj {
  display: block;
  margin: 25px 0 10px 0;
  font-size: 105%;
  letter-spacing: -0.5px;
  line-height: 1.2em;
  font-weight: bold;
}
.autoExcel-detail .form-subj i {
  margin: 0 5px 2px 0;
  font-size: 115%;
  vertical-align: middle;
}
.autoExcel-detail .form-detail {
  padding: 15px 20px 15px 20px;
  font-size: 14px;
  line-height: 1.5em;
}
.autoExcel-detail .form-down {
  position: absolute;
  bottom: 40px;
  left: 50%;
  width: 200px;
  margin: 0 0 0 -100px;
  padding-left: 45px;
  border: 1px solid #035f32;
  background: #02723b url("/pds/images/comm/file_xls.png") no-repeat 25px center;
  background-size: 25px;
}
.autoExcel-detail .form-down:active {
  bottom: 36px !important;
}

/********************************************************************************************************************************
* 택스넷 포스트
********************************************************************************************************************************/
/*----- 위클리 저널 modal -----*/
.pop-div.layer-old-weekly-view .weekly-content-field {
  width: 780px;
  margin: 0 auto;
}
.pop-div.layer-old-weekly-view .weekly-content-field .comm-cnt-Btns {
  margin-top: 0 !important;
}

/*----- 콘텐츠 레이어팝업 내 게시판 style 조정 -----*/
.pop-div.layer-old-weekly-view .tbl-wp table.View td {
  font-size: 13px;
}
.pop-div.layer-old-weekly-view .tbl-wp table.View td.subj {
  padding-top: 10px;
  padding-bottom: 12px;
  font-size: 100%;
  line-height: 1.4em;
}

/********************************************************************************************************************************
* 전문가&상담
********************************************************************************************************************************/
/*----- 비밀번호 입력 modal -----*/
.layer-consult-password .password-int-wp {
  clear: both;
  margin: 0 0 30px 0;
  padding: 5px 0 0 0;
}
.layer-consult-password .password-int-wp .stit {
  display: inline-block;
  height: 50px;
  padding: 0 20px;
  font-size: 100%;
  color: #fff;
  line-height: 48px;
  vertical-align: middle;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background: #3e5062;
}
.layer-consult-password .password-int-wp .int-1 {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/*----- 답변 진행중 modal -----*/
.layer-consult-reply-info .reply-ing-info {
  height: 120px;
  margin: 10px 0 0 10px;
  padding: 20px 0 0 170px;
  font-size: 120%;
  letter-spacing: -0.5px;
  line-height: 1.5em;
  background: url("/pds/images/sub/expert&consult/reply_img.png") no-repeat 0 0;
}
.layer-consult-reply-info .reply-ing-info span.big {
  display: block;
  margin: 0 0 12px -2px;
  font-size: 200%;
  color: #666;
}

/*----- 세무공무원 프로필 modal -----*/
.layer-profile-view .view-box {
  clear: both;
  position: relative;
  height: 560px;
  padding: 30px 35px 30px 35px;
  font-size: 14px;
  line-height: 1.5em;
  background: #fff !important;
  overflow: auto;
}
.layer-profile-view .view-box p {
  margin: 0 0 1.5em 0;
  font-size: 15px;
  text-align: left;
  line-height: 160%;
  vertical-align: middle;
}
.layer-profile-view .view-box .sm-image-l {
  margin: 0 30px 0 0;
}

/********************************************************************************************************************************
* 고객지원센터
********************************************************************************************************************************/
/*----- 이나우스DB 회원 로그인 modal -----*/
.layer-inausdbLogin .inausdb-login {
  position: relative;
  padding: 2px 0 5px 0;
  overflow: hidden;
}
.layer-inausdbLogin .box-tp {
  margin: 0 0 25px 0;
  padding: 10px 15px 13px 15px;
  font-size: 13px;
  line-height: 1.4em;
}
.layer-inausdbLogin .inausdb-login .int-1 {
  display: block;
  width: 350px;
  margin: 0 0 6px 0;
  padding-left: 15px;
  font-size: 110%;
  border-radius: 0;
}
.layer-inausdbLogin .inausdb-login .btn-type {
  position: absolute;
  top: 2px;
  right: 0;
  width: 130px;
  height: 106px;
  font-size: 110%;
  transition: all 0.3s;
  cursor: pointer;
}
.layer-inausdbLogin .inausdb-login a.btn-join {
  display: block;
  margin: 10px 0 20px 0;
  font-size: 14px;
  letter-spacing: -0.5px;
  text-decoration: underline;
}
.layer-inausdbLogin .inausdb-login a.btn-join i {
  display: inline-block;
  margin: 0 0 1px 5px;
  font-size: 17px;
  vertical-align: middle;
}

/*----- 중복 IP 확인 -----*/
.layer-ipcheck-connect-modal .pop-wrap {
  width: 560px;
  height: 310px;
  margin: -155px 0 0 -280px;
}
.layer-ipcheck-connect-modal .comment-info {
  margin: 10px 0 0 0px;
  padding: 0 0 40px 174px;
  font-size: 100%;
  line-height: 1.5em;
  background: url("/pds/images/sub/expert&consult/reply_img.png") no-repeat 0
    12px;
}
.layer-ipcheck-connect-modal .reply-ing-info span.big {
  display: block;
  margin: 0 0 12px -2px;
  font-size: 200%;
  color: #666;
}

/********************************************************************************************************************************
* MY 택스넷
********************************************************************************************************************************/
/*----- 사건 발송내역 modal -----*/
.layer-alatm-ypRecord-view-modal .mTitle {
  margin-bottom: 0px;
  padding-bottom: 16px;
}
.layer-alatm-ypKeyword-view-modal .mTitle {
  margin-bottom: 0px;
  padding-bottom: 16px;
  font-size: 21px;
}

.layer-alatm-view .tbl-wp.alatm-ypRecord-tbl.pop-th {
  margin: 0 !important;
}
.layer-alatm-view .tbl-wp.alatm-ypRecord-tbl.pop-th table.List {
  border-bottom: none !important;
}
.layer-alatm-view .tbl-wp.alatm-ypRecord-tbl.pop-th table.List th {
  height: 35px;
  font-size: 12px;
}
.layer-alatm-view .tbl-wp.alatm-ypRecord-tbl.pop-td {
  height: 320px;
  margin: 0 !important;
  overflow: auto;
}
.layer-alatm-view .tbl-wp.alatm-ypRecord-tbl.pop-td table.List {
  border-top: none !important;
}
.layer-alatm-view .tbl-wp.alatm-ypRecord-tbl.pop-td table.List td {
  font-size: 13px;
}
.layer-alatm-view .tbl-wp.alatm-ypRecord-tbl.pop-td table.List td.subj {
  padding: 10px 15px 12px 15px;
  font-size: 12px;
}

/********************************************************************************************************************************
* 레이어(modal) 팝업 - 로그인/회원가입(공통)
********************************************************************************************************************************/
/*----- 로그인 ----------------------------------------*/
.pop-div.layer-reg-login .pop-wrap {
  width: 500px;
  height: 530px;
  margin: -265px 0 0 -250px;
}

.mTitle.reg-modal {
  margin-bottom: 20px;
  letter-spacing: -1.5px;
  color: #444;
  text-align: center;
}
.mTitle.reg-modal strong {
  color: #21467f;
}

.modal-reg-wp .login-int {
  clear: both;
  position: relative;
  margin: 0 0 20px 0;
}
.modal-reg-wp .login-int input.int-1 {
  display: block;
  width: 310px;
  margin: 0 0 6px 0;
  padding-left: 15px;
  padding-top: 6px;
  border-color: #ccc;
}
.modal-reg-wp .login-int input.int-1:focus {
  border-color: #666;
}

.modal-reg-wp .login-int .password-show {
  position: absolute;
  top: 74px;
  left: 280px;
  color: rgba(0, 0, 0, 0.2);
}

.modal-reg-wp .login-int .btn {
  display: block;
  position: absolute;
  top: 0px;
  right: 0;
  width: 112px;
  height: 106px;
  padding: 0;
  font-size: 17px;
  color: #fff;
  font-weight: bold;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.3s;
  cursor: pointer;
}
.modal-reg-wp .login-int .checkbox-field {
  margin: 15px 0 0 0;
  font-size: 14px;
}
.modal-reg-wp .login-int .checkbox-field label {
  color: #666;
}

/*----- 아이디/비밀번호 찾기 -----*/
.modal-reg-wp .regist-join {
  clear: both;
  margin: 0 0 60px 0;
  font-size: 100%;
  line-height: 1.3em;
  text-align: center;
  overflow: hidden;
}
.modal-reg-wp .regist-join a {
  display: inline-block;
  position: relative;
  padding: 0 12px 0 12px;
  text-decoration: none;
  transition: all 0.2s;
}
.modal-reg-wp .regist-join a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -2px;
  width: 1px;
  height: 12px;
  margin: -5px 0 0 0;
  background: #ddd;
}
.modal-reg-wp .regist-join a:last-child::after {
  display: none;
}
.modal-reg-wp .regist-join a i {
  display: inline-block;
  margin: 0 6px 2px 0;
  font-size: 16px;
  color: #ccc;
  vertical-align: middle;
  transition: all 0.3s;
}
.modal-reg-wp .regist-join a:hover i {
  color: #ff643c;
}

/*----- SNS 로그인 -----*/
.modal-reg-wp .sns-join {
  clear: both;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}
.modal-reg-wp .sns-join.None {
  margin-top: 35px;
  border: none;
}
.modal-reg-wp .sns-join .stit {
  position: relative;
  height: 32px;
  margin: 0 0 12px 0;
  font-size: 100%;
  text-align: center;
  font-weight: bold;
}
.modal-reg-wp .sns-join.None .stit {
  margin-bottom: 15px;
}
.modal-reg-wp .sns-join .stit::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: #cfcfcf;
  z-index: 1;
}
.modal-reg-wp .sns-join .stit span.txt {
  display: inline-block;
  position: relative;
  height: 32px;
  padding: 0 15px;
  line-height: 30px;
  background: #fff;
  z-index: 2;
}
.modal-reg-wp .sns-join .stit span.circle {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 0 3px 2px 0;
  font-size: 13px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  border-radius: 100%;
  background: #777;
}
.modal-reg-wp .sns-join .stit span.circle i {
  padding-bottom: 2px;
  font-size: 19px;
  line-height: 15px !important;
}

.modal-reg-wp .sns-join ul {
  float: left;
  width: 100%;
}
.modal-reg-wp .sns-join li {
  float: left;
  width: 25%;
  padding: 0 3px;
}
.modal-reg-wp .sns-join li a.Btn {
  display: block;
  position: relative;
  height: 35px;
  padding: 23px 0 0 0;
  font-size: 11px;
  color: #fff;
  letter-spacing: -0.5px;
  text-decoration: none !important;
  text-align: center;
  border: 1px solid #2e4677;
  border-bottom: 2px solid #2e4677;
  border-radius: 5px;
}
.modal-reg-wp .sns-join li a.Btn:active {
  bottom: -2px;
}
.modal-reg-wp .sns-join li.facebook a.Btn {
  background: #3b5997 url("/pds/images/regist/modal_sns_facebook.png") no-repeat
    center 9px;
  background-size: auto 16px;
}
.modal-reg-wp .sns-join li.google a.Btn {
  border-color: #b63f2f;
  background: #d34836 url("/pds/images/regist/modal_sns_google.png") no-repeat
    center 9px;
  background-size: auto 16px;
}
.modal-reg-wp .sns-join li.kakao a.Btn {
  color: #583a28;
  border-color: #e3cf00;
  background: #fee800 url("/pds/images/regist/modal_sns_kakao.png") no-repeat
    center 9px;
  background-size: auto 16px;
}
.modal-reg-wp .sns-join li.naver a.Btn {
  padding: 0;
  color: #fff;
  border-color: #5c9a25;
  background: #6bb32b url("/pds/images/regist/modal_sns_naver.png") no-repeat
    center 9px;
  background-size: auto 16px;
}
.modal-reg-wp .sns-join li.naver a.Btn img {
  display: none;
}
.modal-reg-wp .sns-join li.naver a.Btn a {
  display: block;
  padding: 23px 0 0 0;
  text-decoration: none;
}
/*	.modal-reg-wp .sns-join li.naver a.Btn a::before {content: "로그인"; color: #fff;}	*/

/*----- 회원가입 ----------------------------------------*/
.pop-div.layer-reg-join .pop-wrap {
  width: 500px;
  height: 640px;
  margin: -320px 0 0 -250px;
}

/*----- 회원유형 안내 -----*/
.pop-wrap .modal-member-guide span.btn {
  display: inline-block;
  position: absolute;
  top: -1px;
  left: -1px;
  height: 26px;
  padding: 0 16px 0 16px;
  font-size: 13px;
  color: #fff;
  letter-spacing: -1px;
  line-height: 22px;
  text-align: center;
  background: #e05555;
  cursor: help;
  z-index: 1000001;
}
.pop-wrap .modal-member-guide:hover .box {
  height: 590px !important;
}
.pop-wrap .modal-member-guide i {
  display: inline-block;
  margin: 0 0 0 4px;
  font-size: 15px;
  vertical-align: middle;
}
.pop-wrap .modal-member-guide .box {
  position: absolute;
  top: -1px;
  left: -1px;
  height: 0px;
  padding: 0 10px 0 0;
  transition: height linear 0.2s;
  -webkit-transition: height linear 0.2s;
  -moz-transition: height linear 0.2s;
  -o-transition: height linear 0.2s;
  z-index: 10000002;
  overflow: hidden;
}
.pop-wrap .modal-member-guide .box .text {
  clear: both;
  position: relative;
  width: 440px;
  padding: 15px 18px 25px 18px;
  font-size: 12px;
  color: #666;
  letter-spacing: -0.5px;
  line-height: 1.4em;
  text-align: left;
  border: 1px solid #aaa;
  background: #fff;
  box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.3);
}
.pop-wrap .modal-member-guide .box .tit {
  display: block;
  height: 26px;
  margin: -16px -19px 13px -19px;
  font-size: 13px;
  color: #fff;
  letter-spacing: -0.5px;
  line-height: 23px;
  text-align: center;
  background: #e05555;
}
.pop-wrap .modal-member-guide .box .kind {
  display: block;
  margin: 15px 0 2px 0;
  font-size: 14px;
  color: #cf4444;
}
.pop-wrap .modal-member-guide .box .tbl {
  width: 100%;
  table-layout: fixed;
  margin: 6px 0 0 0;
  border-top: 1px solid #d5d5d5;
}
.pop-wrap .modal-member-guide .box .tbl th {
  padding: 3px 0 5px 0;
  font-size: 11px;
  color: #777;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  background: #f5f5f5;
}
.pop-wrap .modal-member-guide .box .tbl th:last-child {
  border-right: none;
}

.pop-wrap .modal-member-guide .box .tbl td {
  padding: 5px 6px 7px 6px;
  font-size: 11px;
  color: #666;
  line-height: 1.3em;
  text-align: left;
  vertical-align: top;
  border-right: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
}
.pop-wrap .modal-member-guide .box .tbl td:last-child {
  border-right: none;
}
.pop-wrap .modal-member-guide .box .tbl td.mid {
  text-align: center;
  vertical-align: middle;
}
.pop-wrap .modal-member-guide .box .tbl td a.memGuide {
  display: inline-block;
  height: 18px;
  margin: 4px 0 0 0;
  padding: 0 5px 1px 5px;
  font-size: 11px;
  color: #fff;
  line-height: 15px;
  text-align: center;
  text-decoration: none;
  background: #555;
}
.pop-wrap .modal-member-guide .box .tbl td a.memGuide:hover {
  background: #235aa0;
}

.pop-wrap .modal-member-guide .box .regiBtn {
  display: block;
  width: 190px;
  height: 30px;
  margin: 20px auto 0;
  font-size: 13px;
  color: #fff;
  line-height: 28px;
  text-align: center;
  border-radius: 3px;
  background: #c83434;
}
.pop-wrap .modal-member-guide .box .regiBtn:hover {
  text-decoration: none;
  background: #e05555;
}
.pop-wrap .modal-member-guide .box .regiBtn i {
  display: inline-block;
  margin: 0 0 1px 6px;
  font-size: 17px;
  vertical-align: middle;
}

/*----- Tab 메뉴 -----*/
.modal-reg-wp .Tabm {
  position: relative;
  margin: 10px 0 -10px 0;
  overflow: hidden;
}
.modal-reg-wp.law-biz .Tabm {
  margin-left: 20px;
  margin-right: 20px;
}
.modal-reg-wp .Tabm ul {
  float: left;
  width: 100%;
}
.modal-reg-wp .Tabm ul.c2 li {
  width: 50%;
}
.modal-reg-wp .Tabm li {
  float: left;
  position: relative;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #444;
  border-right: 1px solid #ccc;
}
.modal-reg-wp .Tabm li:first-child {
  border-left: 1px solid #b9d7da;
}
.modal-reg-wp .Tabm li.active {
  border-top: 1px solid #444;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #444;
  border-right: 1px solid #444;
}
.modal-reg-wp .Tabm li.active:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -7px;
  width: 6px;
  background: url("/pds/images/comm/tab_shadow.png") no-repeat 0 0;
  background-size: 100% 100%;
  z-index: 2;
}
.modal-reg-wp .Tabm li.active:last-child::after {
  display: none;
}

.modal-reg-wp .Tabm li a {
  display: block;
  height: 40px;
  font-size: 14px;
  color: #888;
  letter-spacing: -0.5px;
  line-height: 38px;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  background: #fafafa;
  cursor: pointer;
}
.modal-reg-wp .Tabm li:hover a {
  color: #ff5529;
  font-weight: normal;
}
.modal-reg-wp .Tabm li:hover a span.num {
  color: #777;
  font-weight: normal !important;
}
.modal-reg-wp .Tabm li a span.num {
  display: block;
  margin: 1px 0 0 0;
  font-size: 10px;
  color: #aaa;
  letter-spacing: 0;
  line-height: 100%;
}
.modal-reg-wp .Tabm li.active a {
  font-size: 15px;
  color: #222;
  line-height: 41px;
  font-weight: bold;
  background: #fff;
}

/*----- 회원가입 특전 -----*/
.modal-reg-wp .member-gift-wp {
  clear: both;
  margin: 35px 0 25px 0;
  padding: 10px 0 11px 0;
  font-size: 14px;
  color: #777;
  line-height: 1.4em;
  text-align: center;
  border-radius: 3px;
  overflow: hidden;
}
.modal-reg-wp.law-biz .member-gift-wp {
  margin-left: 20px;
  margin-right: 20px;
}
.modal-reg-wp .member-gift-wp span.block {
  display: inline-block;
  height: 19px;
  margin: 0 0 3px 0;
  padding: 0 6px;
  font-size: 15px;
  color: #fff;
  line-height: 17px;
  font-weight: bold;
  text-align: center;
  background: #b72424;
}
.modal-reg-wp .member-gift-wp strong {
  display: block;
  font-size: 15px;
  color: #003dc9;
}

/*----- 버튼 -----*/
.modal-reg-wp .join-wp {
  clear: both;
  position: relative;
  margin: -5px 30px 0px 30px;
  padding: 5px 0 0 0;
  font-size: 12px;
  color: #555;
  letter-spacing: -0.5px;
  line-height: 1.4em;
}
.modal-reg-wp .join-wp .btn-type {
  display: block;
  position: relative;
  height: 70px;
  margin: 0 0 8px 0;
  font-size: 140%;
  color: #fff;
  letter-spacing: -1px;
  line-height: 66px;
  text-decoration: none;
  font-weight: normal;
  text-align: center;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.modal-reg-wp .join-wp .btn-type i {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 0;
  font-size: 26px;
  line-height: 18px;
  transform: scale(1);
  -webkit-transform: scale(1);
  transition: 0.1s ease-in-out;
  -webkit-transition: 0.1s ease-in-out;
}
.modal-reg-wp .join-wp .btn-type:hover i {
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
}

/*----- SNS 계정 회원가입 안내 -----*/
.modal-reg-wp .sns-join-guide {
  clear: both;
  margin: -5px 0 0 0;
  overflow: hidden;
}
.modal-reg-wp .sns-join-guide li {
  margin: 0 0 2px 0;
  padding: 0 0 0 9px;
  font-size: 12px;
  color: #555;
  line-height: 1.4em;
  text-align: justify;
  background: url("/pds/images/comm/ic_dot1.gif") no-repeat 0 6px;
}
.modal-reg-wp .sns-join-guide li:last-child {
  margin-bottom: 0;
}

/*----- 약관동의(일반) ----------------------------------------*/
.pop-div.layer-reg-agreement .pop-wrap {
  width: 500px;
  height: 780px;
  margin: -390px 0 0 -250px;
  padding-left: 25px;
  padding-right: 25px;
}

.modal-reg-wp .join-law {
  clear: both;
  position: relative;
  padding: 10px 0 0 0;
}
.modal-reg-wp .join-law .stit {
  position: relative;
  margin: 0 0 6px 0;
  font-size: 11px;
  color: #999;
  letter-spacing: -0.8px;
  line-height: 1.4em;
}
.modal-reg-wp .join-law.expert .stit {
  margin-bottom: 4px;
}
.modal-reg-wp .join-law .stit strong {
  display: block;
  height: 26px;
  padding: 0 0 0 22px;
  font-size: 16px;
  color: #333;
  letter-spacing: -0.5px;
  font-weight: bold;
  background: url("/pds/images/comm/ic_check2.png") no-repeat 0 2px;
}
.modal-reg-wp .join-law .stit .checkbox-field {
  position: absolute;
  top: -1px;
  right: 0px;
}
.modal-reg-wp .join-law .stit .checkbox-field label {
  font-size: 14px;
  color: #555;
}

.modal-reg-wp .join-law .copyright-lawBox {
  height: 98px !important;
  margin: 0 0 25px 0;
  padding: 15px 15px 20px 15px !important;
  font-size: 12px !important;
  border-top-color: #c9c9c9;
  border-left-color: #c9c9c9;
  background: #fafafa;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.05) inset;
}
.modal-reg-wp .join-law.expert .copyright-lawBox {
  height: 60px !important;
}
.modal-reg-wp .join-law .all-check {
  margin: -5px 0 28px 0;
}

/*----- 약관동의(기업, 전문가) ----------------------------------------*/
.pop-div.layer-reg-agreement-expert .pop-wrap {
  width: 500px;
  height: 800px;
  margin: -400px 0 0 -250px;
  padding-left: 25px;
  padding-right: 25px;
}

/*----- 본인인증 ----------------------------------------*/
.pop-div.layer-reg-certification .pop-wrap {
  width: 500px;
  height: 570px;
  margin: -285px 0 0 -250px;
}
.modal-reg-wp .certifi-wp {
  clear: both;
  margin: 0 0 5px 0;
  padding: 5px 0 0 0;
  overflow: hidden;
}
.modal-reg-wp .certifi-wp .box {
  position: relative;
  height: 170px;
  margin: 0 0 20px 0;
  padding: 30px 25px 0 165px;
  font-size: 18px;
  color: #333;
  letter-spacing: -0.5px;
  font-weight: bold;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #f8f8f8;
}
.modal-reg-wp .certifi-wp .box.phone {
  padding-top: 20px;
}
.modal-reg-wp .certifi-wp .box .circle {
  display: block;
  position: absolute;
  top: 50%;
  left: 25px;
  margin: -55px 0 0 0;
  width: 110px;
  height: 110px;
  text-align: center;
  border-radius: 100%;
  background: #ddd;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1) inset;
  overflow: hidden;
}
.modal-reg-wp .certifi-wp .box span.stxt {
  display: block;
  margin: 6px 0 0 0;
  font-size: 13px;
  color: #555;
  line-height: 1.4em;
  font-weight: normal;
}
.modal-reg-wp .certifi-wp .box a {
  display: block;
  position: relative;
  width: 120px;
  height: 32px;
  margin: 12px 0 0 0;
  padding: 0 0 0 0;
  font-size: 14px;
  color: #fff;
  line-height: 27px;
  font-weight: normal;
  text-align: center;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
}
.modal-reg-wp .certifi-wp .box a:hover {
  font-weight: bold;
  text-decoration: none !important;
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.15);
}

/*----- 기본정보입력 ----------------------------------------*/
.pop-div.layer-reg-join-int .pop-wrap {
  width: 500px;
  height: 590px;
  margin: -295px 0 0 -250px;
  padding-left: 30px;
  padding-right: 30px;
}
.pop-div.layer-reg-join-int.event2019 .pop-wrap {
  height: 770px;
  margin-top: -385px;
}

.modal-reg-wp .tbl-wp {
  margin-bottom: 32px;
}
.modal-reg-wp .tbl-wp table.Insert th {
  height: 52px;
  padding: 0 0 0 15px;
  font-size: 12px;
}
.modal-reg-wp .tbl-wp table.Insert th .essential-ic {
  font-size: 8px;
}
.modal-reg-wp .tbl-wp table.Insert td {
  padding: 0 15px;
  font-size: 100%;
}
.modal-reg-wp .tbl-wp table.Insert td .int-1,
.modal-reg-wp .tbl-wp table.Insert td .selt-1 {
  height: 38px;
}
.modal-reg-wp .tbl-wp table.Insert td .int-1::-moz-placeholder {
  font-size: 13px;
  color: #bbb;
}
.modal-reg-wp .tbl-wp table.Insert td .int-1:-ms-input-placeholder {
  font-size: 13px;
  color: #bbb;
}
.modal-reg-wp .tbl-wp table.Insert td .int-1::-webkit-input-placeholder {
  font-size: 13px;
  color: #bbb;
}

.modal-reg-wp .tbl-wp table.Insert td .tbl-inBtn {
  height: 38px;
  padding: 0 15px;
  font-size: 13px;
  letter-spacing: -1px;
  line-height: 36px;
}

/* radio(css가 깨져서 나와서 추가함) */
.modal-reg-wp .radio-field {
  display: inline-block;
}
.modal-reg-wp .radio-field input[type="radio"] {
  display: none;
}
.modal-reg-wp .radio-field label {
  padding: 0 10px 0 0;
  font-size: 100%;
  vertical-align: middle;
  cursor: pointer;
}
.modal-reg-wp .radio-field label::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 22px;
  height: 22px;
  margin: 0 8px 0 0;
  line-height: 32px;
  vertical-align: middle;
  border: 1px solid #a9c5dc;
  border-radius: 100%;
  background: #f0f7fc;
  cursor: pointer;
  z-index: 5;
}
.modal-reg-wp .radio-field input[type="radio"]:checked + label::before {
  width: 22px;
  height: 22px;
  border: 5px solid #d2e0ec;
  background: #0795ee;
}

/*----- 가입완료 ----------------------------------------*/
.pop-div.layer-reg-join-finish .pop-wrap {
  width: 500px;
  height: 450px;
  margin: -225px 0 0 -250px;
}

.modal-reg-wp .finish-message {
  clear: both;
  padding: 15px 0 16px 0;
  font-size: 14px;
  color: #333;
  letter-spacing: -0.2px;
  line-height: 1.6em;
  text-align: center;
  border-radius: 4px;
  overflow: hidden;
}
.modal-reg-wp .finish-message strong {
  display: block;
  font-size: 17px;
  color: #ff5529;
}

.modal-reg-wp .sns-join.finish .gift {
  clear: both;
  position: relative;
  margin: -5px 0 0 0;
  padding: 5px 0 15px 0;
  background: url("/pds/images/regist/modal_finish_bg2.png") no-repeat right 0px;
  background-size: auto 55px;
}
.modal-reg-wp .sns-join.finish .gift .row {
  display: block;
  position: relative;
  margin: 0 0 6px 0;
  padding: 0 0 0 45px;
  font-size: 14px;
  letter-spacing: -0.3px;
  line-height: 1.5em;
  font-weight: normal;
}
.modal-reg-wp .sns-join.finish .gift .row.expert {
  padding-left: 50px;
}
.modal-reg-wp .sns-join.finish .gift .row .subj {
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  padding: 0 6px;
  font-size: 12px;
  color: #fff;
  letter-spacing: -0.5px;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
  background: #336ae4;
}
.modal-reg-wp .sns-join.finish .gift .subj.s2 {
  background: #34a02c;
}
.modal-reg-wp .sns-join.finish .gift strong {
  color: #d14747;
}

/*--- 신규회원가입 이벤트용 ---*/
.pop-div.layer-reg-join-finish .event-pop {
  position: absolute;
  top: -1px;
  right: -420px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
  animation: modal_Ani 0.2s ease-out;
  z-index: 1000000;
}
.pop-div.layer-reg-join-finish .event-pop a.pop-link,
.event2019-modal .event-pop a.pop-link {
  display: block;
  position: relative;
  width: 400px;
  height: 550px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.pop-div.layer-reg-join-finish .event-pop a.personal,
.event2019-modal .event-pop a.personal {
  background-image: url("/pds/images/sub/helpdesk/regist/pop_event2019_person(2).png");
}
.pop-div.layer-reg-join-finish .event-pop a.biz,
.event2019-modal .event-pop a.biz {
  background-image: url("/pds/images/sub/helpdesk/regist/pop_event2019_biz(2).png");
}
.pop-div.layer-reg-join-finish .event-pop .time-box,
.event2019-modal .event-pop .time-box {
  display: block;
  position: absolute;
  top: 465px;
  left: 50%;
  width: 260px;
  height: 45px;
  margin: 0 0 0 -130px;
  font-size: 19px;
  color: #fff;
  line-height: 37px;
  text-align: center;
}
.pop-div.layer-reg-join-finish .event-pop .time-box .bar,
.event2019-modal .event-pop .time-box .bar {
  display: inline-block;
  margin: 0 5px 10px 5px;
  vertical-align: middle;
  animation: bar_ani 1s infinite;
  opacity: 1;
}
@keyframes bar_ani {
  50% {
    opacity: 0;
  }
}

.pop-div.layer-reg-join-finish .event-pop .countdown {
  display: block;
  position: absolute;
  top: 491px;
  left: 50%;
  width: 280px;
  height: 45px;
  margin: 0 0 0 -140px;
  font-size: 22px;
  color: #92c0ff;
  line-height: 43px;
  text-align: center;
}

/*----- 무료이용 상품권 등록 ----------------------------------------*/
.pop-div.layer-coupon .pop-wrap {
  width: 620px;
  height: 500px;
  margin: -250px 0 0 -310px;
}

.modal-coupon-wp .coupon-int {
  clear: both;
  position: relative;
  height: 90px;
  margin: 0 0 12px 0;
  padding: 19px 0 0 0;
  text-align: center;
  border: 1px solid #6d9ad0;
  border-bottom-color: #4980c2;
  border-radius: 3px;
  background: #f4f7fa;
}
.modal-coupon-wp .coupon-int input.int-1 {
  display: inline-block;
  width: 82px;
  height: 50px;
  margin: 0 0 6px 0;
  padding: 0px 0 0 0;
  font-size: 21px;
  text-align: center;
  border-color: #ccc;
  border-radius: 0;
  background: #fff;
}
.modal-coupon-wp .coupon-int input.int-1:focus {
  border-color: #666;
}
.modal-coupon-wp .coupon-int .btn {
  display: inline-block;
  width: 90px;
  height: 50px;
  margin: 0 0 0 10px;
  padding: 0 0 2px 0;
  font-size: 17px;
  color: #fff;
  font-weight: bold;
  border: 1px solid #1f4f8d;
  border-radius: 3px;
  background: #235aa0;
  transition: all 0.3s;
  cursor: pointer;
}
.modal-coupon-wp .coupon-int .btn:hover {
  border-color: #1c65b7;
  background: #1e6dc6;
}

.modal-coupon-wp .coupon-guide {
  margin: 0 3px;
}
.modal-coupon-wp .coupon-guide li {
  margin: 0 0 2px 0;
  padding: 0 0 0 9px;
  font-size: 12px;
  color: #777;
  line-height: 150%;
  background: url("/pds/images/comm/ic_gray.gif") no-repeat 0 7px;
}

.modal-coupon-wp .coupon-flow {
  margin: 30px -10px 0 0;
  overflow: hidden;
}
.modal-coupon-wp .coupon-flow ol {
  float: left;
  width: 100%;
}
.modal-coupon-wp .coupon-flow li {
  float: left;
  width: 25%;
  padding: 0 10px 0 0;
  font-size: 12px;
  color: #333;
  line-height: 140%;
}
.modal-coupon-wp .coupon-flow li .box {
  display: block;
  position: relative;
  height: 140px;
  padding: 75px 10px 10px 12px;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  background-color: #f3f3f3;
  background-repeat: no-repeat;
  background-position-x: 50%;
  overflow: hidden;
}
.modal-coupon-wp .coupon-flow li .box u {
  color: #235aa0;
  font-weight: bold;
  text-decoration: none;
}
.modal-coupon-wp .coupon-flow li.f1 .box {
  background-image: url("/pds/images/regist/modal_coupon_f1.png");
  background-position-y: 20px;
}
.modal-coupon-wp .coupon-flow li.f2 .box {
  background-image: url("/pds/images/regist/modal_coupon_f2.png");
  background-position-y: 25px;
}
.modal-coupon-wp .coupon-flow li.f3 .box {
  background-image: url("/pds/images/regist/modal_coupon_f3.png");
  background-position-y: 24px;
}
.modal-coupon-wp .coupon-flow li.f4 .box {
  background-image: url("/pds/images/regist/modal_coupon_f4.png");
  background-position-y: 22px;
}

.modal-coupon-wp .coupon-flow li .box .num {
  position: absolute;
  top: 2px;
  left: 0px;
  width: 20px;
  height: 20px;
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  z-index: 2;
}
.modal-coupon-wp .coupon-flow li .box .ribbon {
  content: "";
  display: block;
  position: absolute;
  top: -0px;
  left: -25px;
  width: 60px;
  height: 25px;
  padding: 4px 0 0 0;
  font-size: 11px;
  color: #fff;
  line-height: 100%;
  text-align: center;
  background: #235aa0;
  transform: rotate(-45deg);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  z-index: 1;
}

/*----- 유료회원기간 만료 안내 ----------------------------------------*/
.estimate-popup {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 10000000;
  visibility: hidden;
}
.estimate-popup .popup-wrap {
  position: relative;
  width: 350px;
  height: 460px;
  margin: -225px 0 0 -180px;
  padding: 15px 15px 0 15px;
  border: 1px solid #e3e3e3;
  border-top: 3px solid #333;
  background: #fff;
  box-shadow: 5px 5px 4px 0 rgba(0, 0, 0, 0.05);
  animation: popup 600ms linear 1s both;
}

.estimate-popup .popup-wrap .tap {
  position: relative;
  font-size: 12px;
  color: #444;
  letter-spacing: -0.5px;
  line-height: 120%;
  font-weight: bold;
}
.estimate-popup .popup-wrap .tap::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0px;
  width: 180px;
  height: 1px;
  background: #e3e3e3;
}

.estimate-popup .popup-wrap .d-day {
  padding: 20px 0 12px 0;
  font-family: "Archivo Black", sans-serif;
  font-size: 45px;
  color: #ff643c;
  text-align: center;
}
.estimate-popup .popup-wrap .info {
  padding: 20px 0 20px 0;
  font-size: 15px;
  line-height: 130%;
  text-align: center;
  background: #f5f5f5;
}
.estimate-popup .popup-wrap .info .color {
  color: #ff643c;
}

.estimate-popup .popup-wrap .end-date {
  position: relative;
  margin: 12px 0 0 0;
  font-size: 14px;
  line-height: 120%;
  text-align: center;
}
.estimate-popup .popup-wrap .end-date::before,
.estimate-popup .popup-wrap .end-date::after {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  width: 55px;
  height: 1px;
  background: #e3e3e3;
}
.estimate-popup .popup-wrap .end-date::before {
  left: 0;
}
.estimate-popup .popup-wrap .end-date::after {
  right: 0;
}
.estimate-popup .popup-wrap .end-date span.txt {
  display: block;
  margin: 25px 0 0 0;
  font-size: 13px;
  color: #666;
}

.estimate-popup .popup-wrap .member-info {
  margin: 15px 0 20px 0;
  padding: 8px 10px 8px 10px;
  font-size: 12px;
  color: #444;
  line-height: 130%;
  text-align: center;
  border: 1px solid #e9e9e9;
}
.estimate-popup .popup-wrap .btns {
  text-align: center;
}
.estimate-popup .popup-wrap .tel {
  padding: 15px 0 0 0;
  font-size: 13px;
  text-align: center;
}

.estimate-popup .popup-wrap .bottom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 25px;
  padding: 3px 10px 0 10px;
  background: #535353;
}
.estimate-popup .popup-wrap .bottom .close {
  position: absolute;
  right: 5px;
}