@CHARSET "UTF-8";



.web_view{ display: inline-block !important;  }
.mo_view{ display: none !important;  }


@media (max-width: 1300px) {
	#member_login_action{ display: none;  }
	.login_wrap .login_box { padding: 20px;  }
	
	.mo_view{ display: inline-block !important; }
	.web_view{ display: none !important; }
	
	.top_bar{ padding: 0;  }
	.mo_logo img { width: 50px;  }
	.mo_menu{  }
	.top_bar .title { display: flex; width: 100%;   }
	
	.mo_menu{width: 20px; height: 18px; position: relative}
	.mo_menu span{position: absolute; background: #1b1b1b; height: 3px}
	
	.mo_menu span:nth-child(1){width: 100%; top: 0; left: 0}
	.mo_menu span:nth-child(2){width: 50%; top: 50%; left: 0; background: #ff4c8f;     transform: translateY(-50%);}
	.mo_menu span:nth-child(3){width: 100%; bottom: 0; left: 0}
		
	.mo_logo{ display: flex !important; gap:10px; align-items: center; gap:10px; padding-left: 10px;   }
	.left_cont { width: 100%; height: auto; display: flex; margin-left: 0;   }
	
	.fold_on .right_cont{ width: 100%;  }
	/* .fold_btn{ display: none; } */
	
	.wrap { min-width: 100%; width: 100%; }
	.content { float: none; width: 100%; min-width: auto;  }
	.r_cont_wrap{ height: auto; padding: 0; width: 100%; }
	.tab-content.current, .tab-content2.current, .tab-content3.current, .cont_wrap , html, bodY { height: auto; overflow: auto; }
	.right_cont{ float: none; width: 100%; height: auto;  }
	.top_bar .title { padding: 0; margin: 0;  }
	ul.btn_tabs2 li a { padding: 15px 6px; font-size: 13px;  }
	
	.top_bar .btn_tabs{ margin-top: 1px; margin-left: 10px;  }
	.r_btn_list a { padding: 7px;  }
	.r_btn_list ul li { margin-left: 0; font-size: 13px;   }
	.cont_ad_memo ul li { font-size: 11px;  }
	.cont_ad_memo { margin-left: 5px;  }
	
	.pop-layer{ max-width: 98%;  }
	
	.r_cont_wrap > .cont > .title .left {  width: calc(100% - 20px); }
	.cont_ad_memo { width: calc(100% - 120px); margin: 0;  }
	/* 
	.r_cont_wrap .title .btn .btn_list a{ font-size: 11px;  }
	 */
	
	
	.notice_table table,
	  .notice_table thead,
	  .notice_table tbody,
	  .notice_table th,
	  .notice_table td,
	  .notice_table tr {
	    display: block;
	    width: 100%;
	  }
	
	  .notice_table thead {
	    display: none; /* 헤더 숨김 */
	  }
	
	  .notice_table tr {
	    border: 1px solid #ddd;
	    margin-bottom: 12px;
	    padding: 12px;
	    background: #fff;
	    border-radius: 8px;
	  }
	
	  .notice_table td {
	    display: flex;
	    justify-content: space-between;
	    padding: 6px 0;
	    font-size: 14px;
	    border-bottom: 1px solid #eee;
	  }
	
	  .notice_table td::before {
	    content: attr(data-label);
	    font-weight: bold;
	    color: #555;
	    flex: 1;
	    text-align: left;
	  }
	
	  .notice_table .table_btn {
	    justify-content: flex-end;
	    padding-top: 6px;
	    border-bottom: none;
	  }
	
	  .notice_table td:last-child {
	    border-bottom: none;
	  }
	
	  .link_btn a {
	    font-weight: bold;
	    color: #222;
	  }
	  
	  .notice_table.table td p { width: auto;  }
	.notice_table td, .notice_table th { border-right: 0; border-left: 0;  }
	.ad_list_wrap{ min-height: auto; padding-bottom: 20px;  }
	
	
	/* 초기 상태: 왼쪽으로 숨김 */
.left_menu {
  position: fixed;
  top: 0;
  left: -250px; /* 숨겨진 위치 */
  width: 250px;
  height: 100vh;
  background: #fff;
  z-index: 1000;
  transition: left 0.3s ease;
  box-shadow: 2px 0 5px rgba(0,0,0,0.1);
}

/* 활성화 시 클래스 추가됨 */
.left_menu.active {
  left: 0;
}

/* 화면 어둡게 배경 */
.menu_dimmed {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.5);
  z-index: 900;
}
.menu_dimmed.on {
  display: block;
}
	
	.top_bar .btn_tabs{ display: flex; margin-left: 2px; flex-wrap: wrap; }
	.l_cont_wrap{ float: none; width: 100%;  }
	.left_cont{ margin-left: 0; height: 50px; }
	
	.fold_on .left_cont{   height: auto; }
	
	.fold_btn { right: 20px;  transform: rotate(273deg);  }
	.table td input, .table td select { width: calc(100% - 80px); }
	.table td input[type=button]{ width: auto; }
	
	.goods_level_cont td span { width: auto; display: inline-block;   }
	.goods_level_cont .price_wrap input, .price_wrap input { width: calc(50% - 0px); }
	
	.price_wrap{  width: calc(100% - 80px); display: flex; padding-left: 5px;   }
	.goods_level_cont .price_wrap span, .price_wrap span{ width: 10px;  }
	
	.goods_level_cont td div{ display: flex; align-items: center; gap:5px; width: calc(100% - 80px);  }
	.goods_level_cont td::before { width: 80px; padding-right: 5px; }
	
	.goods_level_cont .level_probability {  width: calc(100% - 20px); }
	
	.table td div input, .table td div select { width: calc(100% - 20px); }
	
	.r_cont_wrap .title .btn ul { margin-top: 3px;  }
	.r_cont_wrap .title .btn li { margin-left: 3px;  }
	.table td p, .table td span{ width: auto;  }
	.table_btn{ display: flex; gap:5px; align-items: center; }
	
	.cont_ad_memo2{ width: 100%;  }
	.cont_ad_memo form .adjust_amount{ width: 130px;  }
	.cont_ad_memo form .memo{ width: 130px }
	
	#payout_form{ flex-wrap: wrap; }
	#payout_form label { font-size: 13px;  }
	
	.left_menu ul li a:hover{ background: none; }
	
	.point_layer .pop-conts{ padding: 12px;  }
	.simulation_layer ul li{ font-size: 13px;  }
	.order_url, .table td input, .table td select { border: 1px solid #eee; }
	
	
}



@media (max-width: 600px) {
	
	.useradd_table table {
    width: 100%;
    border-collapse: collapse;
  }

  .useradd_table colgroup,
  .useradd_table thead {
    display: none;
  }

  .useradd_table tr {
    display: block;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px;
    background: #fff;
  }

  .useradd_table td,
  .useradd_table th {
    display: block;
    width: 100%;
    text-align: left;
    padding: 8px 10px;
    box-sizing: border-box;
  }

  .useradd_table td::before {
    content: attr(data-label);
    font-weight: bold;
    display: block;
    margin-bottom: 4px;
    color: #555;
  }

  .useradd_table td input,
  .useradd_table td select {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
  }

  .pop_b_btn {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px; 
  }

  .pop_b_btn .right {
    display: flex;
    gap: 5px;
    float: none; 
        justify-content: right;
  }

  .pop_b_btn input[type="submit"],
  .pop_b_btn a {
    width: auto ;
    box-sizing: border-box;
    float: none; 
    display: inline-block;
  }

  .my_info_list2 ul {
    padding: 0;
  }

  .my_info_list2 ul li {
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
    border-bottom: 1px solid #eee;
  }
	.popup_wrap .content { min-width: auto; }
	.pop_wrap{ padding: 15px;  }
	.detail_title ul li a, .detail_title ul li input, .detail_title ul li button, .detail_title ul li span{ padding: 7px 10px; }
	
	.pop-layer .useradd_table td, .pop-layer .useradd_table th{ padding: 0; display: inline-block; }
	#point_type2, .goods_division_box ul, .useradd_table ul { display: flex; flex-wrap: wrap; gap:3px;  }
	
	.cont_pop_btn { margin-top: 10px;  }
	
	.note-editor.note-frame { max-width: 100%; width: 100% !important; }
	.useradd_table table { margin-top: 10px !important; }
	
	.essential{ max-width: 100% }
	.cont_write_wrap .cont{ overflow: hidden; }
	.notice_wrap.cont_write_wrap .pop_wrap{ max-width: 100%;  }
	.cont_write_wrap .pop-conts { overflow: hidden; }
	.pop_b_btn a.btn-layerClose{ width: 130px;  }
	
	.useradd_table td, .useradd_table th { display: inline-block; }
	
	
}