@charset "utf-8";

/******************************************************************************/
/* About the Corporation */
/******************************************************************************/
/* President's Greeting */
.greeting {position:relative;}
.greeting > .head {
	position:relative;
	max-width:1400px;
	width:100%;
	margin:0 auto;
	padding:4rem 0.4rem 8rem;
	display:flex;
	align-items:center;
	gap:6rem;
	background:url('/images/uimc/eng/content/greeting-bg.png') no-repeat right bottom/contain;
	border-bottom:1px solid #bdc1c9;
}
.greeting > .head > .head-tit > p {
	position:relative;
	padding:0;
	font-size:clamp(1.8rem, 1.4rem + 1vw, 2.8rem);
	line-height:1.4;
	color:#131416;
}
.greeting > .head > .head-tit > p strong {
	display:block;
	margin-top:2rem;
	font-size:clamp(2.4rem, 1.4rem + 2.7vw, 5.2rem);
	font-weight:500;
	line-height:1.2;
	color:transparent;
	background:linear-gradient(125deg,rgba(46, 48, 145, 1) 0%, rgba(0, 165, 80, 1) 100%);
	background-clip:text;
	-webkit-background-clip:text;
}
.greeting > .head > img {
	position:absolute;
	bottom:-2rem;right:4%;
}
.greeting > .cont {
	width:100%;
	max-width: 1400px;
	margin:0 auto;
	padding:6rem 0.4rem;
	display:flex;
	flex-direction:column;
	gap:2rem;
}
.greeting > .cont > p{font-size:clamp(1.5rem, 1.43rem + 0.20vw, 1.7rem);}
.greeting > .cont > p.sign{
	margin-top:1.2rem;
	font-size:clamp(1.3rem, 1.2rem + 0.2vw, 1.5rem);
	color:#6D7882;
	text-align:right;
}
.greeting > .cont > p.sign strong{
	font-size:clamp(1.6rem, 1.5rem + 0.4vw, 2rem);
	font-weight:500;
	color:#131416;
}

@media (max-width: 1400px) {
	.greeting {padding:0 4%;}
	.greeting > .head {
		padding-bottom:4rem;
		justify-content:center;
		gap:0;
	}
	.greeting > .head > img {
		position:relative;
		right:0;bottom:auto;
	}
}
@media (max-width: 1024px) {
	.greeting > .head > img {width:32rem;}
}
@media (max-width: 576px) {	
	.greeting > .head {
		flex-direction:column;
		align-items:flex-start;
		gap:2.4rem;
	}
	.greeting > .head > img {width:24rem;align-self: center;}
	.greeting > .head > .head-tit > p strong {font-weight:600;}
	.greeting > .cont {padding:3.2rem 0.6rem;}
	.greeting > .cont > .inner p{font-weight:400;}
}

