/* Content CSS */
#location {position: relative; overflow: hidden;}
#location::after {content: ""; position: absolute; right: 50%; transform: translateX(50%); bottom: -15px; width: 1612px; height: 160px; background: url("../img/loc_logo.png") center / contain no-repeat; opacity: 0.8;}

#location article {position: relative; padding: 0 0 118px;}
#location article:nth-child(2) {padding: 0 0 136px;}
#location article:nth-child(3) {padding: 0 0 128px;}
#location .sub_inner {position: relative; width: 100%; max-width: 1600px; margin: 0 auto; padding: 0 50px; box-sizing: border-box;}

/* font_size */
.fs_56 {font-size: 56px; font-weight: 800; line-height: 0.76; color: #000; font-family: 'Poppins'; letter-spacing: -1.8px;}
.fs_40 {font-size: 40px; font-weight: 700; line-height: 1.98; letter-spacing: 0.8px; color: #000;}
.fs_24 {font-size: 24px; font-weight: 700; line-height: 2.08; color: #232323;}
.fs_22 {font-size: 22px; font-weight: 600; line-height: 1.82; color: #000;}
.fs_20 {font-size: 20px; font-weight: 400; line-height: 2; color: #333;}

#location h2 {margin: 72px auto 65px;}

/* location_box */
#location .location_box {display: flex; gap: 21px; margin-top: 16px;}
#location .location_box li {background-color: #f8f8f7; padding: 38px 61px 41px 67px; border-radius: 20px;}
#location .location_box li  p {padding-left: 20px;}
#location .location_box li  p span {font-weight: 700;}
#location .location_box li strong {display: flex; align-items: center; gap: 10px;}
#location .location_box li:nth-child(1) strong::before {content: ""; display: inline-block; width: 15px; height: 20px; background: url("../img/loc_icon1.png") center / contain no-repeat; transition: transform 0.4s ease;}
#location .location_box li:nth-child(2) strong::before {content: ""; display: inline-block; width: 15px; height: 20px; background: url("../img/loc_icon2.png") center / contain no-repeat; transition: transform 0.4s ease;}

/* hover */
#location .location_box li:nth-child(1):hover strong::before {transform: scaleX(-1);}
#location .location_box li:nth-child(2):hover strong::before {transform: scaleX(-1);}

/* map_box */
#location .map_box {position:relative; margin: 37px 0 79px;}

/* map */
#location .map {position:relative; width:min(1500px,100vw); height:570px; margin-left:50%; transform:translateX(-50%); overflow:hidden; z-index:2; border-radius: 30px;}
#location .map .wrap_map {width:100%; height:100%;}
#location .map .map_border {display:none;}

/* h3 */
#location h3 {position: relative; margin: 0 0 5px; padding-left: 18px;}
#location h3::before {position: absolute; top: 21px; bottom: 0; left: 0; width: 5px; height: 37px; background: #ed6f20; content: "";}

/* region */
#location .region {display: grid; grid-template-columns: 1fr 1fr; column-gap: 100px; position: relative; z-index: 1;}
#location .region li {display: flex; gap: 42px; min-width: 0; min-height: 155px; padding: 37px 20px 21px 44px; border-bottom: 2px solid #222; box-sizing: border-box; transition: background-color .3s;}
#location .region li > span {flex: 0 0 12px; color: #d1d2d2; font-family: 'Poppins'; font-weight: 600;}
#location .region li > div {min-width: 0;}
#location .region li p {margin: 4px 0 0;}
#location .region li:hover {background-color: #f8f8f7;}