@charset "utf-8";

/* 이미지맵 */
.etc_imgMap img[usemap] {height: auto; max-width: 100%; width: auto; border: none;}
.etc_imgMap .pc_imgmap {text-align:center;}
.etc_imgMap .pc_imgmap > img {max-width: 100%; max-height:302px;}
.etc_imgMap  .htitle {margin-bottom:10px; color:#004a98; font-weight: bold;}
.etc_imgMap .imgmap_wrap {display: flex; align-items:center; justify-content: center;}

@media(max-width: 799px) {
    .etc_imgMap .pc-none {display:block;}
    .etc_imgMap .m_imgmap ul {display:flex; flex-wrap: wrap; gap:7px; justify-content: space-between;}
    .etc_imgMap .m_imgmap ul li {width: calc(100% / 2 - 10px); border:2px solid #c4c4c4; border-radius: 5px; box-sizing: border-box;}
    .etc_imgMap .m_imgmap ul li a {display:block; padding:5px; font-size:14px; text-align:center;}
}

/* 레이아웃 */
.layout_height_H .etc_imgMap .pc_imgmap > img {max-height:300px;}
.layout_height_M .etc_imgMap .pc_imgmap > img {max-height:200px;}
.layout_height_L .etc_imgMap .pc_imgmap > img {max-height:100px;}

.layout_height_H .etc_imgMap .imgmap_wrap {height: 300px;}
.layout_height_M .etc_imgMap .imgmap_wrap {height: 200px;}
.layout_height_L .etc_imgMap .imgmap_wrap {height: 100px;}

@media(max-width: 799px) {
    .etc_imgMap .imgmap_wrap {height: 200px!important; padding-bottom:30px;}
}