/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;}

html,body{word-break:break-word; background-color: #f5f5f5;}
body{font-family:'Noto Sans Korean',Arial, 'Apple SD Gothic Neo', sans-serif;font-size:15px; color:#000;font-weight: 400;}

ul, li, ol { list-style: none; }
a { text-decoration: none; cursor:pointer; }
img{border:0; vertical-align:middle;}
a{color: #333333; text-decoration: none; }
a:hover{text-decoration:none;}
caption{font-size:0}
table{border-collapse:collapse;border-spacing:0}
em, i, address{font-style:normal;}
input[type="text"], input[type="password"], input[type="number"], select, textarea, button {font-family:'Noto Sans Korean',Arial, 'Apple SD Gothic Neo', sans-serif; font-size:14px; color:#000;font-weight:400;}
input[type="text"]::placeholder, input[type="password"]::placeholder,input[type="number"]::placeholder, textarea::placeholder{color:rgba(0,0,0,0.4); font-weight: 400;}
button{cursor:pointer; background-color: transparent;}
label{font-weight:400;}
select{
    background-color:#FFF;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    background-image: url(../../images/v1/home/ico_down2.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
    height: 36px;
    border:1px solid #dedede;
    padding-right: 32px;
    padding-left: 10px;
    outline: 0;
    font-size:14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

}
select:disabled{opacity: 1;}
/* Chrome, Safari, Edge, Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

select::-ms-expand {display:none}

input, button{outline:0; margin: 0; padding: 0; border:0px none;}
a,button {pointer-events: auto;}

html *{box-sizing: border-box;}

.align_r{text-align:right !important;}
.align_c{text-align:center !important;}
.align_l{text-align:left !important;}

.blind{display: block; overflow: hidden; position: absolute; left: 0; font-size: 0;}
.relative{position:relative important!;}
textarea{resize: none;}
caption{overflow:hidden;width:0; height:0; font-size:0;}

.mt5{margin-top:5px !important;} .pt5{padding-top:5px !important;}
.mt10{margin-top:10px !important;}.pt10{padding-top:10px !important;}
.mt15{margin-top:15px !important;}.pt10{padding-top:15px !important;}
.mt20{margin-top:20px !important;}.pt20{padding-top:20px !important;}
.mt30{margin-top:30px !important;}.pt30{padding-top:30px !important;}
.mt40{margin-top:40px !important;}.pt40{padding-top:40px !important;}
.mt50{margin-top:50px !important;}.pt50{padding-top:50px !important;}
.mt60{margin-top:60px !important;}.pt60{padding-top:60px !important;}
.mt70{margin-top:70px !important;}.pt70{padding-top:70px !important;}
.mt80{margin-top:80px !important;}.pt80{padding-top:80px !important;}
.mt90{margin-top:90px !important;}.pt90{padding-top:90px !important;}

.mb5{margin-bottom:5px !important;}.pb5{padding-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}.pb10{padding-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}.pb20{padding-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}.pb30{padding-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}.pb40{padding-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}.pb50{padding-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}.pb60{padding-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}.pb70{padding-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}.pb80{padding-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}.pb90{padding-bottom:90px !important;}

.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}.pl5{padding-left:5px !important;}
.ml10{margin-left:10px !important;}.pl10{padding-left:10px !important;}
.ml20{margin-left:20px !important;}.pl20{padding-left:20px !important;}
.ml30{margin-left:30px !important;}.pl30{padding-left:30px !important;}
.ml40{margin-left:40px !important;}.pl40{padding-left:40px !important;}
.ml50{margin-left:50px !important;}.pl50{padding-left:50px !important;}
.ml60{margin-left:60px !important;}.pl60{padding-left:60px !important;}
.ml70{margin-left:70px !important;}.pl70{padding-left:70px !important;}
.ml80{margin-left:80px !important;}.pl80{padding-left:80px !important;}
.ml90{margin-left:90px !important;}.pl90{padding-left:90px !important;}

.mr5{margin-right:5px !important;}.pr5{padding-right:5px !important;}
.mr10{margin-right:10px !important;}.pr10{padding-right:10px !important;}
.mr20{margin-right:20px !important;}.pr20{padding-right:20px !important;}
.mr30{margin-right:30px !important;}.pr30{padding-right:30px !important;}
.mr40{margin-right:40px !important;}.pr40{padding-right:40px !important;}
.mr50{margin-right:50px !important;}.pr50{padding-right:50px !important;}
.mr60{margin-right:60px !important;}.pr60{padding-right:60px !important;}
.mr70{margin-right:70px !important;}.pr70{padding-right:70px !important;}
.mr80{margin-right:80px !important;}.pr80{padding-right:80px !important;}
.mr90{margin-right:90px !important;}.pr90{padding-right:90px !important;}

.f_thin{font-weight:100 !important;}
.f_light{font-weight:200 !important;}
.f_demiLight{font-weight:300 !important;}
.f_regular{font-weight:400 !important;}
.f_medium{font-weight:500 !important;}
.f_black{font-weight:500 !important;}
.f_bold{font-weight:500 !important;} 


.pc_block{display: block !important;}
.pc_inline_block{display: inline-block !important;}
.m_block{display: none !important;}
.m_inline_block{display: none !important;}

.al{text-align:left !important;}
.ac{text-align:center !important;}
.ar{text-align:right !important;}

.btn{display: inline-block; vertical-align: middle; height: 42px; color:#fff; text-align: center; line-height: 42px; font-weight:400;vertical-align: middle;}
.btn_black{background-color: #4a5362 !important;}
.btn_black2{background-color: #000 !important;}
.btn_pink{background-color: #f9608b !important;}
.btn_blue{background-color: #578ed8 !important;}
.btn_green{background-color:#06be34 !important;}
.btn_gray{background-color:#ececec !important;color:#333 !important}
.btn_purple{background-color:#bc57d9 !important;}
.tb_bg_navy{background: #e6edf7 !important;}

.fc_red{color:#b70f0f  !important;}
.fc_pink{color:#fa3f74 !important;}
.fc_orange{color:#f57600 !important;}
.fc_blue{color:#4d88d8 !important;}
.fc_green{color:#1ea503 !important;}
.fc_purple{color:#a520cb !important;}
.fc_blue2{color:#3581ea !important;}
.fc_gray{color:#555 !important;}
.fw_bold{font-weight:500 !important;}

.fs_13{font-size:13px;line-height:16px;}
.fs_14{font-size:14px;line-height:17px;}
.fs_15{font-size:15px;line-height:18px;}
.fs_16{font-size:16px;line-height:20px;}

.bg_pink{background-color: #f8ebee !important;}
.bg_blue{background-color: #e8f3fc !important;}
.bg_blue2{background-color: #dbecf9 !important;}
.bg_navy{background-color: #596f91 !important;}
.bg_gray{background-color: #f5f5f5 !important;}
.cancel_txt{color:#fa3f74;text-decoration: line-through;}

.con_hid{display:none !important;}
.con_show{display:block !important;}
.con_show2{display:inline-block !important;}

textarea:focus {outline: none;}
button:disabled{background-color: #bbb !important;}
table{table-layout: fixed;}
.base_check_list{}
.base_check_list .check{margin-right:8px;}
.base_check_list .check label{color:#333;font-size:12px;}
.base_check_list label{display:inline-block;height:23px;padding: 0 0 0 20px;font-size:14px;line-height:22px;font-weight:400;}
.base_check_list input[type="checkbox"]{display:none;}
.base_check_list input[type="checkbox"]+label{background:url(../../images/v1/home/check_base.png) no-repeat left center;}
.base_check_list input[type="checkbox"]:checked+label{background:url(../../images/v1/home/check_base_on.png) no-repeat left center;}
.base_check_list input[type="checkbox"]:disabled+label{background:url(../../images/v1/home/check_base_disabled.png) no-repeat left center;}
.base_check_list input[type="checkbox"]:checked:disabled+label{background: url(../../images/v1/home/check_base_on.png) no-repeat left center;background-size: 15px 15px;}
.base_check_list input[type="radio"]{display:none;}
.base_check_list input[type="radio"]+label{background:url(../../images/v1/home/radio_base2.png) no-repeat left center;background-size: 15px 15px;}
.base_check_list input[type="radio"]:checked+label{background:url(../../images/v1/home/radio_base_on.png) no-repeat left center;background-size: 15px 15px;}
.base_check_list input[type="radio"]:disabled+label{background:url(../../images/v1/home/radio_base_disabled.png) no-repeat left center;background-size: 15px 15px;}
.base_check_list input[type="radio"]:checked:disabled+label{background: url(../../images/v1/home/radio_base_on.png) no-repeat left center;background-size: 15px 15px;}


.one_txt {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size:13px;display:block; }
.cursor{cursor: pointer;}
.no_click{pointer-events: none !important;background:#ddd ;}
.hid_box{margin-top:5px;}
input[type=password]{border:1px solid #dedede;}
input[type="password"]:disabled{background: #eee;}
/* 로딩바 */         
.lds-spinner,
.lds-spinner div,
.lds-spinner div:after {
  box-sizing: border-box;
}
.lds-spinner {
  display: none;
  color: rgb(8 114 193);
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3.2px;
  left: 36.8px;
  width: 6.4px;
  height: 17.6px;
  border-radius: 20%;
  background: currentColor;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.lds-spinner-wrapper {
    background: transparent;
    position: fixed;
    top: 0;
    left: 0;
    width:100%;height:100%;
    z-index: 9999; /* 다른 요소들보다 위에 오도록 설정 */
    display:none;
}
.lds-spinner-wrapper .lds-spinner{
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* 화면 중앙으로 위치 */
}
.ui-widget-header .ui-icon{background-image: url(../../images/v1/common/btns.png);}
.ui-datepicker .ui-datepicker-title select{background-image: url(../../images/v1/common/ico_down4.png);}
.ui-datepicker .ui-datepicker-title select option  {
  max-height: 100px !important; /* 최대 높이 설정 */
  overflow-y: auto;  /* 세로 스크롤 추가 */
}
    /* 연도 및 월 선택 드롭다운 높이 제한 */
    .ui-datepicker select {
      height: auto; /* 기본 높이 자동 */
      max-height: 120px; /* 5개만 보이도록 높이 제한 */
      overflow-y: auto; /* 스크롤 가능하게 설정 */
  }

  .ui-datepicker-calendar>tbody>tr>td{height:44px;}

/* 스위치 체크박스 */
input[type="checkbox"].switch{
	font-size: 20px;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	width: 36px;
	height: 20px;margin-top:1px;
	background: #ddd;
	border-radius: 20px;
	position: relative;
	cursor: pointer;
  vertical-align: middle;
	outline: none;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
  }
  
  input[type="checkbox"].switch:checked{
	background: #4393fd ;
  }
  
  input[type="checkbox"].switch:after{
	position: absolute;
	content: "";
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #fff;
	-webkit-box-shadow: 0 0 .25em rgba(0,0,0,.3);
	        box-shadow: 0 0 .25em rgba(0,0,0,.3);
	-webkit-transform: scale(.7);
	        transform: scale(.7);
	left: 0;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
  }
  
  input[type="checkbox"].switch:checked:after{
	left: calc(100% - 20px);
  }

  /* 체크된 경우 스타일 변경 */
  /* 기본 텍스트 설정 */
  input[type="checkbox"].switch + label .on {
    display: none;
  }
  input[type="checkbox"].switch + label .off {
    display: inline-block;
  }

  /* 체크되었을 때 텍스트 전환 */
  input[type="checkbox"].switch:checked + label .on {
    display: inline-block;
  }
  input[type="checkbox"].switch:checked + label .off {
    display: none;
  }
.row_selected{background: #f5f5f5;}
.ic_star{color:red;margin:4px 0 0 2px;vertical-align: middle;}

.popup .popup_close{position: absolute;z-index:999; top: 21px; right: 30px; width: 32px; height: 32px; border-radius:50%; background-color: #4a5362; background-image: url(../../images/v1/common/popup_close.png); background-size: 100% auto; cursor: pointer;}

/* 휴대폰발신번호 인증 iframe */
#popup_kmc_send .popup{width:450px; height:730px;padding: 10px 10px 10px 10px;}
#popup_kmc_send #KMCISWindow{width:100%; height:715px;}
#popup_kmc_send .popup_close{top:0;right:-37px;}
@media(max-width:767px){

    .pc_block{display: none !important;}
    .pc_inline_block{display: none !important;}
    .m_block{display: block !important;}
    .m_inline_block{display: inline-block !important;}

    html,body{word-break:break-word; background-color: #fff;}

    /* 휴대폰발신번호 인증 iframe */
    #popup_kmc_send .popup {width: 100vw;height: 100vh;  }
    #popup_kmc_send #KMCISWindow {width: 100%;height: 100%;  }
    #popup_kmc_send iframe {width: 100%;height: 100%;border: none; }
    #popup_kmc_send .popup_close {right: 10px;top: 10px; }

}