.ck_popup_wrap { position: absolute;top: 50px;left: 50px; width:auto;z-index: 9999;background-color: #fff; }
.ck_popup_box_wrap { background-color:#000;padding: 5px;position: relative;top: 0px;left: 0px; }
.ck_popup_box input { margin: 0px;width: 15px;height: 15px;border: none;background-color:#fff; }
.ck_popup_box label { font-size: 12px;color: #fff;line-height:15px;padding-left: 5px;position: relative;top: -2px;margin-bottom: 0px; }
.ck_popup_close { font-size: 13px;color: #999;position: absolute;top:0px;right: 0px;text-decoration: none;height: 25px;line-height: 25px;padding: 0 5px;font-weight: bold; }
.ck_popup_img img { max-width: 100%;vertical-align: bottom; }
.ck_popup_img a { display: inline-block; }

.has-error { font-size: 12px;color: red; }

.pop_all_wrap { margin: 0 auto;width: 100%;background-color: #fff;padding: 10px 2%;display: none;border-radius: 10px;overflow: hidden; }
.pop_box_wrap { width: 100%; position: relative;top: 0px; left: 0px; }
.pop_box_in { width: 100%;margin: 0 auto; }
.pop_top_label_wrap { padding: 5px 0 10px; }
.pop_top_label { font-size:36px; font-family: 'na400';color: #222; }
.pop_box { width: 100%; }
.pop_label_wrap {width: 100%;padding: 10px 0}
.pop_label_wrap:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.pop_label {display: inline-block;font-size: 24px; padding-right: 15px;letter-spacing: -1px;color: #333}
.pop_desc {display: inline-block;font-size: 15px; letter-spacing: -1px;font-family: 'no300';}
.pop_input_wrap input {
    display: block;
    width: 100%;height: 40px;padding: 6px 12px;font-size: 14px;line-height: 1.4;color: #555;
    background-color: #fff;background-image: none;border: 1px solid #ddd;border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.pop_input_wrap:first-child { padding-bottom: 5px; }

.pop_bottom_wrap {width: 100%; padding: 10px 0 20px;}
.pop_bottom_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden; }

.pop_btn_wrap {width: 100%;}
.pop_btn_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.pop_btn {width: 100%;padding: 5px;text-align: center;}
.pop_btn a { display: inline-block;border: 1px solid #333; color: #fff;background-color: #333;
    height: 40px; line-height: 40px; width: 100px;text-align: center;
}
.pop_btn a span {display: block; height: 40px; line-height: 40px;text-align: center;border-left: 1px solid #fff;font-size: 16px;}
.pop_btn a b {display: block; width: 40px; height: 40px;position: absolute;top: 0px; left: 0px;background-repeat: no-repeat;background-position: center center;}
.pop_naver a {background-color: #3ec600;color: #fff;}
.pop_box_close_btn { position: absolute;top: 7px;right: 7px;width: 25px;height: 25px;background-image: url(../images/common/pop_box_close_btn.html);background-repeat: no-repeat;background-position: center center; }

/* login start */
.pop_all_wrap.pop_login_wrap { max-width: 415px; }
.pop_login_wrap .pop_box_in { max-width: 480px; }
.pop_login_wrap .pop_top_label { text-align: center; letter-spacing: -1px; }
.pop_login { width: 100%; }
.pop_login_box { width: 100%;padding-right: 90px;position: relative;top: 0px; left: 0px; }
.pop_login_box:after { content: "";display: block;height: 0;clear: both;visibility: hidden; }
.pop_login_left { float: left; width: 100%; }
.pop_login_right { position: absolute;top: 0px; right: 0px;bottom: 0px; }
.pop_login_right a {
    width: 85px; height: 85px; line-height: 85px;color: #fff;display: block;
    text-align: center; font-size:22px;border-radius: 3px;background: #dd2c63; /* Old browsers */
    background: linear-gradient(230deg, #dd2c63, #288fcf, #dd2c63, #288fcf);
    background: -moz-linear-gradient(230deg, #dd2c63, #288fcf, #dd2c63, #288fcf); /* FF3.6-15 */
    background: -webkit-linear-gradient(230deg, #dd2c63, #288fcf, #dd2c63, #288fcf); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(230deg, #dd2c63, #288fcf, #dd2c63, #288fcf); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd2c63', endColorstr='#288fcf',GradientType=1 ); /* IE6-9 */
    background-size: 600% 600%;
    -webkit-animation: AnimationName 3s ease infinite;-moz-animation: AnimationName 3s ease infinite;-o-animation: AnimationName 3s ease infinite;
    animation: AnimationName 3s ease infinite;border:none!important;
}
.pop_login_input_wrap input {
    display: block;
    width: 100%;height: 40px;padding: 6px 12px;font-size: 14px;line-height: 1.4;color: #555;
    background-color: #fff;background-image: none;border: 1px solid #ddd;border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.pop_login_input_wrap:first-child { padding-bottom: 5px; }
.pop_login_mid_wrap { width: 100%; padding: 10px 0 20px }
.pop_login_mid_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden; }
.pop_login_link_wrap { float: left; margin-left: 10px;font-size: 0px; }
.pop_login_link_wrap a { display: inline-block;height: 25px; line-height: 25px;border: 1px solid #ddd; font-size: 14px; color: #666;padding: 0 10px; margin-left: 10px }
.pop_login_bottom_wrap {border-top: 1px solid #ddd;}
/* login end */

/* pwd start */
.pop_all_wrap.pop_pwd_wrap { max-width: 415px; }
.pop_pwd_wrap .pop_box_in { max-width: 480px; }
/* pwd end */

.tcddcx { max-width:415px; }
.pop_all_wrap.pop_search_wrap { max-width: 415px; }
.popup_btn1 {
    display: block;
    width: 85px;height: 40px;line-height: 40px;color: #fff;text-align: center;font-size: 22px;border-radius: 3px;border: none!important;
    background: linear-gradient(230deg, #dd2c63, #fed101, #dd2c63, #fed101);background-size: 600% 600%;animation: AnimationName 3s ease infinite;
}

/* alert,confirm start */
.pop_all_wrap.pop_alert_wrap { max-width: 415px; }
.pop_alert_wrap .pop_box_in { max-width: 480px;padding: 10px; }
.pop_all_wrap.pop_confirm_wrap { max-width: 415px; }
.pop_confirm_wrap .pop_box_in { max-width: 480px;padding: 10px; }

.alert-message {
  font-size: 15px;
  font-weight: 500;
  color: #333333;
  margin-bottom: 24px;
  line-height: 1.5;
  white-space: pre-line; /* 줄바꿈(\n) 인식 */
}

.alert-buttons {
  display: flex;
  justify-content: center;
  gap: 12px;
}
.alert-btn {
  padding: 10px 20px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: background 0.2s;
}
.alert-btn-success {
  background-color: #1890ff;
  color: #ffffff;
}
.alert-btn-success:hover {
  background-color: #096dd9;
}
/* alert,confirm end */

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

    .ck_popup_wrap { top: 10px!important;left:20px!important;right: 20px!important;margin: 0px!important; }
    .ck_popup_wrap { width: auto!important }
    .ck_popup_img a { width: 100%; }
    .ck_popup_img img { width: 100%; }

    .pop_top_label { font-size: 22px; }

    /* login start */
    .pop_all_wrap.pop_login_wrap { max-width: 320px; }
    .pop_login_link_wrap a { font-size: 12px;padding: 0 5px;margin-left: 5px; }
    /* login end */

    /* pwd start */
    .pop_all_wrap.pop_pwd_wrap { max-width: 320px; }
    /* pwd end */

    /* tcddcx start */
    .pop_all_wrap.tcddcx { max-width: 320px; }
    /* tcddcx end */
    .pop_all_wrap.pop_search_wrap { max-width: 320px; }

    /* alert,confirm start */
    .pop_all_wrap.pop_alert_wrap { max-width: 320px; }
    .pop_all_wrap.pop_confirm_wrap { max-width: 320px; }
    /* alert,confirm end */
}