/* Purpose of Establishment */
.purpose-info {
	position:relative;
	margin-bottom:6rem;
	padding:4rem 0;
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	border-top:2px solid #555;
	border-bottom:1px solid #bdc1c9;
}
.purpose-info > div {
	padding:12rem 4rem 2rem;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:1.2rem;
	background-repeat:no-repeat;
	background-position:center 8%;
	background-size:8rem;
	border-right:1px solid #bdc1c9;
}
.purpose-info > div:first-child {
	background-image:url('/images/uimc/eng/content/icon_purpose_info_1.svg');
}
.purpose-info > div:nth-child(2) {
	background-image:url('/images/uimc/eng/content/icon_purpose_info_2.svg');
}
.purpose-info > div:last-child {
	background-image:url('/images/uimc/eng/content/icon_purpose_info_3.svg');
	border-right:0;
}
.purpose-info > div > strong {
	display:flex;
	font-size: clamp(1.6rem, 1.3rem + 0.8vw, 2.4rem);
	color:#111;
}
.purpose-info > div > p {
	font-size:clamp(1.4rem, 1.3rem + 0.2vw, 1.6rem);
	text-align:center;
}
@media (max-width:1024px){
	.purpose-info{
		margin-bottom:4rem;
		padding:0;
		grid-template-columns:1fr;
	}
	.purpose-info > div{
		padding:2.4rem 0.4rem 3.2rem 12rem;
		align-items:flex-start;
		gap:0.8rem;
		background-position:6% center;
		background-size:6rem;
		border-right:0;
		border-bottom:1px solid #bdc1c9;
	}
	.purpose-info > div:last-child{border-bottom:0;}
	.purpose-info > div > strong {font-weight:500;}
	.purpose-info > div > p {text-align:left;}
}
@media (max-width:576px){
	.purpose-info > div{
		padding-left:10rem;
		background-position:4% center;
	}
}
.history{
    position:relative;
    margin:0;
    padding:4rem 0;
    border-top: 2px solid #555;
    border-bottom: 1px solid #E6E8EA;
}
.history-line{
    position:absolute;
    top:5.2rem;bottom:0;left:2rem;
    width:2px;
    background-color:#ddd;
    transform:translateX(-50%);
}
.history-line-active{
    position:absolute;
    top: 0;left:0;
    width:100%;height:0;
    background-color:#2e3091;
}
.history-item{
    margin-bottom:4rem;
    display:grid;
    grid-template-columns:4rem 20rem minmax(0,1fr);
    gap:2rem;
    align-items:start;
}
.history-item .dot{
    position:relative;
    width:0.8rem;height:0.8rem;
    margin:0 auto;
    margin-top:1rem;
    border-radius:50%;
    background-color:#ddd;
    z-index:2;
}
.history-item.active .dot{
    background-color:#133A91;
    box-shadow:0 0 0 8px rgba(19,58,145,.15);
}
.history-item .year{
    display:block;
    font-size:clamp(2rem, 1.6rem + 1.2vw, 3.2rem);
    font-weight:900;
    line-height:1;
    color:#133A91;
}
.history-item > .cont{
	padding-left:0.8rem;
	padding-bottom:4rem;
    display:flex;
    flex-direction:column;
    gap:2rem;
	border-bottom: 1px solid #E6E8EA;
}
.history-item:last-child > .cont {padding-bottom:0;border:0;}
.history-item > .cont li{
    margin-bottom:1.2rem;
    display:flex;
    gap:3.2rem;
    font-size:clamp(1.4rem, 1.33rem + 0.2vw, 1.6rem);
}
.history-item > .cont li:last-child {margin-bottom:0;}
.history-item > .cont li span{
    flex:0 0 8rem;
    font-weight:700;
    color:#111;
}

@media (max-width:1024px){
	.history {padding:3.2rem 0;}
	.history-line{top:4.8rem;left:1.6rem;}
	.history-item{margin-bottom:3.2rem;grid-template-columns:3.2rem 12rem minmax(0,1fr);}
	.history-item > .cont {padding-bottom:3.2rem;}
}
@media(max-width:768px){
	.history{padding:0;border: 0;}
    .history-line{top:0.8rem;left:1.2rem;}
    .history-item{
    	margin-bottom: 2.4rem;
        grid-template-columns:2.4rem 1fr;
        gap:2rem;
    }
    .history-item .dot{margin-top: 0.8rem;}
    .history-item .cont{
    	padding:2rem;
        grid-column:2;
        text-align:left;
        background-color: #F5F6F9;
        border-bottom:0;
        border-radius:1.2rem;
		-webkit-border-radius:1.2rem;
    }
    .history-item:last-child > .cont {padding-bottom:2rem;}
    .history-item > .cont li {
	    margin-bottom:1.6rem;
	    flex-direction:column;
	    gap:0.4rem;
    }
    .history-item .year{margin-top:0;}
    .history-item > .cont li span{flex:0;}
}

