@charset "utf-8";


/* =======================================
 *	PC
 * ======================================*/
  @media (max-width:1769px){
  #result dd.price_info{bottom:auto}
  }
 @media (max-width:1681px){

  #left_box .section1 .select_wrap select{ width: 20.5%;}
  #left_box .section1 .select_wrap .btn2.btnsearchJuso{
      padding: 8px 13px;
      right: 0;
    }
  #section3{height:56vh}
   }


 @media (max-width:1601px){

  .section1 .select_wrap{margin-left:0;}
  #left_box .section1 .select_wrap select{ width: 21%;}

 }

 @media (max-width:1601px) and (max-height:901px){
   #result dd.price_info {}
 }

 @media (max-width:1441px){

  #select2div{margin-left:0;}
  #top_menu{height:auto;}
  #top_menu .locatin_search .btn2{width:60px;}
  #top_menu .locatin_search .loca_input{display:block;}
  #top_menu .locatin_search .loca_input input[type="text"] {width: calc(100% - 70px);}
  #wrap #result {width:400px; right:-400px;}
  #result dt {padding: 15px;}

  .section1 {height: 210px;}
  .section1 a img {
    height: 16px;
    margin-top: -8px;
  }
  .section1 .sec2_btns> a {height: 35px;}
  .set_menu{width:70%;}
  .info_title.on + .info_wrap{ overflow: auto;}

  #left_box #section3 > #sec3_btns {
    position: absolute;
    width: auto;
    max-width: none;
    margin: 0;
    display: inline-block;
    top: 5px;
    right: 0;
}
  #left_box #section3 > #sec3_btns > a.btn2{
    width:92px;
    padding:5px 0;
    padding-left:0;
    padding-right:12px;
    text-align:right;
    font-size:13px;
  }
  #left_box #section3 > #sec3_btns .btn2.file::before{top:6px;}
  #left_box #section3 > #sec3_btns > a.btn2.gray{background-position: 8% 4px; padding-right: 3px;}
  #left_box #section3 > #sec3_btns > a.btn2:after{display:none;}
  #section3{height:63%;}
 }

  @media (max-width:1441px) and (max-height:901px){
    #section3 .table_wrap {
      overflow: auto;
    }
    #result .price_info .top .btn_round{margin-top:0;}
    #result dd.price_info { bottom: 5px;}
    #left_box #section3 .sec3_btns .btn2:before{display:none;}

  }

 @media (max-width:1368px){

   #left_box dt,
   #left_box .section0 dd,
   .check_form label,
   #result dt .bottom ul li>span,
   #result dt .bottom ul li p{font-size:14px}
   .section1 .sec2_btns> a{height:30px; font-size:12px;}
   .section1 a span {
    font-size: 12px;
    top: 60%;
  }

   #top_menu .locatin_search .btn2,
   #top_menu .locatin_search .loca_input input[type="text"]{height:28px;}
   #top_menu .locatin_search .btn2{
     padding-right: 0;
      padding-left: 0;
      text-align: center;
   }

   .box_btn a span { font-size: 13px; padding-top: 35px; padding-bottom:6px;}
   .box_btn a:before {
      width: 13px;
      height: 26px;
      background-size: 13px auto;
    }
    .ico_setting.btn2{
      height: 28px;
      top: 10px;
    }
    #left_box.open .box_btn{top:0;}

    .section1 {height: 185px;}
    #left_box .section1 .select_wrap select{
      width: 24.25%;
      float: left;
      margin-right: 1%;
      height:30px;
      margin-top:0;}
      #left_box .section1 .select_wrap select#addrli{margin-right:0;}
    #left_box .section1 #select2div,
    #left_box .section1 .select_wrap{margin:5px 0 10px;}
    #left_box .section1 .select_wrap .btn2.btnsearchJuso {
      width: auto;
      padding: 6px 20px;
      font-size: 13px;
      height: auto;
      float: right;
     top: 5px;
     right: 0;
    }
    .t_layout1 thead tr th,
    #left_box .t_layout1 td{
      font-size: 12px;
      height: 30px;
    }
   .top_menu .locatin_search{padding:10px;}
   .locatin_search label{margin-bottom:6px;}
   #left_box{width:430px; left:-430px}
   #section3 #btn_complete,
   #section3 #btn_selectDel{
  /*  position: absolute;
    bottom: 0;*/
    font-size: 12px;
    padding: 8px 0;
    text-align: center;
    width: 90px;
    }
    #left_box #section3 > #sec3_btns{}
    #left_box #section3 > #sec3_btns > a.btn2{
      width: 85px;
      height:25px;
      line-height: 1.1;
      font-size: 12px;
      box-sizing:border-box
    }
    #left_box #section3 > #sec3_btns .btn2.add::before,
    #left_box #section3 > #sec3_btns .btn2.file::before {top: 5px;}
    #section3 #btn_complete{right:0;}
    #section3 #btn_selectDel{left:0;}
    #section3 > #sec3_btns > a.btn2.gray {background-size: 14px 14px;}
   #left_box .box_btn .btn_left_box{width:100%; height:100%;}
   #result dt>p>span {
    font-size: 18px;
    font-weight: 600;
    margin-right: 5px;
  }
  #result dd ul li {padding: 10px 15px;}
  #result dd ul li.buttons b,
  #result dd.price_info .bottom h4,
  #result dd.price_info ul li{font-size:14px !important;}
  #result .btn_round.gray { font-size: 12px;}
  #result dt .bottom ul li{height:25px;}
  #result .price_info .top .btn_round{    font-size: 12px; height: 32px;}
  .select2-results__option,
  .set_menu .menus .check_form label{font-size:12px;}
  .set_menu .menus h3,
  .menu1.menu_group .info_title{
    height: 35px;
    font-size: 13px;
    padding-top: 9px;
  }
   .btn2.ico_setting span{margin-top:3px;}
   .btn2.ico_setting .img {
    margin-top: 2px;
    width: 16px;
    height: 15px;
  }
   #left_box .menus.left .check_form{
    height: 35px;
    padding: 4px 15px;
  }
  .menus.right .combo_wrap{padding: 0 12px 7px;}
  .menus.right .combo_wrap select {
    font-size: 12px;
    height: 30px;
  }
  .info_title > span,
  .info_wrap h3 span{top:10px;}
  .check_form input[type="radio"]:checked+label:before,
  .check_form label:before{
    width:14px;
    height:14px;
    background-size:14px 14px;
    top: 4px;
  }
  #result .check_form input[type="checkbox"]+label:before{
    margin-top:-1px;
  }
  .menu1.menu_group>ul.sedaeju {height: calc(100% - 172px);}

  .set_menu{width:76%;}
  .set_menu .menus.left a.close_menu {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 7px;
  }
  .set_menu .menus.left a.close_menu img {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 4px;
    margin:0;
  }

  #section3{height:calc(60% - 65px)}
  #left_box #section3 .sec3_btns .btn2:before{display:block;}
  .set_menu .btn3 {
      padding:0;
      height: 30px;
      line-height: 2.3;
      font-size: 12px;
      box-sizing: border-box;
  }

  .t_layout1 tbody {
    min-height: 145px;
  }
  .t_layout1 thead tr th:nth-child(4) {
    padding-right: 27px;
}

}

