/*********************************************************************
  �˾� - ����
*********************************************************************/
/* .popup{display:none; justify-content: center; align-items: center; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.5); z-index:1000;} */
.popup{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.5); z-index:1000;}
/* .popup .popup_outer{position:absolute; top:50%; left:50%; max-width:80%; max-height:calc(100vh - 10rem);padding:0; box-shadow: 0 1rem 1rem rgba(0,0,0,.08); border-radius:0.8rem;background-color:#fff; transform:translate(-50%,-50%);}
.popup .popup_inner{ max-height:calc(100vh - 10rem); overflow-x:hidden; overflow-y:auto; border-radius:0.8rem;} */
.popup .popup_inner{display:flex; flex-direction: column; position:absolute; top:50%; left:50%; max-width:128rem; box-shadow: 0 1rem 1rem rgba(0,0,0,.08); border-radius:1.2rem; background-color:#fff; transform:translate(-50%,-50%); opacity:0;}
.popup .popup_inner>form{display:flex; flex-direction: column; max-height:calc(100vh - 10rem);}
.popup_header{padding:2.4rem 2.4rem 0; margin: 0 0 2rem;}
.popup_header._underline{padding-bottom:2rem; border-bottom: 1px solid #EFF1F6;}
.popup_body{display:flex; flex-direction:column;  max-height:calc(100vh - 25rem); margin:0 2.8rem 4rem 2.4rem; padding-right:1rem; font-size:1.6rem; overflow-x:hidden; overflow-y:auto;}
.popup_body::-webkit-scrollbar{width:0.5rem; margin:0 3rem;}
.popup_body::-webkit-scrollbar-track{background: #f1f1f1;}
.popup_body::-webkit-scrollbar-thumb{background: #aaa;}
.popup_bottom{padding: 0 2.4rem 4rem;}
.popup_bottom .bottom_btn_group{display: flex; justify-content: center; flex-wrap: wrap; margin: 0 -1rem;}
.popup_bottom .bottom_btn_group .btn{flex: 1; margin: 0 .5rem; height: 6rem; border-radius: 2em;}
.popup_bottom .bottom_btn_group .btn_border{color:#fff; border:0; background-color:#aaa;}
.popup_bottom .bottom_btn_group.form_btn .btn{flex:1; border-radius:0;}
.popup_bottom_fn .bottom_btn_group .btn{height: 6rem;}
.popup_bottom.popup_terms_bottom .bottom_btn_group .btn{border-radius: 0;}
.popup_bottom.pbt_floating {padding-top: 20px;}

.popup .popup_body .mCSB_scrollTools .mCSB_draggerRail{width:6px; background-color:#EFF1F6;}
.popup .popup_body .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px; background-color:#aaa;}

.popup_bottom_fn{padding:0 2.4rem 3rem;}
.popup_bottom_fn .bottom_btn_group{margin-top:0;}

.popup .form_search_icon{flex-shrink:0;}

.tit_popup{font-size:2.4rem; font-weight:700; line-height: 1;}

.btn_close_popup{position:absolute; top:2.9rem; right:2.4rem; width:1.8rem; z-index:1;}
.btn_close_popup img{width:100%;}

.popup.opened{display:flex;}
.popup.opened .popup_inner{/*animation: popup 0.5s ease alternate forwards;*/ opacity:1;}
.popup.showPopupTerms .popup_inner._bottom{border-radius: 0;}

.popup_load_guide{display: flex; align-items: center; margin-top:5rem; margin-bottom:2rem; font-size:2rem; color:#767676;}
.popup_load_guide .btn{font-weight:500; border-radius:0.5rem;}

/* �޽��� �˾� */
.popup_msg{padding:4rem 3rem 0; font-size:2rem; font-weight:500; text-align:center;}

.popup_wide{width:114rem;}
.popup_wide128{width:128rem;}

@keyframes popup{
  0%{transform:translate(-50%, calc(-50% + 2rem)); opacity:0;}
  100%{transform:translate(calc(-50% + 0.5px),calc(-50% + 0.5px)); opacity:1;}
}

@media screen and (max-width:767px){
  @keyframes popup{
    0%{transform:translate(calc(-50% + 0.5px), calc(-50% + 5rem)); opacity:0;}
    100%{transform:translate(calc(-50% + 0.5px),calc(-50% + 0.5px)); opacity:1;}
 }
}

@media screen and (max-width:1340px){
	.popup_wide128{width:calc(100% - 4rem);}
}

@media screen and (max-width:1240px){
	.popup_wide{width:calc(100vw - 15rem);}
}

@media screen and (max-width:767px){
  .popup .popup_inner{display:flex; flex-direction: column; position:absolute; top:50%; left:50%; max-width:80%; max-height:calc(100vh - 10rem); box-shadow: 0 1rem 1rem rgba(0,0,0,.08); border-radius:0.8rem; background-color:#fff; transform:translate(-50%,-50%);}
  .popup_header{min-height:8.5rem; margin-bottom:2.7rem; padding:4.2rem 3.4rem 0;}
  .popup_header._underline{padding-bottom:2.7rem;}
  .popup_body{flex:1; width:calc(100vw - 7rem); max-height:initial; margin:0 1.4rem 0 0; padding:5rem 3.4rem; font-size:2.8rem;}
  .popup_bottom{padding:0 2.4rem 5rem;}
  .popup_bottom .bottom_btn_group{margin:0;}
  .popup_bottom .bottom_btn_group .btn{margin:0; height: 10rem; font-size:3.4rem;}
  .popup_bottom .bottom_btn_group .btn+.btn{margin-left:2rem;}

  .popup_bottom_fn .bottom_btn_group .btn{height: 12rem; font-size:3.6rem;}
  .popup_bottom_fn .bottom_btn_group .btn+.btn{margin-left:2rem;}

  .popup .popup_inner.m_popup_fullPage{top:0; left:0; width:100%; height:100%; max-height:100%; transform:translate(0,0);}
  .popup .popup_inner.m_popup_fullPage .popup_body{width:100%; padding-right:3.4rem;}

  .tit_popup{font-size:4.6rem;}

  .popup .popup_inner{max-width:100%;}
  .popup_cont{padding:3.5rem; width: 100% !important;}
  .popup_cont .box_txt{font-size:2.8rem;}
  .btn_close_popup{top:0; right:1rem; width:10.2rem; padding:4.2rem 3.4rem 3.1rem;}
  .btn_close_popup img{width:3.4rem;}

  .popup_cont .bottom_btn_group .btn,
  .popup_cont .bottom_btn_group .btn_sm{width:27.8rem; height:10rem; font-size:3rem;}

  .m_full_page .popup_inner{top:0; left:0; width:100%; height:100%; max-height:100%; border-radius: 0; transform:translate(0,0);}
  .m_full_page .popup_cont{display: flex; flex-direction: column; min-height:100%; height:100%; border-radius:0;}
  .m_full_page .popup_body{display: flex; flex-direction: column; flex:1; width:100%; height:100%; overflow-y:auto;}
  .m_full_page .full_height{display:flex; flex-direction: column; flex:1; height:100%;}
  .popup_cont .popup_body{font-size:3rem;}

  /* �޽��� �˾� */
  .popup_msg{padding:0; font-size:3.4rem;}

  .popup_bottom_fn{padding:0;}
  .popup_bottom_fn .bottom_btn_group{margin:0;}
  .popup_bottom_fn .btn{margin:0; border-radius:0;}
  .popup_bottom_fn .btn+.btn{margin-left:0;}

  .popup_wide{width:100%;}

  /* �ϴ� �����˾� */
  .popup .popup_inner._bottom{bottom: 0; top: auto; left: auto; transform: inherit; width: 100%; border-radius:0;}
  ._bottom .popup_body{width: 100%;}
  ._bottom .popup_bottom{padding:0;}
  ._bottom .popup_bottom .bottom_btn_group{margin:0;}
  ._bottom .popup_bottom .bottom_btn_group .btn{margin:0; height: 12rem; font-size:4rem;}
  ._bottom .popup_bottom .bottom_btn_group .btn+.btn{margin-left:0;}

  .popup .popup_inner>form{max-height:100%;}
}

/* �˾� �˻��� */
.popup_tbl_form th{padding-top:1.5rem; padding-bottom:1.5rem;}
.popup_tbl_form td{padding-top:1rem; padding-bottom:1rem;}
.popup_tbl_form .form_text{height:4rem;}
.popup_tbl_form .form_select{height:4rem;}
.popup_search .bottom_btn_group{margin-top:5rem;}

@media screen and (max-width:767px){
  .popup_tbl_form th{padding-top:3.2rem; padding-bottom:3.2rem;}
  .popup_tbl_form td{padding-top:1.5rem; padding-bottom:1.5rem;}
  .popup_tbl_form .form_text{height:7rem;}
  .popup_tbl_form .form_select{height:7rem;}
  .popup_search .bottom_btn_group{margin-top:3rem;}
}

/* popup table */
.tbl_popup_layout{word-break: break-all; font-size:2rem; border: 2px solid #d9d9d9;}
.tbl_popup_layout th{padding:1.3rem; font-size:2.2rem; font-weight:600; background-color:#f9f9f9;}
.tbl_popup_layout th+th{border-left:1px solid #fff;}
.tbl_popup_layout td{padding:1rem 1.5rem; text-align:center; vertical-align: middle; border:1px solid #eff1f6;}
.tbl_popup_layout td+td{border-left:1px solid #e0e0e0;}
.tbl_popup_layout tr[onclick],
.tbl_popup_layout th[onclick],
.tbl_popup_layout td[onclick]{cursor:pointer;}

@media screen and (max-width:767px){
  .is_empty{width:100%; margin-bottom:0 !important; text-align:center !important;}

  .tbl_popup_layout{font-size:2.4rem;}
  .tbl_popup_layout th{padding:2.5rem 1rem; font-size:3rem;}
  .tbl_popup_layout td{padding:0; font-size:3rem;}
}

/* ���������� > �Ѻ�ȸ �����̷� �˾� */
.mypage_hanbit_history_popup{width:66rem;}

@media screen and (max-width:767px){
	.mypage_hanbit_history_popup{width:100%;}
}

/* ���������� > �Ѻ�ȸ ��ǥ�� �̷¼� �˾� */
.mypage_hanbit_resume_popup{width:97rem; padding-right:2rem;}
.mypage_hanbit_resume_popup .resume_bl{padding:3rem; border:1px solid #E0E0E0; border-radius:2rem;}

@media screen and (max-width:767px){
	.mypage_hanbit_resume_popup{width:100%; padding-right:0;}
}

/*********************************************************************
  �ּ�ã�� �˾�
*********************************************************************/
.search_guide{margin-top:2rem; padding:0 1rem; font-size:2rem; color: #aaa; line-height:1.5;}
.search_guide .example{margin-top:1rem; margin-left: 3rem; text-indent: -3rem;}
.search_result{margin-top:2.5rem}
.search_result_tit{padding:1rem 0; text-align:center; font-weight:700; background-color:#d6d8dd;}
.total_count{margin-bottom:1rem; font-size:2rem; font-weight:600;}
.search_result_list{height:31.5rem; padding:0; border:2px solid #d9d9d9d9; overflow-y:auto;}
.search_result_list li{padding:0;}
.search_result_list a{display:block; padding:1rem; font-size:2rem; line-height:1.3; color:#333; border-bottom:1px solid #d9d9d9;}
.search_result_list a .text-gray{color: #767676; margin-top: 1rem;}
.search_result_list li:last-child a{border-bottom:0;}
.search_result_list li:hover{background-color:#f2f2f2;}
.search_result_list li.list_none{background-color:#fff;}

.box_scroll::-webkit-scrollbar{width:0.5rem;}
.box_scroll::-webkit-scrollbar-track{background: #f1f1f1;}
.box_scroll::-webkit-scrollbar-thumb{background: #aaa;}

@media screen and (max-width:767px){
  .zipcode{display:flex; flex-direction:column; height:calc(100vh - 22rem);}
  .search_guide{font-size:3rem;}
  .search_result{flex:1 0 0%; margin-top:4rem; overflow: hidden;}
  .total_count{margin-bottom:2.5rem; font-size:3.2rem;}
  .search_result_list{height:calc(100% - 7.5rem);}
  .search_result_list a{padding:2rem; font-size:3.2rem;}
  .search_result_list::-webkit-scrollbar{width:3rem; margin-top:0;}

  .box_scroll::-webkit-scrollbar{width:3rem; margin-top:0;}

  .box_scroll::-webkit-scrollbar{width:1rem;}

  .service_popup_item{border-top:1px solid #d9d9d9;}
}

.popup_hscode{width:95rem;}

@media screen and (max-width:767px){
	.popup_hscode{width:auto;}
}