/* Mission & Vision */
.info-wrap {
	position:relative;
	width:100%;
	margin:8rem 0 6rem;
	padding:7.2rem 2rem 2rem;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items: stretch;
	gap:1.2rem;
	/*background-color:#F5F6F9;*/
	border:1px solid #555;
	border-radius:1.2rem;
	-webkit-border-radius:1.2rem;
}
.info-wrap > .head {
	position: absolute;
	top: -6rem;
	left: 50%;
	transform: translateX(-50%);
	min-width:12rem;
	height:12rem;
	padding:0 1.6rem;
	display:flex;
	justify-content:center;
	align-items:center;
	font-family:'Red Hat Display';
	font-size: clamp(1.6rem, 1.45rem + 0.4vw, 2rem);
	font-weight:700;
	color:#fff;
	text-align:center;
	border-radius:99rem;
	-webkit-border-radius:99rem;
	box-shadow: 0 0 0 1.2rem #F5F6F9;
}
.info-bg1 {background:linear-gradient(125deg, #00A550 0%, #2E3091 100%);}
.info-bg2 {background:#2E3091;}
.info-wrap > .cont {
	margin: 0;
	width: 100%;
	display:flex;
    align-self: stretch;
	justify-content:center;
}
.info-wrap > .cont > p{
	padding:2rem 0;
	font-size:clamp(1.6rem, 1.45rem + 0.4vw, 2rem);
	font-weight:600;
	color:#111;
	text-align:center;
	flex:1;
}
.core-wrap{
    position:relative;
    width:100%;
    min-height:16rem;
    margin:0 auto;
    margin-bottom:2.4rem;
    display:flex;
    gap:2rem;
}
.core-head{
	width:15%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-family:'Red Hat Display';
    font-size:clamp(1.6rem, 1.5rem + 0.3vw, 1.8rem);
    font-weight:700;
    color:#fff;
    text-align:center;
    border-radius:1.2rem;
    -webkit-border-radius:1.2rem;
}
.core-bg1 {background:#0084e9;}
.core-bg2 {background:#00A550;}
.core-bg3 {background:#27486b;}
.core-list{
    position:relative;
    display:flex;
    justify-content:center;
    gap:1.2rem;
    flex:1;
    text-align:center;
}
.core-list li{
	padding:3.2rem 1rem;
	display:flex;
	flex-direction:column;
	justify-content:center;
	gap:1.2rem;
	flex:1;
	font-weight:500;
	background:#fff;
	border:1px solid #555;
	border-radius:1.2rem;
	-webkit-border-radius:1.2rem;
}
.core-list li i {
        display:block;
        width:100%;height:8rem;
        background-size:contain;
        background-position:center center;
        background-repeat:no-repeat;
    }     
.core-list li i.icon-core1 {background-image:url('/images/uimc/eng/content/icon-core1.svg');}
.core-list li i.icon-core2 {background-image:url('/images/uimc/eng/content/icon-core2.svg');}
.core-list li i.icon-core3 {background-image:url('/images/uimc/eng/content/icon-core3.svg');}
.core-list li i.icon-core4 {background-image:url('/images/uimc/eng/content/icon-core4.svg');}
.core-list li i.icon-core5 {background-image:url('/images/uimc/eng/content/icon-core5.svg');}
.core-list li i.icon-core6 {background-image:url('/images/uimc/eng/content/icon-core6.svg');}
.core-list li i.icon-core7 {background-image:url('/images/uimc/eng/content/icon-core7.svg');}
.core-list li i.icon-core8 {background-image:url('/images/uimc/eng/content/icon-core8.svg');}

@media all and (max-width:1024px){
	.info-wrap{padding:6.4rem 2rem 2rem;}
	.info-wrap > .cont > p{padding:1.6rem 0;}
	
	.core-wrap{gap:1.6rem;}
	.core-head{
		width:20%;
		padding:2rem 1.2rem;
	}
	.core-list{gap:1rem;}
	.core-list li{padding:2.4rem 1.6rem;}
	.core-list li i{height:6rem;}
}
@media all and (max-width:768px){
	.info-wrap{
		margin:6rem 0 4rem;
		padding:5.6rem 1.6rem 1.6rem;
		border-radius:1rem;
	}
	.info-wrap > .head{
		top:-4rem;
		min-width:8.5rem;
		width:10rem;height:10rem;
		box-shadow:0 0 0 .8rem #F5F6F9;
	}
	.info-wrap > .cont{display:block;}
	.info-wrap > .cont > p{
		padding:1.2rem 0;
		font-size:1.6rem;
		word-break:keep-all;
	}
	
	.core-wrap{
		flex-direction:column;
		gap:1.6rem;
	}
	.core-head{
		width:100%;
		min-height:6rem;
		padding:1.6rem;
	}
	.core-list{
		display:grid;
		grid-template-columns:repeat(2,1fr);
		gap:1.2rem;
	}
	.core-list li{
		min-height:16rem;
		padding:2rem 1.6rem;
	}
	.core-list li i{height:5rem;}
}
@media all and (max-width:576px){
	.info-wrap{
		margin:5rem 0 3rem;
		padding:4.8rem 1.2rem 1.2rem;
	}
	.info-wrap > .head{
		top:-3.5rem;
		width:8.4rem;height:8.4rem;
		box-shadow:0 0 0 .6rem #F5F6F9;
	}
	
	.core-list{grid-template-columns:1fr;}
	.core-list li{
		min-height:auto;
		padding:2rem;
	}
	.core-list li i{height:4.8rem}
}

/* Corporation Mark */
.ci-box{
	margin-bottom:4rem;
	display:flex;
	justify-content: space-between;
	gap:5.2rem;
}
.ci-box > .img{
	padding:6rem;
	display:flex;
	flex-direction:column;
	justify-content: center;
	gap:4rem;
	background-color: #F5F6F9;
	border-radius:1.2rem;
	-webkit-border-radius:1.2rem;
}
.ci-box > .cont {
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	flex:1;
	gap:1.6rem;
}
.ci-box > .cont > .h4 {margin:0 !important;}
.ci-box > .cont > .txt {
	margin-bottom:4rem;
	display:flex;
	flex-direction:column;
	gap:1.6rem;
	font-size:clamp(1.4rem, 1.4rem + 0.1vw, 1.5rem);
}
.symbol-color {
	display:flex;
	justify-content:center;
	align-items:center;
	gap:0.4rem;
}
.symbol-color span {
	padding:0.4rem 1.2rem;
	font-size:clamp(1.1rem, 1.03rem + 0.20vw, 1.3rem);
	font-weight:500;
	color:#fff;
	border-radius:0.3rem;
	-webkit-border-radius:0.3rem;
}
.symbol-color span:first-child {background-color:#e60012;}
.symbol-color span:nth-child(2) {background-color:#1d2088;}
.symbol-color span:last-child {background-color:#009944;}

.img-box{
	margin-bottom:2rem;
	display:flex;
	flex-wrap: wrap;
	gap:2rem;
}
.img-box > .img{
	flex:0 0 calc(50% - 1rem);
    padding:2rem;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-between;
    gap:2rem;
    border:1px solid #555;
    border-style:solid;
    border-radius:1.2rem;
	-webkit-border-radius:1.2rem;
}
.img-box > .img:hover {box-shadow:0 0 8px rgba(0,0,0,0.16);}
.img-box > .img img{
	max-width: 40rem;
	width: 100%;
	height: auto;
	object-fit: contain;
}
.ci-btn {
	width:100%;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}
.ci-btn > a{
	position:relative;
	height:5.2rem;
	padding: 0 3.2rem;
	display:inline-flex;
	justify-content:space-between;
	align-items:center;
	gap:1.2rem;
	font-size:clamp(1.5rem, 1.43rem + 0.20vw, 1.7rem);
	font-weight:500;
	color:#fff;
	background:#2E3091;
	border-radius:0.3rem;
	-webkit-border-radius:0.3rem;
	overflow:hidden;
	z-index:1;	
}
.ci-btn > a::after{
    position:absolute;
    content:'';
    inset: 0;
    background:linear-gradient(125deg, #00A550 0%, #2E3091 100%);
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .4s ease;
    z-index: -1;
}
.ci-btn > a:hover::after{transform:scaleX(1);}
.ci-btn > a .icon-down{
	display:block;
	content:'';
	width:16px;height:16px;
	background-image:url('/images/common/btn_down_ov.svg');
	background-repeat:no-repeat;
	background-position:center center;
}
@media (max-width: 1440px){
	.ci-box{gap:4rem;}
	.ci-box > .img{padding:4rem;}
}
@media (max-width:1024px){
	.ci-box{flex-direction:column;gap:2rem;}
	.ci-box > .img{width:100%;gap:2.4rem;}
	.ci-box > .cont{margin-bottom:2rem;}
	.ci-box > .cont > .txt{margin-bottom:3rem;}
}
@media (max-width:768px){
	.ci-box > .img{padding:3.2rem 1.2rem;}
	.ci-box > .cont{width:100%;}
	.ci-box > .cont > .txt{
		margin-bottom:2.4rem;
		gap:1.2rem;
	}
	.img-box{gap:1.6rem;}
	.img-box > .img{
		padding:2rem 0;
		gap:1.6rem;
	}
	.img-box > .img img{max-width: 30rem;}
	.ci-btn > a{
		height:3.6rem;
		padding: 0 2rem;	
	}
}
@media (max-width:576px){
	.img-box{gap:1.2rem;}
	.img-box > .img{
		flex-basis:100%;
		gap:1.2rem;
	}
}


/* Organizational */
.org-chart {
	margin:4rem 0;
	text-align:center;
}
.org-chart .dep01 {position:relative;margin-bottom:4rem;}
.org-chart .dep01::before {
	position:absolute;
	left:50%;top:0;
	content:'';
	width:1px;height:60rem;
	background:#bdc1c9;
	z-index:-1;
}
.org-chart .dep01 .item{
	width:16rem;height:16rem;
	margin:0 auto;
	display:flex;
	justify-content:center;
	align-items:center;
	font-family:'Red Hat Display';
	font-size:clamp(1.6rem, 1.3rem + 0.8vw, 2.4rem);
	font-weight:700;
	color:#fff;
	background:#004ea2 url('/images/uimc/eng/content/org-head-bg.svg') 0 0 no-repeat;
	border-radius:99rem;
	-webkit-border-radius:99rem;
	box-shadow:0 0 0 1.6rem rgba(0,132,233,0.1);
}
.org-chart .dep02 {
	position:relative;
	left:50%;
	width:60%;
	height:24rem;
	transform:translateX(-50%);
}
.org-chart .dep02 div {
	position:absolute;
	display:inline-block;
	margin-bottom:6rem;
	min-width:24rem;
	text-align:center;
}
.org-chart .dep02 div span {
	width:100%;height:6rem;
	display:flex;
	justify-content:center;
	align-items:center;
	font-family:'Red Hat Display';
	font-size:clamp(1.5rem, 1.43rem + 0.20vw, 1.7rem);
	font-weight:700;
	color:#111;
	background-color:#fff;
	border:1px solid #555;
	border-radius:1.2rem;
	-webkit-border-radius:1.2rem;
}
.org-chart .dep02 div.item1{top:0;right:0;}
.org-chart .dep02 div.item2{top:8rem;left:0;}
.org-chart .dep02 div.item3{top:8rem;right:0;}
.org-chart .dep02::before,
.org-chart .dep02::after {
	position:absolute;
	left:50%;
	height:1px;
	display:block;
	content:'';
	background:#bdc1c9;
	z-index:-1;
}
.org-chart .dep02::before {
	top:2.8rem;
	width:40%;margin-right:40%;
}
.org-chart .dep02::after {
	top:13.2rem;
	width:80%;
	transform:translateX(-50%);
}
.org-chart .dep03 {
	position:relative;
	width:100%;height:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:10rem;
	overflow:hidden;
}
.org-chart .dep03::before {
	position:absolute;
	display:block;
	content:'';
	left:50%;top:12rem;
	width:81.6%;
	height:1px;
	background:#bdc1c9;
	transform:translateX(-50%);
}
.org-chart .dep03 .first {
	width:24rem;height:6rem;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	font-family:'Red Hat Display';
	font-size:clamp(1.5rem, 1.43rem + 0.20vw, 1.7rem);
	font-weight:700;
	color:#fff;
	background:#00a550;
	border-radius:1.2rem;
	-webkit-border-radius:1.2rem;
	z-index:9;
}
.org-chart .dep03 .team {
	position:relative;
	width:100%;
	display:flex;
	justify-content:space-between;
	gap:2.4rem;
}
.org-chart .dep03 .team .item {
	position:relative;
	width:100%;
	display:flex;
	flex-direction:column;
	align-items:stretch;
	gap:1.2rem;
}
.org-chart .dep03 .team .item::before {
	position:absolute;
	content:'';
	left:50%;top:-4rem;
	width:1px;height:16%;
	background:#bdc1c9;
	z-index:-1;
}
.org-chart .dep03 .item .leader {
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;height:6rem;
	padding:0 1.6rem;
	font-family:'Red Hat Display';
	font-size:clamp(1.4rem, 1.33rem + 0.2vw, 1.6rem);
	font-weight:500;
	color:#fff;
	background:#2b3a59;
	border-radius:1.2rem;
	-webkit-border-radius:1.2rem;
}
.org-chart .dep03 .item .list {
	width:100%;
	margin:0 auto;
	display:flex;
	flex-direction:column;
	gap:0.8rem;
}
.org-chart .dep03 .item .list li {
	padding:1.6rem;
	font-size:clamp(1.3rem, 1.2rem + 0.2vw, 1.5rem);
	background:#F7F7F9;
	border-radius:1.2rem;
	-webkit-border-radius:1.2rem;	
}
.org-chart + * {margin-top:4rem;}
@media (max-width:1024px){
	.org-chart .dep01::before {height:56rem;}
	.org-chart .dep02::before,
	.org-chart .dep02::after{display:none;}
	.org-chart .dep03::before {top:10rem;}
	.org-chart .dep03 .team .item::before {top:-1.2rem;height:12%;}
	
	.org-chart .dep01 .item {width:12rem;height:12rem;}
	.org-chart .dep02 {
		width:50%;
		height:auto;
		margin-bottom:4rem;
		display:flex;
		flex-direction:column;
		align-items:center;
	}
	.org-chart .dep02 div {position:relative;min-width:100%;margin:0;}
	.org-chart .dep02 div.item1,
	.org-chart .dep02 div.item2,
	.org-chart .dep02 div.item3{top:auto;left:auto;right:auto;}
	.org-chart .dep02 div span{height:5.2rem;}
	
	.org-chart .dep03 {gap:6rem;}
	.org-chart .dep03 .team {gap:1.2rem;}
	.org-chart .dep03 .first {width:50%;height:5.2rem;}
	.org-chart .dep03 .item {width:100%;padding-top:30px;}
	.org-chart .dep03 .item .leader {height:5.2rem;padding:0 1.2rem;}
}
@media (max-width:768px){
	.org-chart .dep01::before {height:52rem;}
	.org-chart .dep03::before,
	.org-chart .dep03 .team .item::before {display:none;}
	
	.org-chart .dep03 {gap:0;}
	.org-chart .dep03 .team {flex-direction:column;}
	.org-chart .dep03 .team .item {gap:0.8rem;}
	.org-chart .dep03 .item .list {gap:0.4rem;}
}

/******************************************************************************/
/* Facility Introduction */
/******************************************************************************/
.facility {border-top:2px solid #555;}
.facility > li {
	display: flex;
	gap: 4rem;
	padding: 4rem 0.8rem;
	border-bottom: 1px solid #E6E8EA;
}
@media (max-width: 1024px) {
	.facility > li {
		padding: 2.4rem 0.4rem;
		flex-direction: column;
		gap: 2rem;
	}
}
.facility > li > .img {
	position:relative;
	width: 32rem;
	max-width: 100%;
	flex-shrink: 0;
	overflow: hidden;
	text-align:center;
}
.facility > li > .img img {
	border-radius: 1.2rem;
	-webkit-border-radius: 1.2rem;
 }
.facility > li > .cont {width: 100%;}
.facility > li > .cont h5 {
	margin-bottom:2rem;
	font-family:'Red Hat Display';
	font-size: clamp(1.6rem, 1.45rem + 0.4vw, 2rem);
	font-weight:900;
	color:#133A91;
}
.fac-info {
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
}
.fac-info > li {
	display: flex;
	align-items: flex-start;
	gap: 0.4rem 2rem;
	font-size: clamp(1.4rem, 1.4rem + 0.1vw, 1.5rem);
	color: #111;
}
.fac-info > li strong {
	width: 20rem;
	flex-shrink: 0;
	color: #888;
}
a.link-btn {
	display: inline-flex;
	padding:0.4rem 0.8rem 0.4rem 3.2rem;
	font-size:clamp(1.3rem, 1.26rem + 0.11vw, 1.4rem);
	font-weight:500;
	color:#111;
	background-image:url('/images/uimc/eng/content/icon-home.svg');
	background-color:#fff;
	background-position:0.8rem center;
	background-repeat:no-repeat;
	background-size:24px;
	border:1px solid #bdc1c9;
	border-radius:0.4rem;
	-webkit-border-radius:0.4rem;
	transition:.3s;
}
a.link-btn:hover {
	border-color:#111;
	box-shadow:0 0 0.4rem rgba(0,0,0,0.4);
}
@media (max-width: 576px) {
	.facility > li > .img {width: 100%;}
	.fac-info {gap: 1.2rem;}
	.fac-info > li {flex-direction: column;}
	.fac-info > li strong {width: 100%;}
}

/******************************************************************************/
/* Direction */
/******************************************************************************/
/* Location */
.map-wrap {position:relative;}
.map-wrap .map {
	border-radius:1.2rem;
	-webkit-border-radius:1.2rem;
}
.map-wrap .root_daum_roughmap > .cont{display:none;}
.map-wrap > ul {
	margin-top:2rem;
	padding:3.2rem 4rem;
	display:flex;
	background: #F5F6F9;
	width: 100%;
	border-radius:1.2rem;
	-webkit-border-radius:1.2rem;
}
.map-wrap > ul > li {
	width:50%;
	display:flex;
	align-items:center;
	gap:4rem;
	font-size:clamp(1.4rem, 1.33rem + 0.2vw, 1.6rem);	
}
.map-wrap > ul > li strong{
	padding-left:4.8rem;
	flex-shrink:0;
	font-weight:600;
	color:#111;
}
.map-wrap > ul > li strong[data-type=address] {
	background: url('/images/uimc/eng/content/icon-address.svg') no-repeat left center/40px auto;
}
.map-wrap > ul > li strong[data-type=tel] {
	background: url('/images/uimc/eng/content/icon-tel.svg') no-repeat left center/40px auto;
}
@media (max-width: 768px) {
	.map-wrap > ul {
		padding:2.4rem;
		flex-direction:column;
		gap:1.2rem;
	}
	.map-wrap > ul > li {width:100%;gap:2rem;}
	.map-wrap > ul > li strong {min-width:12rem;padding-left:3.4rem;}
	.map-wrap > ul > li strong[data-type=address],
	.map-wrap > ul > li strong[data-type=tel] {
		background-size: 32px auto;
	}

}
