@media screen and (min-width: 769px) {
  .mo {
    display: none !important;
  }

  .fair_btn1{display:inline-block; background:rgba(0, 0, 0, 0.7); width:48%; height:65px; text-align:center; font-family:'NanumSquareNeo', sans-serif; font-size:25px; color:#ff9595; font-weight:600; border:1px solid #fff; box-shadow:0px 5px 10px rgba(0, 0, 0, 0.7); border-radius:5px;}
  .fair_btn1:hover{background:rgba(0, 0, 0, 1.0);}
  .fair_btn2{display:inline-block; float:right; background:rgba(0, 0, 0, 0.7); width:48%; height:65px; text-align:center; font-family:'NanumSquareNeo', sans-serif; font-size:25px; color:#d5d5d5; font-weight:600; border:1px solid #fff; box-shadow:0px 5px 10px rgba(0, 0, 0, 0.7); border-radius:5px;}
  .fair_btn2:hover{background:rgba(0, 0, 0, 1.0);}

  .wf_slide { width:74%; height:52%; top:23%; left:13%; }

  .fair_btn { width:26%; left:50%; margin-left:-13%; }
  .box_02 .fair_btn { height:7%; top:79%; }
  .box_02_1 .fair_btn { height:7%; top:83%; }
  .box_02_4 .fair_btn { height:9%; top:81%; }
  .box_06 .fair_btn { height:6%; top:85.8%; }
  .box_07 .fair_btn { height:7.5%; top:85.5%; }
  .box_08 .fair_btn { height:2.8%; top:93.7%; }
  .box_12 .fair_btn { width:19.2%; height:8%; top:52%; left:15.5%; margin-left: auto; }

  .advice { width:950px; margin-left:-475px; top:50%; left:50%; box-shadow:0px 5px 10px rgba(0, 0, 0, 0.8); background:rgba(255, 255, 255, 0.8); border:1px solid #fff; overflow:hidden; }
  .swdf_container .box_05 .advice .inner { padding:30px 60px 50px; margin-bottom:10px; }
  .swdf_container .box_05 .advice .inner ul.left { margin-right:50px; gap: 20px; }
  .box_05 .advice .inner .line { font-size: 14px;  }
  .box_05 .advice .inner .aptxt { width: 100px; }
  .swdf_container .box_05 .advice .inner .line input { height: 35px; }
  .swdf_container .box_05 .advice .inner .click img { width: 360px; }
}

@media screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }

  .fair_btn1{ position: absolute; width:53%; height:7.5%; bottom:5%; left:0%; }
  .fair_btn2{ position: absolute; width:45.5%; height:7.5%; bottom:5%; right:0%; }

  .wf_slide { width:86%; height:60%; top:27%; left:7%; }
  .box_02_1 .wf_slide{ overflow:hidden; border-radius:15px; border:1px solid #86bbed; }
  .box_02_1 .wf_slide img { width:100%; }
  
  .fair_btn { width:74%; left: 13%; }
  :is(.box_02, .box_02_1) .fair_btn { height:6%; top:89.5%; }
  .box_02_4 .fair_btn { height:7%; top:85%; }
  .box_06 .fair_btn{ height:5%; top:89%; }
  .box_07 .fair_btn{ height:5%; top:89.5%; }
  .box_08 .fair_btn{ height:2%; top:96%; }
  .box_12 .fair_btn{ height:6%; top:87.5%; }

  .swdf_container .footer { padding:20px 0 30px; }
  .swdf_container .footer ul { text-align:left; font-size:0; margin-left:10px; padding: 0; }
  .swdf_container .footer ul li { font-size: 12px; }

  .advice{ width:76%; top:41%; left:50%; margin-left:-38%; }
  .swdf_container .box_05 .advice .inner { flex-direction: column; }
  .swdf_container .box_05 .advice .inner ul.left { gap: 8px; }
  .swdf_container .box_05 .advice .inner ul.right { padding-top: 7px; }
  .box_05 .advice .inner .line { font-size: 14px; }
  .box_05 .advice .inner .aptxt { width: 72px; }
  .swdf_container .box_05 .advice .inner .line input { height: 30px; }
  .swdf_container .box_05 .advice .inner .click img { width: 90%; display: inline-block; }
  .swdf_container .box_05 .advice .inner .sinrang { margin-top: 0; }
  .swdf_container .box_05 .advice .inner .line .check2 label.date { font-size: 12px; }

  .main_text { top: 32.5%; }
  .main_text .wdDate { font-size: 1.4rem; }
}