@charset "utf-8";
/* CSS Document */
.pc{display:block;} /*pc 노출 = 테블릿, 모바일 미노출*/
.pcta{display:block;} /*pc, 테블릿 노출 = 모바일 미노출*/
.mo{display:none;} /*모바일 노출 = pc,테블릿 미노출*/
.ta{display:none;} /*테블릿, 모바일 노출 = pc 미노출*/

@media screen and (max-width: 1280px){
    .flex { display:flex;  flex-direction: column; }
    .mapArea .map_type { order: -1;}
    .mapArea .map_range,
    .mapArea .map_type,
    .mapArea .map_zoom { height:auto !important; margin: 0 !important; float:none !important; }
    .mapArea .map_range > div,
    .mapArea .map_type > div,
    .mapArea .map_zoom > div { float:right; }
    .size { max-width: 640px}
	#main .trafficBtn {margin-left: -290px;}
}
@media screen and (max-width: 1024px){
    html{font-size: 60%;}

    .header h1 a {display: none;}
    .header .searchArea  { padding-left:0; }
}
@media screen and (max-width: 865px){
}
@media screen and (max-width: 768px){
    html{font-size: 56%;}
	.size {padding: 0 20px;}
	#sub.layout .viewWrap {padding-top:20px;}
	#sub.layout .backBtn {top: -20px; left: -20px;}
	#main .trafficBtn {margin-left: -300px;}
}
@media screen and (max-width: 650px){
    html{font-size: 54%;}
	#main .trafficBtn {left: 25px; margin-left: 0;}
}
@media screen and (max-width: 480px){
    html{font-size: 50%;}
}
@media screen and (max-width: 320px){
    html{font-size: 45%;}
}