#main #mainVisual {background-image: url("../images/contactUS_5.png"); background-size: cover; background-position: center; animation:infinite; background-position-y: center;}
.map {margin-bottom: 50px;}
.map p {margin: 0;}
.map iframe {width: 100%; height: 500px; margin-top: 20px;}

.map h3 {margin-top: 20px; margin-bottom: 0; padding-left: 0;}
.map h3 span {display: inline-block; width: 45px; height: 30px; border: 1px solid #ccc; margin-right: 10px;}



.flag_KOREA {background-image: url("../images/korea.png"); background-size: cover;}
.flag_CHINA {background-image: url("../images/china.png"); background-size: cover;}
.flag_SINGAPORE {background-image: url("../images/singapore.png"); background-size: cover;}
.flag_GREECE {background-image: url("../images/greece.png"); background-size: cover;}
.flag_INDIA {background-image: url("../images/india.png"); background-size: cover;}


.map h3::before {display: none;}

.map img {transition: all 1s;}

.map .icon {position: relative; top: 5px;}
.map a {color: #aa010f;}
.map a:hover {color: #ff3000;}

.map .emailSet {display: flex; gap: 10px; margin-bottom: 20px;} 
.map .emailSet>div:nth-child(1) {font-weight: bold;}


#flag {transition: all 1s; display: block;}
#flag ul li {margin: 15px 0; }
#flag ul li figure a {display: block; overflow: hidden;  border: 2px solid white; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); width: 50px; height: 50px; border-radius: 50%; }
#flag ul li figure a img {display: block; transition: all 1s;  height: 50px; margin-left: -15px; width: auto;}
#flag ul li figure a:hover img {transform: scale(1.3);}
#flag figcaption {display: none;}

#flag {position: fixed; right: -120px; bottom: 100px; animation: flagMotion 1s forwards;}
@keyframes flagMotion {from {} to {right: 20px;}}




.imgSet1 {display: flex; gap: 20px; margin-top: 10px;}
.imgSet2 {display: flex; gap: 20px; margin-top: 10px;}
.imgSet2 figure {flex: 1;}

.map figure {overflow: hidden;}
.map figure:hover img {transform: scale(1.2);}

.imgSet1  div {flex: 1;}
.imgSet1 div:nth-child(1) {flex: 1.3;}

#china_img img {width: 400px;}
#china_img figcaption {text-align: left;}

@media screen and (min-width: 1024px) {
    .map h3 {font-size: 35px;}
    #main #mainVisual {background-image: url("../images/contactUS_1.png");}

    .map .itemSet {display: flex; gap: 20px;}
    .map .itemSet>div {flex: 1;}

}
@media screen and (min-width: 1440px) {
    .map .itemSet>div:nth-child(2) {flex: 1.5;}
}