/*ROW SIZE*/
.row1{
  height: 100%;
}
.row2{
  height: 50%;
}
/*Column Size*/
.col1{
  width: 100%;
}
.col2{
  width: 50%;
}
@media screen and (max-width: 680px) {
  .col2_mobile{
    width: 50% !important;
  }
}
.col3{
  width: calc(100%/3);
}
.col4{
  width: 25%;
}
.col5{
  width: 20%;
}
/*SIZE by PERCENT*/
.col_20p{
  width: 20%;
}
.col_30p{
  width: 30%;
}
.col_35p{
  width: 35%;
}
.col_40p{
  width: 40%;
}
.height100{
  height: 100% !important;
}
.min_height100{
  min-height: 100% !important;
  overflow-y: scroll;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.min_height100::-webkit-scrollbar { width: 0 !important }
/*Margin*/
/*ALL*/
.margin_tiny{
  margin: calc(10px*0.5);
}
.margin_1x{
  margin: calc(10px*1);
}
.margin_2x{
  margin: calc(10px*2);
}
.margin_3x{
  margin: calc(10px*3);
}
.margin_4x{
  margin: calc(10px*4);
}
.margin_5x{
  margin: calc(10px*5);
}
.margin_6x{
  margin: calc(10px*6);
}
.margin_7x{
  margin: calc(10px*7);
}
.margin_8x{
  margin: calc(10px*8);
}
/*VERTICAL*/
.margin_ver_1x{
  margin-top: calc(10px*1);
  margin-bottom: calc(10px*1);
}
.margin_ver_2x{
  margin-top: calc(10px*2);
  margin-bottom: calc(10px*2);
}
/*HORIZON*/
.margin_hor_1x{
  margin-left: calc(10px*1);
  margin-right: calc(10px*1);
}
.margin_hor_2x{
  margin-left: calc(10px*2);
  margin-right: calc(10px*2);
}
/*RIGHT*/
.margin_r_1x{
  margin-right: calc(10px*1);
}
.margin_r_2x{
  margin-right: calc(10px*2);
}
.margin_r_2x_pc{
  margin-right: calc(10px*2);
}
.margin_r_3x{
  margin-right: calc(10px*3);
}
.margin_r_21x{
  margin-right: calc(21px*2);
}
@media screen and (max-width: 680px) {
  .margin_r_2x_pc{
    margin-right: unset;
  }
}
.margin_r_3x{
  margin-right: calc(10px*3);
}
.margin_r_4x{
  margin-right: calc(10px*4);
}
.margin_r_5x{
  margin-right: calc(10px*5);
}
.margin_r_6x{
  margin-right: calc(10px*6);
}
.margin_r_7x{
  margin-right: calc(10px*7);
}
.margin_r_8x{
  margin-right: calc(10px*8);
}
.margin_r_2_33x{
  margin-right: calc(2px*33);
}
.margin_r_2_17x{
  margin-right: calc(2px*17);
}
/*LEFT*/
.margin_l_1x{
  margin-left: calc(10px*1);
}
.margin_l_2x{
  margin-left: calc(10px*2);
}
.margin_l_3x{
  margin-left: calc(10px*3);
}
.margin_l_4x{
  margin-left: calc(10px*4);
}
.margin_l_5x{
  margin-left: calc(10px*5);
}
.margin_l_6x{
  margin-left: calc(10px*6);
}
.margin_l_7x{
  margin-left: calc(10px*7);
}
.margin_l_8x{
  margin-left: calc(10px*8);
}
/*TOP*/
.margin_t_1x{
  margin-top: calc(10px*1);
}
.margin_t_2x{
  margin-top: calc(10px*2);
}
.margin_t_3x{
  margin-top: calc(10px*3);
}
.margin_t_4x{
  margin-top: calc(10px*4);
}
.margin_t_5x{
  margin-top: calc(10px*5);
}
.margin_t_6x{
  margin-top: calc(10px*6);
}
.margin_t_7x{
  margin-top: calc(10px*7);
}
.margin_t_8x{
  margin-top: calc(10px*8);
}
.margin_t_10x{
  margin-top: calc(10px*10);
}
.margin_t_12x{
  margin-top: calc(10px*12);
}
.margin_t_2x_17x{
  margin-top: calc(2px*17);
}
.margin_t_14x{
  margin-top: calc(2px*14);
}
/*BOTTOM*/
.margin_tiny_b_1x{
  margin-bottom: calc(5px*1);
}
.margin_b_1x{
  margin-bottom: calc(10px*1);
}
.margin_b_2x{
  margin-bottom: calc(10px*2);
}
.margin_b_3x{
  margin-bottom: calc(10px*3);
}
.margin_b_4x{
  margin-bottom: calc(10px*4);
}
.margin_b_5x{
  margin-bottom: calc(10px*5);
}
.margin_b_6x{
  margin-bottom: calc(10px*6);
}
.margin_b_7x{
  margin-bottom: calc(10px*7);
}
.margin_b_8x{
  margin-bottom: calc(10px*8);
}
.margin_b_9x{
  margin-bottom: calc(10px*9);
}
.margin_b_10x{
  margin-bottom: calc(10px*10);
}
.margin_b_12x{
  margin-bottom: calc(10px*12);
}
.margin_b_14x{
  margin-bottom: calc(10px*14);
}
.margin_b_14_1x{
  margin-bottom: calc(14px*1);
}
.margin_b_10_1x{
  margin-bottom: calc(10px*1);
}
.margin_b_2_26x{
  margin-bottom: calc(2px*13);
}
.margin_b_203x{
  margin-bottom: 203px
}
.margin_b_1_23x{
  margin-bottom: calc(1px*23);
}
.margin_b_1_12x{
  margin-bottom: calc(1px*12);
}
.margin_b_2_12x{
  margin-bottom: calc(2px*12);
}

/*PADDING*/
/*ALL*/
.padding_1x{
  padding: calc(10px*1);
}
.padding_2x{
  padding: calc(10px*2);
}
.padding_3x{
  padding: calc(10px*3);
}
.padding_4x{
  padding: calc(10px*4);
}
.padding_5x{
  padding: calc(10px*5);
}
.padding_6x{
  padding: calc(10px*6);
}
.padding_7x{
  padding: calc(10px*7);
}
.padding_8x{
  padding: calc(10px*8);
}
.padding_hor_1x{
  padding-left: calc(10px*1) !important;
  padding-right: calc(10px*1) !important;
}
.padding_hor_2x{
  padding-left: calc(10px*2) !important;
  padding-right: calc(10px*2) !important;
}
.padding_hor_3x{
  padding-left: calc(10px*3) !important;
  padding-right: calc(10px*3) !important;
}
.padding_hor_4x{
  padding-left: calc(10px*4) !important;
  padding-right: calc(10px*4) !important;
}
.padding_hor_5x{
  padding-left: calc(10px*5) !important;
  padding-right: calc(10px*5) !important;
}
.padding_hor_6x{
  padding-left: calc(10px*6) !important;
  padding-right: calc(10px*6) !important;
}
.padding_hor_7x{
  padding-left: calc(10px*7) !important;
  padding-right: calc(10px*7) !important;
}
.padding_hor_8x{
  padding-left: calc(10px*8) !important;
  padding-right: calc(10px*8) !important;
}
.padding_hor_9x{
  padding-left: calc(10px*9) !important;
  padding-right: calc(10px*9) !important;
}
.padding_hor_10x{
  padding-left: calc(10px*10) !important;
  padding-right: calc(10px*10) !important;
}
.padding_hor_11x{
  padding-left: calc(10px*11) !important;
  padding-right: calc(10px*11) !important;
}.padding_hor_12x{
   padding-left: calc(10px*12) !important;
   padding-right: calc(10px*12) !important;
 }
.padding_hor_13x{
  padding-left: calc(10px*13) !important;
  padding-right: calc(10px*13) !important;
}
.padding_hor_14x{
  padding-left: calc(10px*14) !important;
  padding-right: calc(10px*14) !important;
}
.padding_hor_15x{
  padding-left: calc(10px*15) !important;
  padding-right: calc(10px*15) !important;
}
/*VERTICAL*/
.padding_ver_1x{
  padding-top: calc(10px*1) !important;
  padding-bottom: calc(10px*1) !important;
}
.padding_ver_2x{
  padding-top: calc(10px*2) !important;
  padding-bottom: calc(10px*2) !important;
}
.padding_ver_4x{
  padding-top: calc(10px*4) !important;
  padding-bottom: calc(10px*4) !important;
}
.padding_ver_8x{
  padding-top: calc(10px*8) !important;
  padding-bottom: calc(10px*8) !important;
}
.padding_ver_12x{
  padding-top: calc(10px*12) !important;
  padding-bottom: calc(10px*11) !important;
}
.padding_ver_15x{
  padding-top: 14.5px !important;
  padding-bottom: 14.5px !important; 
}

/*RIGHT*/
.padding_r_1x{
  padding-right: calc(10px*1);
}
.padding_r_2x{
  padding-right: calc(10px*2);
}
.padding_r_3x{
  padding-right: calc(10px*3);
}
.padding_r_4x{
  padding-right: calc(10px*4);
}
.padding_r_5x{
  padding-right: calc(10px*5);
}
.padding_r_6x{
  padding-right: calc(10px*6);
}
.padding_r_7x{
  padding-right: calc(10px*7);
}
.padding_r_8x{
  padding-right: calc(10px*8);
}
.padding_r_6x_1{
  padding-right: calc(6px*1);
}
/*LEFT*/
.padding_l_1x{
  padding-left: calc(10px*1);
}
.padding_l_2x{
  padding-left: calc(10px*2);
}
.padding_l_3x{
  padding-left: calc(10px*3);
}
.padding_l_4x{
  padding-left: calc(10px*4);
}
.padding_l_5x{
  padding-left: calc(10px*5);
}
.padding_l_6x{
  padding-left: calc(10px*6);
}
.padding_l_7x{
  padding-left: calc(10px*7);
}
.padding_l_8x{
  padding-left: calc(10px*8);
}
.padding_l_14x{
  padding-left: calc(10px*14);
}
.padding_l_6x_1{
  padding-left: calc(6px*1);
}
/*TOP*/
.padding_t_1x{
  padding-top: calc(10px*1);
}
.padding_t_2x{
  padding-top: calc(10px*2);
}
.padding_t_3x{
  padding-top: calc(10px*3);
}
.padding_t_4x{
  padding-top: calc(10px*4);
}
.padding_t_5x{
  padding-top: calc(10px*5);
}
.padding_t_6x{
  padding-top: calc(10px*6);
}
.padding_t_7x{
  padding-top: calc(10px*7);
}
.padding_t_8x{
  padding-top: calc(10px*8);
}
/*BOTTOM*/
.padding_b_1x{
  padding-bottom: calc(10px*1);
}
.padding_b_2x{
  padding-bottom: calc(10px*2);
}
.padding_b_3x{
  padding-bottom: calc(10px*3);
}
.padding_b_4x{
  padding-bottom: calc(10px*4);
}
.padding_b_5x{
  padding-bottom: calc(10px*5);
}
.padding_b_6x{
  padding-bottom: calc(10px*6);
}
.padding_b_7x{
  padding-bottom: calc(10px*7);
}
.padding_b_8x{
  padding-bottom: calc(10px*8);
}

/*IMG SIZE*/
.img_fit{
  width: 100%;
  height: auto;
  min-height: 100%;
}
.padding_hor_2x_pc{
  padding-left: 16px !important;
  padding-right: 16px !important;
}
@media screen and (max-width: 680px) {
  .padding_0x_mobile{
    padding: 0 !important;
  }
  .padding_2x_1_mobile{
    padding: 20px 20px 0px 20px !important;
  }
  .padding_2x_2_mobile{
    padding: 0 20px 20px 20px !important;
  }
  .padding_hor_2x_mobile{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .padding_ver_2x_mobile{
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .padding_hor_3x_mobile{
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .padding_hor_4x_mobile{
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .padding_hor_2x_pc{
    padding-left: unset !important;
    padding-right: unset !important;
  }
  .padding_top_0x_44x_mobile{
    padding-top: 0px !important;
    padding-bottom: 44px !important;
  }
}

.height_img_small{
  height: 186px;
}
.height_img_middle{
  height: 250px;
}
.height_img_big{
  height: 360px;
}
@media screen and (max-width: 680px) {
  .height_img_middle{
    height: 138px;
  }
  .height_img_big{
    height: 168px;
  }
  .height_img_big2{
    height: 218px;
  }
}

/*ICON SIZE*/
.ic_small{
  width: 20px;
  height: 20px;
  display: flex;
  flex-direction: column;
  align-self: center;
  justify-content: center;
}
.ic_middle{
  width: 24px;
  height: 24px;
  display: flex;
  flex-direction: column;
  align-self: center;
  justify-content: center;
}
.ic_middle>img{
  width: 20px;
  height: auto;
}

@media screen and (max-width: 680px) {
  .padding_2x_mobile{
    padding: 20px !important;
  }
  .margin_0x_mobile{
    margin:0 !important;
  }
  .margin_bottom_0x_mobile{
    margin-bottom: 0 !important;
  }
  .margin_bottom_10x_mobile{
    margin-bottom: 10px !important;
  }
  .margin_b_14x_mobile{
    margin-bottom: 14px !important;
  }
  .margin_b_2x_mobile{
    margin-bottom: 16px !important;
  }
  .margin_b_12x_mobile{
    margin-bottom: 12px !important;
  }
  .margin_b_20x_mobile{
    margin-bottom: 20px !important;
  }
  .margin_b_6x_mobile{
    margin-bottom: 48px !important;
  }
  .margin_b_56x_mobile {
    margin-bottom: 56px !important;
  }
  .margin_t_15x_mobile {
    margin-top: 15px !important;
  }
  .margin_t_28x_mobile {
    margin-top: 28px !important;
  }
  .margin_t_3x_mobile{
    margin-top: 30px !important;
  }
  .margin_t_6x_mobile{
    margin-top: 48px !important;
  }
  .margin_t_44x_mobile{
    margin-top: 44px !important;
  }
  .margin_44x_30x_mobile{
    margin-top: 44px !important;
    margin-bottom: 30px !important
  }
  .margin_t_12x_mobile{
    margin-top: 96px !important;
  }
  .margin_t_26x_20x_mobile{
    margin-top: 26px !important;
    margin-bottom: 20px !important;
  }
  .margin_74x_6x_mobile{
    margin-top: 74px !important;
    margin-bottom: 6px !important;
  }
  .margin_b_64x_mobile{
    margin-bottom: 64px !important;
  }
  .margin_b_46x_mobile{
    margin-bottom: 36px !important;
  }
  .margin_b_44x_mobile{
    margin-bottom: 44px !important;
  }
  .margin_b_42x_mobile{
    margin-bottom: 42px !important;
  }
  .margin_14x_20x_mobile{
    margin-top: 14px !important;
    margin-bottom: 20px !important;
  }
}