@charset "utf-8";
/**
 * @File Name : lib2.css
 * @Description : Add Share Contents ..
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2018.10.15 | 문영신 | 최초 등록
 * 2018.10.19 | 문영신 | 요구반영. 결함개선. 고도화.
 * </pre>
 * @author 웹표준화실 문영신
 * @since 2018.08.29
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/*! CSS Library v0.2. 20170608~. 20170822. 20180110. |
 * 공유 콘텐츠 CSS 추가
 * class 선택자에 정의한다. 우선순위 높은 id 선택자는 필연적일 때만 사용한다.
 */

/** Compatible!
 * [IE8+]
 */

/** Table of contents ))
 | Overwrite
 | Add Share Contents
 | Components Library
 | RWD
 */


/* All Device ◆◆◆◆◆◆◆◆◆◆ */


/* … lib.css, lib1cp1.css )) Overwrite 20180928 ◆◆◆ */


/* 버튼 | 독립아이콘 */
/* 패널 */
/* BG */
/* 복합배치 */


/* Add Share Contents Style ◇◆◇◆◇◆◇◆◇◆ */




/* ◇◆ Components Library ◇◆◇◆◇◆◇◆◇◆ */





/* 포토맵 20181018 */
.aroundmap1{position:relative;
	z-index:0;
	height:350px;
	border-radius:0;
	background:#d1d7db;
	overflow:hidden;
}
.aroundmap1 .map{ /* ★ 맵API 보정 */
	position:absolute !important;left:0;right:0;top:0;bottom:0;width:100%;height:100%;
}
.map1logo1{
	z-index:100;
	position:absolute;right:10px;top:10px;
	width:65px;
}
/* 맵마커.번호 */
.map1marker1{
	position:absolute;left:50%;top:50%;
}
[class*='aroundmap1marker1']{display:inline-block;
	z-index:10;
	position:absolute;left:50%;top:50%; /* 맵마커 가리키는 곳 */
	box-sizing:border-box; /* ☆ */
	width:20px;
	height:29px;
	margin:-29px 0 0 -10px; /* 가리키는 곳에서 이거 좌상단거리 */
	padding:11px 0 0;
	background:url(../../img/lib2/ich58a1c1mapmarker1.png) no-repeat center bottom;
	background-size:contain;
	color:#fff;
	font:bold 10px helvatica,arial,sans-serif;
	text-align:center;
	letter-spacing:0;
	overflow:hidden;
}
[class*='aroundmap1marker1']{display:inline-block;
	z-index:10;
	position:absolute;left:50%;top:50%; /* 맵마커 가리키는 곳 */
	box-sizing:border-box; /* ☆ */
	width:20px;
	height:34px;
	margin:-34px 0 0 -10px; /* 가리키는 곳에서 이거 좌상단거리 */
	padding:5px 0 0;
	background:url(../../img/lib2/ich58a1c1mapmarker1.png) no-repeat center bottom;
	background-size:contain;
	color:#fff;
	font:bold 10px/1 helvatica,arial,sans-serif;
	text-align:center;
	letter-spacing:0;
	overflow:hidden;
}
/* 맵마커.선택 */
.aroundmap1marker1select{width:40px;height:53px}
/* 맵마커.현재위치 */
.aroundmap1marker1here{width:40px;height:40px}

/* 현재위치설정 */
.map1myposition{display:block;
	position:absolute;left:10px;top:20px;
	width:40px;height:40px;
	background:#fff;
	overflow:hidden;
	border-radius:5px;
	box-shadow:0 0 3px 3px rgba(0, 0, 0, .1);
}
.map1myposition>a{display:block;
	position:relative;
	width:40px;height:40px;
	background:#fff;
}
.map1myposition>a.on{background:#0452c7}
.map1myposition>a:before{content:'';display:block;
	width:25px;height:25px;
	position:absolute;left:50%;top:50%;
	margin:-12px;
	background:url(../../img/sub/ich50a1c1position1.png) no-repeat;
	background-size:contain;
}

.map1myposition>a.on:before{background-image:url(../../img/sub/ich50a1c1position2.png);}

/* 지도확대축소 */
.map1util{display:block;
	position:absolute;right:10px;bottom:10px;
	width:40px;height:80px;
	background:#fff;
	overflow:hidden;
	border-radius:5px;
	box-shadow:0 0 3px 3px rgba(0, 0, 0, .1);
}
.map1util:before{content:'';
	display:block;
	position:absolute;left:0;top:40px;
	width:100%;
	border-top:1px solid #eee;
}
.map1util>a{display:block;
	position:relative;
	width:40px;height:40px;
	background:url() no-repeat;
}
.map1util>a .ic1{display:block;
	width:25px;height:25px;
	position:absolute;left:50%;top:50%;
	margin:-12px;
	background:url() no-repeat;
}
.map1util>a.plus .ic1{background-image:url(../../img/sub/ich50a1c1plus1.png)}
.map1util>a.minus .ic1{background-image:url(../../img/sub/ich50a1c1minus1.png)}




/* YYYYMMDD.Writer. ◇◆ */



/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */
/* small~xlarge */
@media all and (min-width:768px){ /* medium ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:768px) */
@media all and (min-width:1000px){ /* large ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:1000px) */
@media all and (min-width:1260px){ /* xlarge (1200+20*2+16+2*2) ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:1260px) */
/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */