.intro-wrap {border-radius: 10px;position: relative;overflow: hidden;margin: 0 0 40px;}
.intro-wrap:before {content: "";position: absolute;background: #000000;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;opacity: 0.3;}
.intro-wrap .img-intro img {width: 100%;height: 100%;object-fit: cover;}
.intro-wrap .tit-intro {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;padding: 0 20px;box-sizing: border-box;text-transform: uppercase;}
.intro-wrap .tit-intro p {text-align: center;font-family: Prompt;font-weight: 800;font-size: 70px;line-height: 60px;letter-spacing: -0.1px;text-align: center;vertical-align: middle;color: #FFFFFF;opacity: 0.5;mix-blend-mode: overlay;}
.inter-img { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 30px; }
.inter-img li { flex: 0 0 calc(100% / 5 - 8px); text-align: center; }
.inter-img li a { display: flex; justify-content: center; align-items: center; height: calc(100% - 24px); margin-bottom: 5px; background: #f5f5f5; overflow: hidden; }
.inter-img li a img { max-width: 100%; transition: all .25s ease 0s; }
.inter-img li a:hover img { transform: scale(1.1); }
.inter-img li span { line-height: 19px; }
.popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.75); display: flex; justify-content: center; align-items: center; opacity: 0; visibility: hidden; transition: all .25s ease; }
.popup-box { position: relative; max-width: 75%; margin: auto; }
.popup-active { opacity: 1; visibility: visible; }
.popup-close { position: absolute; top: -30px; right: 0; width: 30px; height: 30px; font-size: 30px; font-weight: 700; line-height: 30px; color: #fff; cursor: pointer; }
.popup-img { display: block; max-width: 75%; max-height: 75%; margin: 0 auto; transform: scale(.75); transition: transform .25s ease; }
.popup-active .popup-img { transform: scale(1); }
.inter-sys { display: flex; flex-wrap: wrap; gap: 30px; }
.inter-sys > li { box-sizing: border-box; flex: 0 0 calc(100% / 3 - 20px); }
.inter-sys > li div { padding: 15px; background-color: #f5f5f5; border-bottom: 1px solid #ddd; font-weight: 700; }
.inter-sys > li div img { width: 60px; margin-right: 15px; }
.inter-sys > li ul { display: flex; flex-wrap: wrap; padding: 15px 15px 0; }
.inter-sys > li ul.inter-sys-few li { flex: 0 0 100%; }
.inter-sys > li ul li { flex: 0 0 calc(100% / 2 - 11px); }
.address-wrap {background: #EEF3FCB2;border-radius: 10px;padding: 30px;}
.address-wrap ul {display: flex;gap: 40px;align-items: center;}
.address-wrap ul li {display: flex;align-items: center;gap: 10px;}
.address-wrap ul li .tit {font-weight: 800;font-size: 15px;line-height: 100%;letter-spacing: -0.2px;color: #222222;width: 90px;position: relative;display: flex;align-items: center;gap: 8px;}
.address-wrap ul li .tit:before {content: "";display: inline-block;width: 21px;height: 20px;}
.address-wrap ul li.location .tit:before {background: url(/_res/unist/_share/img/temp/ico-location.png)no-repeat center center;background-size: cover;}
.address-wrap ul li.tel .tit:before {background: url(/_res/unist/_share/img/temp/ico-tel.png)no-repeat center center;background-size: cover;}
.address-wrap ul li.email .tit:before {background: url(/_res/unist/_share/img/temp/ico-email.png)no-repeat center center;background-size: cover;}
.address-wrap ul li.fax .tit:before {background: url(/_res/unist/_share/img/common/ico-fax01.png)no-repeat center center;background-size: cover;}
.address-wrap ul li .txt {flex: 1;font-weight: 600;font-size: 15px;line-height: 24px;letter-spacing: -0.2px;color: #333333;}
@media (max-width:1024px) {
	.intro-wrap .tit-intro p {font-size: 45px;line-height: 100%;}
	.inter-sys > li { flex: 0 0 calc(100% / 2 - 15px); }
	.address-wrap {padding: 25px 20px;}
	.address-wrap ul {flex-direction: column;align-items: flex-start;gap: 15px;}
	.address-wrap ul li {width: 100%;}
}
@media (max-width:768px) {
	.intro-wrap {margin: 0 0 20px;}
	.intro-wrap .img-intro {height: calc(300/768*100vw)}
	.intro-wrap .tit-intro p {font-size: calc(40/768*100vw)}
	.inter-img li { flex: 0 0 calc(100% / 3 - 7px); }
	.inter-img li { flex: 0 0 calc(100% / 2 - 5px); }
	.inter-sys > li { flex: 0 0 100%; }
	.address-wrap ul li .tit:before {width: 17px;height: 16px;}
}