@media (max-width:1281px){
  #section3 {height:68%}
  #result dd.price_info{
    padding-bottom:15px;
    bottom: 0;
    }
  #top_menu,
  #top_menu .locatin_search .btn2,
  #top_menu .locatin_search .loca_input input[type="text"] {height: 32px;}
  .btn2.ico_setting span {
    margin-top: 1px;
    padding-right: 5px;
  }
  #section3 .check_form span {
    top: -1px;
    font-size: 14px;
  }

  #left_box #section3 > #sec3_btns{position:static; width:100%; margin-top: -10px; padding:5px 0;}
  #left_box #section3 > #sec3_btns > a.btn2 {
    font-size: 14px;
    width: 32%;
    text-align: right;
    padding-right: 15px;
    box-sizing: border-box;
    margin-bottom: 0;
  }
  /* #result dl, */
  .result_inner{height:100%;}

  #left_box #section3 > #sec3_btns .btn2:before{display:block;}
  #left_box #section3 > #sec3_btns > a.btn2.gray{padding-right:8px; background-image:auto}
  #left_box{width:370px; left:-370px}
  #wrap #result{width:330px; right:-330px;}

  /* #section3 #btn_complete, #section3 #btn_selectDel{font-size:13px;} */
  .set_menu{width:85%}
  .t_layout1 tbody {
    min-height: 170px;
  }
  .t_layout1 thead tr th:nth-child(4) {padding-right: 20px;}
  }
  @media (max-width:1281px) and (max-height:1025px){
    #result dd.price_info {padding-bottom: 5px;}
    #result .check_form input[type="checkbox"]+label:before {
     margin-top: -2px;
    }
  }

  @media (max-width:1281px) and (max-height:961px){
    #section3 {height:52vh}
  }

  @media (max-height:900px){
   #section3 .check_form span{top:2px;}
   #wrap {min-height: calc(100% - 53px)}
   #section3 {height: 47vh;}
   #left_box #section3 > #sec3_btns{
     position: absolute;
     margin-top: 0;
     padding: 0;
     text-align: center;
     width: auto;
   }
    #wrap #left_box #section3 > #sec3_btns a:before{display:none; padding:0;}
    #section3 > #sec3_btns > a.btn2.gray{background-image:none;}
    #wrap #left_box #section3 > #sec3_btns > a.btn2{
       width:62px;
       font-size:12px;
       padding-right:0;
       text-align:center;
       background-image:none;
     }
     #left_box #section3 > #sec3_btns > a.btn2.file{margin-left:0;}
     #result dd:nth-child(1){    height: calc(100% - 368px) !important;}
  }

  @media (max-width:1281px) and (max-height:801px){
  }

  @media (max-width:1281px) and (max-height:769px){
    .section {
        margin-bottom: 10px;
        padding-bottom: 3px;
    }

     header{height:50px}
     header > h1{margin-top:7px}
     header > h1 img{width:150px}
     header .btn2,
     .btn2.ico_setting span,
     #left_box.open .box_btn a span,
     #section3 .check_form span{font-size:12px}
     #section3 .check_form span{top:2px;}
     header .btns,
     #top_menu{top:15px !important}
     #wrap {min-height: calc(100% - 53px)}
     #top_menu .locatin_search .btn2,
     #top_menu .locatin_search .loca_input input[type="text"] {
       height: 28px
     }
     #left_box #section3 > #sec3_btns{
       position: absolute;
       right:0;
       text-align: center;
       width: auto;
        margin-top: -5px;
        padding: 5px 0;
      }
      #wrap #left_box #section3 > #sec3_btns > a.btn2{
        width: 70px;
        font-size: 12px;
        float: left;
      }
      #wrap #left_box #section3 > #sec3_btns > a.btn2.gray{
        float: right;
        margin-top: 5px;
      }
      #wrap #left_box #section3 > #sec3_btns > a.btn2.add{
        float: right;
        margin-left: 2%;
      }
      #section3 { height: 43vh;}

  }

  @media (max-width:1281px) and (max-height:720px){
    .section_wrap{padding:10px;}
    #left_box dt,
    #left_box .section0 dd,
    .check_form label{font-size: 13px;}
    .ico_setting.btn2{height:25px;}
    .btn2.ico_setting .img {margin-top: 0;}
    #section3 {height: 40.5vh;}
    #section3 #btn_complete, #section3 #btn_selectDel {
      padding: 0;
      height: 25px;
      box-sizing: border-box;
      line-height: 1.8;
    }
    .t_layout1 thead tr th,
    #left_box .t_layout1 td {height: 25px;}
    .locatin_search label {margin-bottom:0; font-size:15px;}
    .set_menu {width: 78%;}
    #top_menu {height: 90px;}

    #result dt>p>span,
    #result dt>p{font-size: 14px;}
    #left_box dt, #left_box .section0 dd,
    .check_form label,
    #result dt .bottom ul li>span,
    #result dt .bottom ul li p,
    #result dd.price_info ul li,
    #result dd ul li.buttons b,
    #result dd.price_info .bottom h4, {font-size: 13px !important;}
    #result dt .bottom ul li {height: 20px;}
    #result dd.price_info ul li{padding:2px 0;}
    #result dd.price_info .top {
    height: auto;
    padding: 0 15px;
  }
  #result .price_info .top .btn_round {
    font-size: 12px;
    height: 25px;
    padding-top: 3px;
  }

}


