@media (max-width: 1460px) {
  #snb {
    width: 23rem;
    margin-right: 5rem;
  }
}
@media (max-width: 1280px) {
  #main .main_wrap {
    max-width: 95%;
  }
  #snb {
    display: none;
  }
  #contents {
    float: none;
    width: 100%;
  }
  .location .path {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .location .depth4, .location .depth5 {
    display: none;
  }
  .searchWrap .searchToparea .searchBardiv {
    padding: 15px 20px;
  }
  .searchWrap .searchToparea .searchBardiv .searchTit {
    left: 45px;
    top: 15px;
    height: 40px;
    line-height: 40px;
  }
  .searchWrap .searchToparea .searchBardiv .searchSel {
    top: 15px;
  }
  .searchWrap .searchToparea .searchBardiv .searchSel select {
    width: 90px;
    height: 40px;
    line-height: 40px;
  }
  .searchWrap .searchToparea .searchBardiv .searchInputbox {
    margin: 0 110px 0 120px;
    padding-right: 40px;
  }
  .searchWrap .searchToparea .searchBardiv.smart .searchInputbox {
    margin: 0 0 0 95px;
  }
  .searchWrap .searchToparea .searchBardiv.hope .searchInputbox, .searchWrap .searchToparea .searchBardiv.home .searchInputbox {
    margin: 0 110px 0 0;
  }
  .searchWrap .searchToparea .searchBardiv .searchInputbox input[type="text"] {
    height: 40px;
    line-height: 40px;
  }
  .searchWrap .searchToparea .searchBardiv .searchInputbox .unifiedSearchbtn {
    width: 40px;
    height: 40px;
  }
  .searchWrap .searchToparea .searchBardiv .btn_search {
    top: 15px;
    min-width: 140px;
    line-height: 40px;
  }
  .btn_search {
    padding: 0px 15px;
  }
}
@media screen and (max-width:800px) {
  .searchWrap .searchToparea .searchBardiv .searchTit {
    display: none !important;
  }
  .searchWrap .searchToparea .searchBardiv .searchInputbox {
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  .mobile_none{display:none;}
  .stand_apply, .stand_on, .stand_off {min-width: 65px;}
  #visual {
    height: 18rem;
    margin-bottom: 3rem;
  }
  #visual .control span {
    visibility: hidden;
    overflow: hidden;
    width: 0;
    height: 0;
    opacity: 0;
    display: block;
  }
  .location {
    display: none;
  }
  .depth4_tab ul {}
  .pc_width {
    display: none;
  }
  .mobile_width {
    display: block;
  }
  .depth4_tab ul > li + li {
    border-left: 1px solid #ddd;
  }
  .depth4_tab ul > li a {
    position: relative;
    text-align: left;
  }
  .depth4_tab ul > li.active {
    width: auto;
    height: auto;
    opacity: 1;
    visibility: visible;
    overflow: visible;
  }
  .depth4_tab ul > li.active a {
    padding-right: 4rem;
  }
  .depth4_tab ul > li.active a::after {
    position: absolute;
    top: auto;
    left: auto;
    right: auto;
    font-family: "xeicon";
    right: 1.5rem;
    content: '';
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  /* .depth4_tab.active ul > li { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; } */
  .depth4_tab.active ul > li.active a::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .depth4_tab ul li.active::after {
    display: none;
  }
  .depth4_tab.active li {
    height: auto;
    visibility: visible;
  }
  .member-step li .step {
    margin-right: 0.5rem;
  }
  .member-step li {
    text-align: center;
  }
  #contents {
    margin: 0 0 2rem;
  }
  #contents_title {
    margin-top: 0.7rem;
  }
  .contents_util .util .print {
    display: none;
  }
  .sub_table_wrap {
    overflow: hidden;
    overflow-x: scroll;
    width: 100%;
  }
  .member-step li {
    position: relative;
    float: left;
    width: 25%;
    box-sizing: border-box;
    text-align: center;
    padding: 10px;
  }
  .board_pdf li {
    padding: 2rem 0.4rem;
  }
  .sub_page_bg {
    padding: 10px 0
  }
  .board_info .page {
    float: none !important;
    padding: 0rem 0 1rem 0;
  }
  .cate_left {
    margin-right: 1.5rem;
  }
  .sub_table_wrap:before {
    content: "좌우로 터치해서 보세요.";
    font-size: 15px;
    width: 210px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 0 0 45px;
    line-height: 25px;
    color: #00589b;
    display: block;
    background: url('../../../../theme/basic/book/sub/img/finger_bg.png') no-repeat left top;
    height: 25px;
    background-size: auto 100%;
    font-weight: 500;
    margin-bottom: 1.125rem
  }
}
@media screen and (max-width:640px) {
  .searchWrap .searchToparea .searchBardiv {
    padding: 10px;
	border-radius:0px;
  }
  .searchWrap .searchToparea .searchBardiv .searchSel {
    left: 15px;
    top: 10px;
  }
  .searchWrap .searchToparea .searchBardiv .searchSel select {
    height: 36px;
    line-height: 36px;
  }
  .searchWrap .searchToparea .searchBardiv .searchInputbox {
    margin: 0;
    padding-right: 36px;
  }
  .searchWrap .searchToparea .searchBardiv.hope .searchInputbox, .searchWrap .searchToparea .searchBardiv.home .searchInputbox {
    margin: 0 86px 0 0;
  }
  .searchWrap .searchToparea .searchBardiv .searchInputbox input[type="text"] {
    height: 36px;
    line-height: 36px;
	width:75%;
  }
  .searchWrap .searchToparea .searchBardiv .searchInputbox .unifiedSearchbtn {
    width: 36px;
    height: 36px;
  }
  .searchWrap .searchToparea .searchBardiv .btn_search {
    /* display: none; */
	min-width:25%;
	top:1rem;
  }
  .searchWrap .searchToparea .searchBardiv.hope .btn_search, .searchWrap .searchToparea .searchBardiv.home .btn_search {
    display: block;
    top: 10px;
    right: 15px;
    min-width: 80px;
    height: 36px;
    line-height: 36px;
  }
  .searchWrap .searchToparea .innerSearch input[type='checkbox'].check + label {
    background-position-y: 3px;
    background-size: 16px;
    padding-left: 20px;
  }
  .searchWrap .searchToparea .searchBardiv.detail {
    padding: 20px 20px 45px;
  }
}
@media (max-width: 620px) {
  #main {
    margin-top: 12.3rem;
  }
  .member-step li .step {
    margin-right: 0px;
  }
}
@media (max-width: 480px) {
  #main {
    margin-bottom: 5rem;
  }
  #main .main_wrap {
    max-width: 90%;
  }
  #contents_title {
    margin-bottom: 2rem;
  }
  #visual {
    height: 12rem;
    margin-bottom: 3rem;
  }
  .depth4_tab ul > li {
    display: block;
    width: 100%;
    height: 6rem;
    margin-bottom: -1px;
    transition: height .4s; /*  visibility: hidden; */ overflow: hidden;
  }
  .center_wp {
    padding: 0px;
  }
  .guide_title {
    display: none;
  }
  .map_wp {
    margin-bottom: 3rem
  }
  .con_mcon_c1_w a, .con_mcon_c1_w p {
    font-size: 10px;
    letter-spacing: -0.07em;
  }
  .center_wp .diagram_title {
    margin-top: 0rem;
  }
  .transfort-section > ul > li .cont {
    border-left: 0px;
  }
  .searchWrap .searchToparea .searchBardiv .searchSel select {
    width: 70px;
    padding: 0 23px 0 5px;
  }
  .searchWrap .searchToparea .searchBardiv.smart .searchInputbox {
    margin: 0 0 0 75px;
  }
  .searchWrap .searchToparea .searchUtilWrap ol li a {
    padding: 10px 35px 9px 10px;
  }
  .searchWrap .searchToparea .searchUtilWrap ol li a:after {
    right: 12px;
  }
  .voice_03 input, .voice_02 input {
    width: 35%;
  }
}
@media screen and (max-width:375px) {
  .searchWrap .searchToparea .innerSearch input[type='checkbox'].check + label {
    background-position-y: 1px;
    padding-bottom: 1px;
  }
  .searchWrap .searchToparea .searchBardiv .searchInputbox input[type="text"] {
    padding-left: 10px;
  }
  .total_srch{width:98%;}
}
@media print {
  #header, #visual, .util, #footer, .contents_info {
    display: none;
  }
  #main, #contents {
    margin-top: 0;
  }
  #main .main_wrap {
    width: 100%;
  }
  .location {
    width: 100%;
    margin-top: 0;
  }
}