/* =========================================================
   Desktop Optimization for mam.cancerok.com (PC Mode)
   Goal: keep mobile look but render like desktop landing
========================================================= */

@media (min-width: 1200px) {
  body{
    background:#ffffff;
  }

  /* Center canvas */
  .pc_page{
    max-width:1200px;
    margin:0 auto;
    background:#fff;
  }

  /* Top header: desktop alignment */
  .top{
    max-width:1200px;
    margin:0 auto;
    background:#fff;
    position:sticky;
    top:0;
    z-index:50;
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:auto;
    border-bottom:1px solid rgba(0,0,0,.06);
  }
  .top .logo{
    margin:0;
    padding:0;
    line-height:1.1;
  }
  .top .logo a{
    font-size:22px;
  }
  .top .logo p{
    font-size:12px !important;
    margin:0 0 6px 0 !important;
  }
  .top .bt_kakao, .top .bt_tel{
    margin:0;
    padding:0;
    display:flex;
    align-items:center;
    gap:10px;
  }
  .top .bt_kakao img, .top .bt_tel img{
    width:110px !important;
    max-width:110px !important;
  }

  /* Hero layout: two columns similar to desktop */
  .pc_hero_wrap{
    padding:24px 0;
    background:#fff;
  }
  .pc_hero_inner{
    display:grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap:24px;
    align-items:stretch;
  }

  /* Left visual */
  .main_box{
    margin:0 !important;
  }
  .main_visual{
    min-height:320px;
    border-radius:18px;
    overflow:hidden;
	  
    /* 얼굴이 보이게: 오른쪽 위쪽으로 포커스 이동 */
    background-position: 85% 15% !important; /* (x,y) 필요시 80~90%, 0~25% 사이 조절 */
    background-size: 20% !important;	  
  }
  /* Ensure texts scale nicely */
  .main_text1{
    font-size:18px !important;
    padding-top:40px !important;
  }
  .main_text2{
    font-size:34px !important;
    line-height:1.2 !important;
  }

  /* Right form card */
  .main_content{
    margin:0 !important;
    padding:22px 22px 18px !important;
    background:#fff;
    border-radius:18px;
    position:sticky;
    top:96px; /* below header */
    align-self:start;
  }
  .main_content_title{
    font-size:22px !important;
  }
  .main_content_txt{
    font-size:15px !important;
  }

  /* Toggle buttons rows */
  .select_button{
    display:flex;
    gap:10px;
  }
  .select_button p{
    flex:1;
    margin:0 !important;
  }

  /* Form inputs sizing */
  .form_box{
    margin-top:14px !important;
  }
  .form_box li{
    margin-bottom:10px !important;
  }
  .box_boder1, .box_boder2, .box_boder3, .box_boder4{
    height:48px !important;
    font-size:16px !important;
  }
  .box_boder2{
    width:120px !important;
  }
  .box_boder3{
    width: calc(100% - 120px - 120px) !important;
  }

  .check_bt_on, .check_bt, .check_bt2{
    height:48px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .result_bt a{
    height:56px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:18px !important;
  }

  /* Price logo list: make it desktop grid */
  .p_list{
    display:grid;
    grid-template-columns: repeat(5, 1fr);
    gap:14px;
    padding:16px 0 0 !important;
    margin:14px 0 0 !important;
  }
  .p_list li{
    margin:0 !important;
    border-radius:14px;
    background:#f7f8fb;
    padding:14px 10px;
  }
  .p_logo{
    display:flex;
    justify-content:center;
    align-items:center;
    height:48px;
    margin:0 0 10px 0 !important;
  }
  .p_txt{
    text-align:center;
    margin:0 !important;
    font-size:15px !important;
  }

  /* Below content sections: center images and make layout roomy */
  .pd_b60{
    max-width:1200px;
    margin:0 auto;
    padding:28px 24px 70px !important;
  }
  .pd_b60 img{
    max-width:900px;
    margin:0 auto;
  }

  /* Footer center */
  .footer{
    max-width:1200px;
    margin:0 auto;
  }
}



/* =========================
   PC에서 2컬럼(반반) 분할 제거
   ========================= */
@media (min-width: 1024px){

  /* 2컬럼 레이아웃을 쓰고 있는 래퍼를 '세로'로 바꿈 */
  .pc_hero_inner,
  .hero_inner{
    display: block !important;   /* flex/grid 해제 */
  }

  /* 메인이미지 영역: 가로 100% */
  .main_visual{
    width: 100% !important;
    max-width: 100% !important;
    height: 420px !important;     /* 필요시 360~520 사이로 조절 */
    border-radius: 18px;
    overflow: hidden;
    margin: 0 auto 22px !important;

    /* 배경이미지형이면 아래처럼 */
    background-pos