/* A A A : A : A : A : */ #sub1-2 .mapWrap { width : 100%; height : auto; font-size : min(1.8vw,20px); font-family : "nanum_square";} #sub1-2 .mapWrap .map { width : 100%; height : auto; aspect-ratio : 2000 /664; position : relative; } #sub1-2 .mapWrap .publicWrap { width : 100%; height : auto; position : relative; background : #edefee; display : flex; align-items : center; justify-content : center; padding-top : calc(6em / 2);} #sub1-2 .mapWrap .publicWrap .addrWrap { width : 95%; height : 6em; display : inline-flex; flex-direction : column; align-items : center; justify-content : center; font-family : "Noto Sans Kr"; position : absolute; top : 0; left : 50%; transform : translate(-50%,-50%); z-index : 50; background : #17a39f; max-width : 750px;} #sub1-2 .mapWrap .publicWrap .addrWrap p { color : #fff; font-size : 1.3em;} #sub1-2 .mapWrap .publicWrap .wrap { width : 95%; height : auto; display : flex; flex-direction : column; align-items : center; justify-content : center; max-width : 750px; padding : 4em 0;} #sub1-2 .mapWrap .publicWrap .wrap .publicList { width : 100%; height : 6.5em; display : flex; justify-content : flex-end; align-items : center;} #sub1-2 .mapWrap .publicWrap .wrap .publicList:first-child { margin-bottom : 1.5em;} #sub1-2 .mapWrap .publicWrap .wrap .publicList .iconBox { width : 6em; height : 100%; display : flex; align-items : center; justify-content : center; flex-direction : column;} #sub1-2 .mapWrap .publicWrap .wrap .publicList .iconBox img { width : 50%; height : 50%; object-fit : contain;} #sub1-2 .mapWrap .publicWrap .wrap .publicList .iconBox p { color : #555; line-height : 1em; margin-top : 0.5em;} #sub1-2 .mapWrap .publicWrap .wrap .publicList .line { width : 4px; height : 100%; background : #fff; margin-right : 0.5em;} #sub1-2 .mapWrap .publicWrap .wrap .publicList .publicInfoWrap { width : 50%; flex-grow : 1; background : #fff; display : flex; flex-direction : column; align-items : flex-start; border-radius : 12px; padding : 0.5em 1em; justify-content : center;} #sub1-2 .mapWrap .publicWrap .wrap .publicList .publicInfoWrap .infoList { width : 100%; height : auto; display : flex; align-items : baseline;} #sub1-2 .mapWrap .publicWrap .wrap .publicList .publicInfoWrap .infoList:first-child { margin-bottom : 0.3em;} #sub1-2 .mapWrap .publicWrap .wrap .publicList .publicInfoWrap .infoList .infoName { font-size : max(13px,0.85em); width : 4em; display : flex; align-items : center; justify-content : center; background : #17a39f; color : #fff; line-height : 1em; padding : 0.3em 0; margin-right : 1em;} #sub1-2 .mapWrap .publicWrap .wrap .publicList .publicInfoWrap .infoList .infoName.b { color : #d52567; justify-content : flex-end; background : none; line-height : 0;} #sub1-2 .mapWrap .publicWrap .wrap .publicList .publicInfoWrap .infoList .infoName.b span { display : inline-flex; width : 1.4em; height : 1.4em; border-radius : 50%; justify-content : center; align-items : center; line-height : 0; background : #d52567; color : #fff; margin-right : 0.1em; padding : 0;} #sub1-2 .mapWrap .publicWrap .wrap .publicList .publicInfoWrap .infoList .infoName.c { background : #cbcccc; color : #fff;} #sub1-2 .mapWrap .publicWrap .wrap .publicList .publicInfoWrap .infoList .infoValue { word-break : keep-all; width : calc(100% - 4em);} #sub1-2 .mapWrap .publicWrap .wrap .publicList .publicInfoWrap .infoList .infoValue.b span { background : #d52567; color : #fff; padding : 0.2em; line-height : 1em;} @media(max-width :1024px){ /* A A A : A : A : A : */ #sub1-2 .mapWrap { font-size : min(2.5vw,18px);} #sub1-2 .mapWrap .map { aspect-ratio : 2000 / 760; min-height : 280px;} #sub1-2 .mapWrap .publicWrap .addrWrap { max-width : 640px;} #sub1-2 .mapWrap .publicWrap .addrWrap p { font-size : 1.3em;} #sub1-2 .mapWrap .publicWrap .wrap { max-width : 640px;} } @media(max-width :640px){ /* A A A : A : A : A : */ #sub1-2 .mapWrap { font-size : min(3.9vw,16px);} #sub1-2 .mapWrap .map { aspect-ratio : 2000 / 1250; min-height : unset;} #sub1-2 .mapWrap .publicWrap .addrWrap { width : 90%; max-width : 360px;} #sub1-2 .mapWrap .publicWrap .addrWrap p { font-size : 1.15em;} #sub1-2 .mapWrap .publicWrap .wrap { width : 90%; max-width : 360px; padding : 2em 0 2.5em;} #sub1-2 .mapWrap .publicWrap .wrap .publicList { height : auto; flex-direction : column; align-items : center; justify-content : center; } #sub1-2 .mapWrap .publicWrap .wrap .publicList:first-child { margin-bottom : 2em;} #sub1-2 .mapWrap .publicWrap .wrap .publicList .publicInfoWrap { width : 100%;} #sub1-2 .mapWrap .publicWrap .wrap .publicList .iconBox { margin-bottom : 0.5em;} #sub1-2 .mapWrap .publicWrap .wrap .publicList .iconBox img { width : 45%;} } @media(max-width :300px){ /* A A A : A : A : A : */ #sub1-2 .mapWrap { font-size : 12px;} #sub1-2 .mapWrap .map { aspect-ratio : 2000 / 1400; min-height : unset;} #sub1-2 .mapWrap .publicWrap .addrWrap { width : 95%; max-width : 360px;} #sub1-2 .mapWrap .publicWrap .addrWrap p { font-size : 1.06em;} #sub1-2 .mapWrap .publicWrap .wrap { width : 95%; max-width : 360px; padding : 1.7em 0 2.2em;} #sub1-2 .mapWrap .publicWrap .wrap .publicList { height : auto; flex-direction : column; align-items : center; justify-content : center; } #sub1-2 .mapWrap .publicWrap .wrap .publicList:first-child { margin-bottom : 1.5em;} #sub1-2 .mapWrap .publicWrap .wrap .publicList .publicInfoWrap { width : 100%;} #sub1-2 .mapWrap .publicWrap .wrap .publicList .iconBox { margin-bottom : 0.5em;} #sub1-2 .mapWrap .publicWrap .wrap .publicList .iconBox img { width : 45%;} }