
.img-replace { display: inline-block;  overflow: hidden;  text-indent: 100%;  color: transparent;  white-space: nowrap;}
.cd-nugget-info {  text-align: center;  position: absolute;  width: 100%;  height: 50px;  line-height: 50px;  bottom: 0;  left: 0;}
.cd-nugget-info a {  position: relative;  font-size: 14px;  color: #5e6e8d;  -webkit-transition: all 0.2s;  -moz-transition: all 0.2s;  transition: all 0.2s;}
.no-touch .cd-nugget-info a:hover {  opacity: .8;}
.cd-nugget-info span {  vertical-align: middle;  display: inline-block;}
.cd-nugget-info span svg {  display: block;}
.cd-nugget-info .cd-nugget-info-arrow {  fill: #5e6e8d;}
/*.cd-popup-trigger {  display: block; width:180px; padding: 15px; margin: 50px auto 0 auto;
  text-align: center;  color: #FFF !important;  font-size: 14px;  font-size: 0.875rem;  font-weight: bold; text-transform: uppercase;
  border-radius: 50em;  background: #283282;  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);}*/

/* -------------------------------- 
form 
-------------------------------- */
.cd-popup-container .tit {  padding: 10px 0px 10px 20px ;font-size:25px; font-weight:500; background:#f26522; color:#fff;
text-align:left;  border-radius: 2px 2px 0 0; }
.cd-popup-container .form {  margin: 20px 20px 20px 20px; padding:15px 10px; border:1px solid #dfdfdf; 
border-radius:10px}
.cd-popup-container .table_02 {border-top:0}
.cd-popup-container .table_02 > tbody > tr {display: table; width:50%; float:left;}

/*last textarea*/
.cd-popup-container .table_02 > tbody > tr:nth-last-child(2) td.formmail_title_bgcolor {width:9% !important}
.cd-popup-container .table_02 > tbody > tr:nth-last-child(2) {width:100%;}
.cd-popup-container .table_02 > tbody > tr > td > textarea {width:98%; border:1px solid #dfdfdf; border-radius:5px;}
/*check*/
.cd-popup-container .table_02 > tbody > tr:last-child {width:100%; float:none;}
.cd-popup-container .table_02 > tbody > tr:last-child td {padding:3px 0}

.cd-popup-container td.formmail_title_bgcolor,
.cd-popup-container td.formmail_cell_bgcolor{text-align:left; border-bottom:0; font-family: 'Noto Sans KR', sans-serif;
font-size:14px !important; padding:5px 10px 5px 5px;}
.cd-popup-container td.formmail_title_bgcolor {text-align:right; font-weight:500}
.cd-popup-container td.formmail_cell_bgcolor input.formmail_border {border:1px solid #dfdfdf; padding:15px; width:95%;
border-radius:5px;}
.cd-popup-container .btn2 a {background:#f26522; color:#fff; padding:15px 10px 17px 10px; border-radius:50px; font-family: 'Noto Sans KR', sans-serif;
width:200px; text-align:center; display:block; margin:8px auto 15px auto; font-weight:500;}


/* -------------------------------- 
popup 
-------------------------------- */
.cd-popup {  position: fixed; z-index:999;  left: 0;  top: 0;  height: 100%;  width: 100%;  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;  visibility: hidden;  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;  transition: opacity 0.3s 0s, visibility 0s 0.3s;}
.cd-popup.is-visible {  opacity: 1;  visibility: visible;  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;  transition: opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-container {  position: relative;  width: 90%;  max-width: 800px;  margin: 8em auto;  background: #FFF;
  border-radius: 20px; overflow:hidden; text-align: center;  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.cd-popup-container .cd-buttons:after {  content: "";  display: table;  clear: both;}
.cd-popup-container .cd-buttons li {  float: left;  width: 50%;  list-style: none;}
.cd-popup-container .cd-buttons a {  display: block;  height: 60px;  line-height: 60px;  text-transform: uppercase;  color: #FFF;
  -webkit-transition: background-color 0.2s;  -moz-transition: background-color 0.2s;  transition: background-color 0.2s;}
.cd-popup-container .cd-buttons li:first-child a {  background: #fc7169;  border-radius: 0 0 0 .25em;}
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {  background-color: #fc8982;}
.cd-popup-container .cd-buttons li:last-child a {  background: #b6bece;  border-radius: 0 0 .25em 0;}
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {  background-color: #c5ccd8;}
.cd-popup-container .cd-popup-close {  position: absolute;  top: 10px;  right: 8px;  width: 30px;  height: 30px;}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
  content: '';  position: absolute;  top: 16px;  width: 20px;  height: 3px;  background-color: #fff;
}
.cd-popup-container .cd-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 2px;
}
.cd-popup-container .cd-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}
.is-visible .cd-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}



/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
/* -------------------------------- 
form 
-------------------------------- */
.cd-popup-container .tit {  padding: 10px 50px 10px 10px ;font-size:15px; font-weight:500; word-break:keep-all;}
.cd-popup-container .form {word-break:keep-all;  margin: 10px ; padding:10px 10px; }
.cd-popup-container .table_02 > tbody > tr { width:100%; float:none;}
.cd-popup-container td.formmail_title_bgcolor,
.cd-popup-container td.formmail_cell_bgcolor{text-align:left; padding:3px 0;}
.cd-popup-container td.formmail_title_bgcolor {text-align:center;}
.cd-popup-container td.formmail_cell_bgcolor input.formmail_border { padding:8px; width:90%;border-radius:2px;}
.cd-popup-container .btn2 a { padding:8px 10px 8px 10px; width:180px; margin:5px auto 15px auto; }

/*last textarea*/
.cd-popup-container .table_02 > tbody > tr:nth-last-child(2) td.formmail_title_bgcolor {width:20% !important}
.cd-popup-container .table_02 > tbody > tr > td > textarea {width:90%; border:1px solid #dfdfdf; border-radius:5px;}

/*check*/
.cd-popup-container .table_02 > tbody > tr:last-child td {font-size:12px}

}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}
