/* button */
.btn_bottom_wrap{}

.btn_capsule{display:inline-flex; min-height:48px; background:#0E1013; border-radius: 100px; align-items: center; box-sizing: border-box; padding:10px 18px; gap:4px;}
.btn_capsule .ico{display:inline-block; width:28px; height:22px; background-repeat: no-repeat; background-size:100% auto; background-position: 0 0;}
.btn_capsule .ico.shape_eye{background-image:url("/resources/front/images/ico_eye.png")}
.btn_capsule .text_node{display:inline-block; font-size:16px; color:#FFFFFF;}
.btn_capsule .text_node strong{font-weight:700;}

.btn_rolebox{
    box-sizing: border-box;display: flex;justify-content: center;align-items: center;padding: 12px 16px;

    min-width: 120px;min-height: 56px;

    border: 1px solid #D6D6D6;border-radius: 16px;
    font-weight: 600;
    font-size: 18px;
}
@media (max-width:767px){
    .btn_rolebox{border-radius: 12px;}
}

/* 

    
*/

.btn_bottom_container{display:flex; justify-content: center; align-items: center; text-align: center ; margin-top:30px; gap:20px;}
.btn_bottom_container.gap_type2{margin-top:70px;}
.btn_bottom_container .btn_box{}
.btn_box{display:inline-flex; min-height:50px; box-sizing: border-box; min-width:285px; border:1px solid #000; align-items: center; justify-content: center; appearance: none; background:#fff;}
.btn_box.primary{background:#000;}
.btn_box.primary .btn_box_text{color:#fff;}
.btn_box.small{min-height:40px; min-width:180px;}
.btn_box.small .btn_box_text{font-size:12px;}
.btn_box .ico{width:18px;height:18px; background-repeat:no-repeat; background-size:100% auto; background-position:50% 50%;}
.btn_box .ico.more{background-image:url("/resources/front/images/ico_add.svg")}
.btn_box_text{font-size:16px;color:#000; line-height:1;}
.btn_box.disabled,
.btn_box:disabled{background:#D9D9D9; border-color:#D9D9D9; cursor: default;}

.btn_bottom_wrap{display:flex; justify-content: center;}

.btn_submit_box{flex:1;display:flex;align-items: center;gap:10px; border-radius: 4px; border: 1px solid #000; min-height:50px; box-sizing: border-box;padding:14px 20px;text-align: center; justify-content: center;max-width:285px;}
.btn_submit_box.medium{min-height:40px;padding:10px;}
.btn_submit_box.medium .btn_submit_box_text{font-size:14px;}
.btn_submit_box.primary{background:#000; }
.btn_submit_box_text{ font-size:16px; font-weight:500; color:#000;}
.btn_submit_box.primary .btn_submit_box_text{color:#fff;}


.btn_modal_submit_wrap{display:flex;justify-content: center;gap:10px;margin:36px -30px 0;}
.btn_modal_submit{flex:1;display:flex;align-items: center;gap:10px; border-radius: 4px; border: 1px solid #000; min-height:50px; box-sizing: border-box;padding:14px 20px;text-align: center; justify-content: center; max-width:290px;}
.btn_modal_submit.medium{min-height:40px;padding:10px;}
.btn_modal_submit.medium .btn_modal_submit_text{font-size:14px;}
.btn_modal_submit.primary{background:#000; }
.btn_modal_submit.primary .btn_modal_submit_text{color:#fff;}
.btn_modal_submit_text{font-size:16px; font-weight:500; color:#000;}
@media (max-width:767px){
  .btn_bottom_wrap{gap:10px;margin-top:25px;}
  .btn_submit_box{min-height:50px;padding:12px;border-radius:5px; max-width:150px;}
  .btn_submit_box.medium{min-height:40px;padding:10px;}
  .btn_submit_box.medium .btn_submit_box_text{font-size:14px;}
  .btn_submit_box_text{font-size:17px; }

  .btn_modal_submit_wrap{margin:25px 0 0;gap:10px;}
  .btn_modal_submit{min-height:40px;padding:12px; max-width:150px;}
  .btn_modal_submit.medium{min-height:40px;padding:10px;}
  .btn_modal_submit.medium .btn_modal_submit_text{font-size:14px;}
  .btn_modal_submit_text{font-size:14px; }
  .mbr{display:block !important;}
  .btn_box{min-width:0; flex:1;}
  .btn_bottom_container{gap:16px;}
}


/* modal */
.modal_wrap{
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    z-index: 100000; display: none; align-items: center;justify-content: center;
    min-width: 280px; overflow: hidden; overflow-y:auto; flex-wrap: wrap; box-sizing: border-box;
}
.modal_wrap.active {
    display: flex;
}
.modal_wrap.active.motion_end .modal_box_item{
    opacity: 1;
    transform: translateY(0);
}
.modal_wrap.active.motion_end .bg_dim {
    opacity: 0.2;
}
.bg_dim {
    display: block;width: 100%;
    height: 100%;position: fixed;
    top: 0; left: 0; z-index: 0;
    background: #2c3035; opacity: 0;
    transition: 0.5s opacity; 
}
.bg_dim.no_transition {
    transition: 0s;opacity: 0.6;transform: none;
}

.modal_box_tb {
    display: table;width: 100%;height: 100%;
    table-layout: fixed;
}

.modal_box_td {
    display: table-cell;vertical-align: middle;
}

.modal_box_item {
    box-sizing: border-box; width: 100%;
    z-index: 20; background: #fff; text-align: center; box-sizing: border-box;
     opacity: 0; transition: 0.4s opacity;
    max-height: calc(100% - 60px); position: relative; max-width:450px;
    padding:60px 100px 40px; margin:62px auto;
}
.modal_box_item.close_not{
    padding:40px 100px 40px;
}
.modal_box_item.submit_not{
    padding:60px 100px;
}

.message_dep01_word,
.message_dep02_word{display:block;text-align: center;}
.message_dep01_word{font-size:18px; font-weight:500; color:#222222;}
.message_dep02_word{font-size:16px; color:#666666; margin-top:10px;}

.modal_box_message_row{}
.modal_box_message{color:#222222; font-size:18px;line-height:1.4; word-break: keep-all;}
.btn_modal_close{display:inline-block;width:60px;height:60px;position:absolute;top:25px;right:25px;font-size:0;line-height:0;}
.btn_modal_close:before,
.btn_modal_close:after{width:35px;height:2px;display:block;content:'';position:absolute;top:50%;left:50%;background:#332d29; margin:-1px 0 0 -17px;
    transform: translateZ(0);-webkit-transform: translateZ(0);-ms-transform: translateZ(0);-moz-transform: translateZ(0);
}
.btn_modal_close:before{transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.btn_modal_close:after{transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
@media (max-width:767px){
    .btn_modal_close{width:50px;height:50px;top:0;right:0;}
    .btn_modal_close:before,
    .btn_modal_close:after{width:20px;height:2px;margin:-1px 0 0 -10px;}
    .modal_box_td{padding:20px;}
    .modal_box_item{padding:50px 30px 30px;}
    .modal_box_item.close_not{
        padding:30px 20px 30px;
    }
    .modal_box_item.submit_not{
        padding:40px 20px 40px;
    }
    .modal_box_message{font-size:16px;}

    .message_dep01_word{font-size:16px;}
    .message_dep02_word{font-size:14px; margin-top:10px;}

}


/* popup */
.btn_guide_box{display:inline-block;padding:10px 20px; border:1px solid #ddd; color:#000;font-size:16px;}
.popup_wrap{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100000;display:none;align-items: center;justify-content: center;min-width:280px;overflow:hidden;flex-wrap:wrap;}
.popup_wrap.active{display:flex;}
.popup_wrap.active.motion_end{}
.popup_wrap.active.motion_end .popup_item{opacity:1;}
.popup_wrap.active.motion_end .bg_dim{opacity:.2;}
.popup_item.modal_type{max-width:540px;}
.popup_wrap.modal_type .popup_title_row{}
.popup_wrap.modal_type .popup_contents_row{}

.popup_modal_box{padding:65px 100px 40px;text-align: center;}
.popup_modal_box .btn_bottom_wrap{margin-top:30px;}
.popup_modal_para_wrap{}
.popup_modal_para{font-size:24px;color:#555555; line-height:1.4;}

.popup_item.single_type{max-width:540px;}
.popup_item.single_type .popup_contents_row{padding:0 0 0}
.popup_wrap .bg_dim{}

.popup_wrap .bg_dim{display:block;width:100%;height:100%;position:fixed;top:0;left:0;z-index:0;background:#000;opacity:0;transition:.5s;}
.popup_wrap .bg_dim.no_transition{transition:0s;opacity:.6;transform:none;}

.popup_item{
    box-sizing: border-box;z-index:20; max-width:700px;margin:62px auto; max-height:calc(100% - 124px); background:#fff;  position:relative; display:flex; flex-direction: column;
    width:100%;opacity:0;transition:.4s;
}
.popup_item.no_transition{transition:0s;opacity:1;transform:none;}
.popup_title_row{padding:40px 100px 40px 40px;}
.popup_title{font-size:32px;font-weight:500;color:#222222;}
.popup_contents_row{position:relative;overflow:hidden;overflow-y:auto;flex:1;font-size:16px;color:#333333;padding:0 40px 40px;}

.popup_item .popup_contents_row + .popup_btn_row.btn_bottom_wrap{margin-top:0}

.popup_item .popup_btn_row.btn_bottom_wrap{margin:40px auto; max-width:70%; width:100%; justify-content: center;}
.btn_popup_close{display:inline-block;width:60px;height:60px;position:absolute;top:25px;right:25px;font-size:0;line-height:0;}
.btn_popup_close:before,
.btn_popup_close:after{width:35px;height:2px;display:block;content:'';position:absolute;top:50%;left:50%;background:#332d29; margin:-1px 0 0 -17px;
    transform: translateZ(0);-webkit-transform: translateZ(0);-ms-transform: translateZ(0);-moz-transform: translateZ(0);
}
.btn_popup_close:before{transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.btn_popup_close:after{transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}

.btn_box_close{display:inline-block;width:50px;height:50px;position:absolute;top:10px;right:10px;font-size:0;line-height:0;}
.btn_box_close:before,
.btn_box_close:after{width:28px;height:2px;display:block;content:'';position:absolute;top:50%;left:50%;background:#332d29; margin:-1px 0 0 -14px;
    transform: translateZ(0);-webkit-transform: translateZ(0);-ms-transform: translateZ(0);-moz-transform: translateZ(0);
}
.btn_box_close:before{transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.btn_box_close:after{transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}

.popup_cont_block{}
.popup_cont_block.top_pos{padding:65px 80px 40px;}
.popup_cont_block.type2{background:#f8f8f8; text-align:center; padding:40px 35px}
.popup_cont_block.agree_top_pos{padding:65px 80px 5px;}
.popup_cont_block.agree_pos{padding:20px 60px 25px;}
.popup_cont_block.agree_pos_pw{padding:20px 30px 25px;}
.popup_cont_block.agree_type2{background:#f8f8f8; padding:20px 25px; margin:0px 30px;}
.popup_cont_block.agree_type1{padding:5px 25px;text-align:center; }
.popup_cont_block:last-of-type{}
.popup_cont_message{text-align: center; font-size:24px; line-height:1.3; color:#222; font-weight:500; word-break: keep-all;}
.popup_cont_emp{text-align: center;word-break: keep-all;font-size:20px;color:#222222; font-weight:700;}
.popup_cont_emp strong{color:#000;}
.popup_cont_sub{margin-top:5px;color:#666666;}
.pcont_sub_text{font-weight:500;}

.popup_cont_block.top_pos_pw{padding:30px 80px 30px;}

.popup_cont_emp_pwch{text-align: center;word-break: keep-all;font-size:20px;color:#222222; font-weight:300;}
@media (max-width:767px){
    .popup_item{
        max-width:100%;margin:20px; max-height:calc(100% - 40px);
    }
    .popup_item.full_type{
        margin:0; max-height:100%; height:100%;
    }
    .popup_title_row{padding:15px 70px 15px 20px;}
    .popup_title{font-size:20px;}
    .popup_contents_row{font-size:14px;padding:10px 20px 30px;}
    .popup_item .popup_btn_row.btn_bottom_wrap{margin:20px; width:auto; max-width: inherit;}
    .btn_popup_close{width:50px;height:50px;top:0;right:0;}
    .btn_popup_close:before,
    .btn_popup_close:after{width:20px;height:2px;margin:-1px 0 0 -10px;}
    .btn_box_close{width:50px;height:50px;top:0;right:0;}
    .btn_box_close:before,
    .btn_box_close:after{width:20px;height:2px;margin:-1px 0 0 -10px;}
    .popup_modal_box{padding:50px 20px 30px;}
    .popup_modal_box .btn_bottom_wrap{}
    .popup_modal_para_wrap{}
    .popup_modal_para{font-size:16px;}
    .popup_cont_message{font-size:16px;}
    .popup_cont_emp{font-size:14px;}
    .popup_cont_sub{font-size:14px;}
    .cont_emp_sub{font-size:12px;}
    
}


/* tab */
.tab_menu_container{padding:60px 0 40px;}
.tab_menu_list{display:flex;}
.tab_menu_list > li{flex:1;}
.tab_menu_list > li.active{}
.tab_menu_list > li.active .tab_menu{}
.tab_menu_list > li.active .tab_menu:after{background:#0F0F0F;height:2px;}
.tab_menu_list > li.active .tab_menu .text_node{font-weight:700; color:#151515;}
.tab_menu{min-height:56px; display:flex; justify-content: center; align-items: center; text-align: center; position:relative;}
.tab_menu:after{display:block;content:'';height:1px; background:rgba(0, 0, 0, 0.1); position:absolute;bottom:0;left:0;width:100%;}
.tab_menu .text_node{font-size:18px; color:#555555; display:inline-block;}
@media (max-width:767px){
    .tab_menu_container{padding:0 0 20px;}
    .tab_menu .text_node{}
}

/* sort */
.data_sort_container{margin-bottom:40px;position:relative;overflow-x:auto}
.data_sort_list{display:flex; gap:6px;}
.data_sort_list > li{}
.data_sort_list > li:last-of-type{}
@media (max-width:767px){
    .data_sort_list > li:last-of-type{padding-right:20px;}
    .data_sort_container{margin:0 -20px; padding:0 20px 40px 20px;}
}


/* combo */
.combo_select_item{position:relative; box-sizing: border-box;}
.combo_select_current{display:flex; justify-content: space-between; border:1px solid #D6D6D6; border-radius: 6px; align-items: center; gap:8px; padding:12px 16px; min-height:47px; box-sizing: border-box; text-align: left;}
.combo_select_current .text_node{font-size:15px; color:#555555; letter-spacing: -0.1px; white-space: nowrap;}
.combo_select_current:after{display:block; content:'';width:16px; height:16px; background:url("/resources/front/images/ico_select.png") no-repeat 0 0/16px auto;}

.combo_select_item.active .combo_select_current {
  border-color: #000; border-width:2px;
}
.combo_select_item.active .combo_select_current .text_node{font-weight:700; color:#151515;}

.combo_select_item.active .combo_select_current::after {
  transform: rotate(180deg);
}

.combo_option_wrap{position:absolute; border:2px solid #000; border-radius: 6px; box-sizing: border-box; transform: translateY(5px);background:#fff;}
.combo_option_list{padding:8px 0;overflow-y:auto;box-sizing: border-box;}
.combo_option_list > li{}
.combo_option_list > li:last-of-type{}
.combo_option{display:flex; flex-direction: column; justify-content: center; padding:6px 16px; color:#555555; font-size:15px; min-height:35px; box-sizing: border-box; }
.combo_option.active{font-weight:700; color:#151515;}
.combo_option_wrap {
  display: none;
}

.combo_option_wrap.open {
  display: block;
}
.combo_option_list::-webkit-scrollbar {
  width: 25px;
}

.combo_option_list::-webkit-scrollbar-thumb {
  background-color: #CDD1DA;
  border-radius: 100px;
  background-clip: padding-box;
  border:9px solid transparent;
}

.combo_option_list::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 20px;
  box-shadow: inset 0px 0px 10px transparent;
}

@media (max-width:767px){
    .combo_option_wrap{position:fixed !important;bottom:0; top:auto !important;border:0;left:0 !important;width:100% !important;height:100%; background:none !important;}
    .combo_option_wrap.open{display:flex; flex-direction: column; align-items: flex-start; justify-content: flex-end;}
    .combo_option_wrap .dim{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background: rgba(0, 0, 0, 0.5); transform: scale(2);}
    .combo_option_list{flex:1;min-height:0;z-index:2; background:#fff;width:100%; border-radius: 24px 24px 0 0; padding:25px 0; max-height: fit-content !important;width:100% !important; position:relative;}
    .combo_option_list:after{display:block; content:''; width:60px; height:5px; background:#E7E9EF; border-radius: 100px; position:absolute;top:12px;left:50%; transform: translateX(-50%);}
    .combo_option{padding:15px 50px 15px 20px; font-weight:600;}
    .combo_option.active{background:#F8F9FC url("/resources/front/images/ico_checked_menu.png") no-repeat calc(100% - 20px) 50%/16px auto;}

    .data_sort_container::-webkit-scrollbar {width:0;display:none;}
}


/* flag */
.flag_wrap{position: absolute;left: 12px;top: 12px; }
.flag_item{ padding: 4px 6px;background: #3A43BB;border-radius: 4px; display:inline-block; font-size:12px; color:#fff; font-weight:600;}


/* pagination */
.paging_wrap {margin-top:40px; display:flex;justify-content: center; align-items: center;gap:8px;}
.paging_control,
.paging_number{display: inline-flex;  align-items:center; justify-content:center; width: 24px;height: 24px;border-radius:100%;font-size:12px;}
.paging_number_group{display:flex;align-items: center;gap:8px;justify-content: center;padding:0 8px;}

.paging_number{color:#222; font-size:15px;}
.paging_number.active,
.paging_number:focus,.paging_number:hover{background:#0F0F0F; color:#fff; font-weight:700;}
.paging_number.active{cursor: default;}

.paging_control{flex:0 0 24px; width:24px;height:24px; background-repeat:no-repeat; background-size:100% auto; background-position:0 0;}
.paging_control:hover{background-position:0 100%;}
.paging_control.first{background-image:url("/resources/front/images/paging_prev2.png");}
.paging_control.prev{background-image:url("/resources/front/images/paging_prev.png");}
.paging_control.next{background-image:url("/resources/front/images/paging_next.png");}
.paging_control.last{background-image:url("/resources/front/images/paging_next2.png");}

.paging_control.disabled{
    cursor: default;
}
.paging_control.disabled:before{
    background-position:0 0 !important;
}
.paging_control:before{}
.paging_control:focus,
.paging_control:hover{
}
.paging_control:hover:before{
    background-position:0 100%
}

@media (max-width:1023px){
    /* .paging_wrap {margin-top:40px; gap:5px;}
    .paging_control,
    .paging_number{width: 30px;height: 30px;}
    .paging_number_group{gap:5px;}

    .paging_number{font-size:13px;}

    .paging_control{
        flex-basis: 30px;
    } */
}

@media (max-width:767px){
   /*  .paging_wrap {gap:3px;}
    .paging_control,
    .paging_number{width: 22px;height: 22px;}
    .paging_number_group{gap:3px;}

    .paging_number{font-size:12px;}

    .paging_control{
        flex-basis: 22px;
    } */
}
/* // paging */



/* bullet list */
.bullet_list{font-size:16px; color:#404040; line-height:1.3;}
.bullet_list > li{position:relative;margin-bottom:5px;}
.bullet_list > li:last-of-type{margin-bottom:0;}
.bullet_list > li:after{}
.bullet_list.shape_dot > li,
.bullet_list.shape_dash > li{position:relative;}
.bullet_list.shape_dot > li{padding-left:11px;}
.bullet_list.shape_dash > li{padding-left:12px;}
.bullet_list.shape_dot > li:before,
.bullet_list.shape_dash > li:before{display:block; content:''; position:absolute;top:0;left:0;}
.bullet_list.shape_dot > li:before{width:3px;height:3px;background:#404040; position:absolute;top:9px;left:0; border-radius: 100%;}
.bullet_list.shape_dash > li:before{content:'-'}
.indent_para_list{font-size:16px;}
.indent_para_list > li{display:flex; gap:4px; line-height:1.5;}
.indent_bullet{white-space: nowrap; display:inline-block;}
.indent_para{flex:1; word-break: break-all; min-width:0;}



/* swiper */
.swiper-options{}
.swiper-options .swiper-pagination{font-size:0; bottom:16px;}
.swiper-options .swiper-pagination .swiper-pagination-bullet{margin:0 2px; background:#BDBDBD; opacity: 1; border-radius: 100px;}
.swiper-options .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:12px; background:#fff;}
.swiper-options .swiper-button-prev,
.swiper-options .swiper-button-next{width:24px;height:24px; top:50%; transform: translateY(-50%); margin-top:0; background-position:0 0; background-size:100% auto; background-repeat:no-repeat;}
.swiper-options .swiper-button-prev{left:8px; background-image:url("/resources/front/images/ico_swiper_prev_24.png");}
.swiper-options .swiper-button-next{right:8px; background-image:url("/resources/front/images/ico_swiper_next_24.png");}

.swiper-button-next:after, .swiper-button-prev:after{display:none;}