@media screen and (max-width:2000px){
   .foot_map{display:none;}
   .tel_layer{display: none;}
}



@media screen and (max-width:1100px) {

.map_btn{display: none}
#gnb, #hd_qnb, #tnb{display:none}
#hd_sch_wr{ }

#logo {width:140px;margin-top: 10px;}
#hd_wrapper_sticky{

}
 #hd_wrapper{height: 70px;padding: 10px 10px; border-bottom:#d7d7d7 1px solid; background-color: white;}

 .mobile_head{
padding-top: 75px;
 }

/*모바일메뉴*/
.left_m, .mm_open {display:block}

.foot_map{display:flex;
  position: fixed;
background: #00abf5;
width: 100%;
max-height: 70px;
min-height: 70px;
z-index:200;
overflow-y: auto;
text-align: center;
bottom: 0px;}

.left_mbg{    position: fixed;
  background:#fff; width:200px;
    top: 0px;  height: 100%;
    margin: 0px;
    z-index: 1000000000; overflow-y: auto;}

.aside_bk{width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    content: '';

    z-index: 111111111;}

.aside_sk{width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    content: '';

    z-index: 111111111;}

.aside_tk{width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    content: '';

    z-index: 1111111;}
.close_menu { position: fixed; display: block; height: 0px; z-index: 1000000000; top: 0px; left: 220px }
.close_menu > i {
	font-size: 20px;
	cursor: pointer;
	color: #fff;
	background: #222;
	display: inline-block;
	padding: 0 6px;
	margin-top: 9px;
	border-radius: 50%;
	line-height: 50px;
	width: 50px;
	text-align: center;
}
.mm_open{float:left;padding: 10px 10px 10px 0px;}
.mm_open a img{width:20px}
.m_login{}
.m_login a{width:100%;background: #00abf5;color:#fff;display: block;padding: 20px 10px;}
.m_menu{}
.m_menu li{border-bottom:#d7d7d7 1px solid;}
.m_menu li a{width:100%;color: #333;padding: 15px 10px;display: block;font-size: 15px;}
.m_logout{bottom: 20px}
.m_logout a{width:100%; display: block; font-size: 15px; padding: 15px 10px; color:#333}

.foot_map .left_map{width:50%; height: 100%; color:#fff;display: block;}
.foot_map .right_tel{width:50%; height: 100%; color:#fff;display: block;}
.foot_map .middle_message{width:50%; height: 100%; color:#fff;display: block;}
.foot_map div{line-height: 70px;}



.left_m a:hover{text-decoration:none}
.m_login a:hover{color:#fff; background: #20882c}

/*검색어부분*/
.hd_sch_wr{width: 100%;left: 0px;background: #fff;padding: 5px;margin: 0px;top: 0px;}
#popular{display:block}
.m_search{float:right; display:block}
.m_search button{background:none; padding:15px 10px 10px 15px; border:0px; }

/*메인 슬라이드*/
.idx_wrap{}


/*메인컨텐츠부분 */
.main_theme{padding:20px 0px}
.main_theme{    font-size: 16px;}

/*레프트메뉴 감춤*/
.left_menu{display:none}

/*서브틀바뀜*/
#container02{width:100%; float:none;     margin-top: 20px;}




/*모바일*/
.left_m{display:none}
/*검색*/
.hd_sch_wr{display:none}

/*하단*/
#ft .ftlogo{display:none}
#ft_catch{width:100%; float:none; text-align:center}
#ft_wr{padding:0px 10px}
#ft_catch span{display:block}

}




@media screen and (max-width:700px) {

/*메인컨텐츠*/
.main_theme_box li{width: calc(100%/3); margin-bottom:20px}
.main_premium .title{    font-size: 22px;}

.tbl_head01{font-size:14px}
#bo_sch select{width:35%}
#bo_sch .sch_input{width:45% !important}
#bo_sch{font-size:14px !important}
.foot_map{min-height: 55px; max-height: 55px;}
.foot_map .om{line-height: 50px;}
.foot_map .om img{width: 20px;  height:20px;}
.foot_map .om span{font-size: 15px;}
}




@media screen and (max-width:400px) {
/*메인컨텐츠*/
.main_theme_box li{width: calc(100%/2);}
.main_theme{    font-size: 14px;}

}