@media (max-width: 1177px){
  #section3> .check_form{width:100%}
  #section3 .check_form span {
      top: 2px;
      font-size: 14px;
      left: 3px;
  }
  #section3 > div:nth-child(1){display:inline-block;}
  #left_box #section3 > #sec3_btns .btn2:before{display:none;}
  #left_box #section3 > #sec3_btns > a.btn2.gray{padding-right:0; background-image:none;}
  #left_box #section3 > #sec3_btns > a.btn2{
    font-size: 14px;
    width: 31%;
    text-align: right;
    padding-right: 4.5%;
    box-sizing: border-box;
    margin-bottom: 0;
  }
  #left_box #section3 > #sec3_btns {
    position: static;
    margin-top: -10px;
    padding: 10px 0 0;
}
  #left_box #section3 > #sec3_btns > a.btn2.file{margin-left:0;}
  #left_box .section0 dd,
  #section3 .check_form label,
  .section1 .check_form label,
  #result dl,
  #result dd ul li label,
  #result dd ul li b{font-size:13px;}
  .section1 {height: 170px;  }
  .locatin_search label,
  #result dd.price_info .bottom h4  {font-size:16px;}
  #result dt { padding: 10px 15px;  }
  .select_wrap:after{display:block; content:''; clear:both;}
  #left_box .section1 .select_wrap{margin:0}
  #left_box .section1 .select_wrap .btn2.btnsearchJuso{top:6px;}
  .circle {margin-left: -3px;}
  #section3 {height: 60vh;}
  #section3 #btn_complete, #section3 #btn_selectDel{font-size:13px;}

  #top_menu {height: auto}

}

@media (max-width:1152px){
  #section3 .check_form span {top: 2px;}
  .set_menu {width: 85%;}
  #top_menu .locatin_search .loca_input{margin-top:0;}
  #result dd.price_info {
    min-height: 0;
  }
  #left_box {
    width: 370px;
    left: -370px;
  }
  #result dd ul li b{font-size:16px;}

}

@media (max-width:1024px){
  .section1 {height: 175px;}
  #section3 {height: 50vh;}
}