@charset "utf-8";

.popupWrap{
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.popupBg{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}
.popup{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  background-color: #fff;
  z-index: 10;
  font-family:'Noto Sans KR',sans-serif; letter-spacing:-1px;
}
.popup.mw580{max-width:580px;}
.popup .pop_btn_close{z-index:1; position:absolute; top:20px; right:20px; cursor:pointer; text-indent:-9999px; width:20px; height:20px; background:url(../images/common/login_icon.png) 0 -120px no-repeat;}
.popup .pop_top{position:relative; padding-top:28px; padding-bottom:40px; font-size:24px; color:#444; text-align:center;}
.popup .pop_con{position:relative; padding:0 40px;}
.popup .pop_bottom{position:relative;}
.pop_con_row{position:relative; display:block; margin-bottom:24px; width:100%; height:auto;}
.pop_tt_sub00{margin-bottom:12px; font-size:16px; color:#444; font-weight:600;}
.input_tt{padding-left:8px; margin-bottom:6px; font-size:14px; color:#444; font-weight:600;}
.input_tt2{margin-bottom:6px; font-size:14px; color:#444; font-weight:600;}
.input_tt3{display:inline-block; padding-right:8px; margin-bottom:10px; font-size:14px; color:#444; font-weight:600;}

.popup.mw650{max-width:650px;}
.pop_con_row_scroll{height:500px;overflow:hidden;overflow-y:auto;}
.popup .pop_bottom_ar{position:relative; padding-top:28px; padding-bottom:40px; font-size:24px; color:#444; text-align:center;}
.popup .pop_bottom_ar input{cursor:pointer;}

.popup.mw750{max-width:750px;}
.popup.mw850{max-width:850px;}


/*************************마케팅정보수신설정 팝업 start*************************/
.btn_detail{display:inline-block;padding:0 12px;margin-left:10px;height:30px;background-color:#fff;font-size:14px; border:1px solid #ddd; line-height:28px;letter-spacing:-0.5px;text-align:center;color:#999;vertical-align:top;}
.btn_detail span{display:inline-block;height:100%;padding-right:14px;background:url(../images/common/ico_arrow_btn.png) 100% 50% no-repeat;}
.pop_con_box{position:relative; display:block; margin-bottom:24px; width:100%; height:auto; overflow:hidden; border:1px solid #ddd; padding:20px;}

.pop_info li{ line-height:200%; font-size:16px; color:#999999; letter-spacing:-.05em;}
.pop_info li:last-child{margin-bottom:0;}
.pop_info{display:flex; width:100%; height:auto;}
.pop_info li{display:inline-flex; margin-right:40px; letter-spacing:-.05em;}
.pop_info li:last-child{margin-right:0;}

.popul_row00 li{margin-bottom:10px; line-height:1.25em; font-size:16px; color:#999999; letter-spacing:-.05em;}
.popul_row00 li:last-child{margin-bottom:0;}
.popul_row01{display:flex; width:100%; height:auto; border-bottom:1px solid #ddd; padding-bottom:15px;}
.popul_row01 li{display:inline-flex; margin-right:40px; letter-spacing:-.05em;}
.popul_row01 li:last-child{margin-right:0;}

.pop_chk{position:relative;vertical-align:top;/* border:1px solid #000 */}
.pop_chk input{position:absolute;top:7px;left:0;width:18px;height:18px;border:0;opacity:0;cursor:pointer;}
.pop_chk label{display: inline-block;position: relative;min-height: 18px;padding-left: 28px;font-family:'Noto Sans KR', sans-serif;font-size:16px;color:#999;letter-spacing:-0.6px;line-height: 30px;cursor: pointer;}
.pop_chk label:before{position:absolute;top:7px;left:0;width:18px;height:18px;background:url(../images/common/check_id.png) 0 0 no-repeat;background: none\9;content: "";}
.pop_chk input:checked + label:before{background-position: 0 100%;}
.pop_chk input:focus + label:before{outline: 1px dotted #888;outline: auto -webkit-focus-ring-color;}
.pop_chk .btn_agree{display:inline-block;padding:0 12px;margin-left:10px;height:30px;background-color:#fff;font-size:14px; border:1px solid #ddd; line-height:28px;letter-spacing:-0.5px;text-align:center;color:#999;vertical-align:top;}

.pop_chkT{position:relative;vertical-align:top;/* border:1px solid #000 */}
.pop_chkT input{position:absolute;top:7px;left:0;width:18px;height:18px;border:0;opacity:0;cursor:pointer;}
.pop_chkT label{display: inline-block;position: relative;min-height: 18px;padding-left: 28px;font-family:'Noto Sans KR', sans-serif;font-size:16px;color:#666;letter-spacing:-0.6px;line-height: 30px;cursor: pointer;}
.pop_chkT label:before{position:absolute;top:7px;left:0;width:18px;height:18px;background:url(../images/common/check_id.png) 0 0 no-repeat;background: none\9;content: "";}
.pop_chkT input:checked + label:before{background-position: 0 100%;}
.pop_chkT input:focus + label:before{outline: 1px dotted #888;outline: auto -webkit-focus-ring-color;}
.pop_chkT .btn_agree{display:inline-block;padding:0 12px;margin-left:10px;height:30px;background-color:#fff;font-size:14px; border:1px solid #ddd; line-height:28px;letter-spacing:-0.5px;text-align:center;color:#999;vertical-align:top;}
.pop_chkT .bold{color:#1b51a5;}
/*************************마케팅정보수신설정 팝업 end*************************/
/** 팝업 Close 버튼 클래스 추가 2021-07-27***/
.PopupClose {float:left; width:780px; height:70px; background-color:#000;  padding:10px; !important }


/* 이미지 슬라이드 */
.slide{overflow:hidden;}
.slide ul{width:calc(100% * 4);display:flex;animation:slide 8s infinite;} /* slide를 8초동안 진행하며 무한반복 함 */
.slide li{width:calc(100% / 4);}
@keyframes slide {
  0% {margin-left:0;} /* 0 ~ 10  : 정지 */
  10% {margin-left:0;} /* 10 ~ 25 : 변이 */
  25% {margin-left:-100%;} /* 25 ~ 35 : 정지 */
  35% {margin-left:-100%;} /* 35 ~ 50 : 변이 */
  50% {margin-left:-200%;}
  60% {margin-left:-200%;}
  75% {margin-left:-300%;}
  85% {margin-left:-300%;}
  100% {margin-left:0;}
}