@charset "utf-8";

/* 공유하기 */
.popup-wrap.share-layer.on {
	display: block;
}

.popup-wrap.share-layer {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 100;
	width: 100%;
	padding: 10px;
	background: rgba(0, 0, 0, 0.5);
	box-sizing: border-box;
}

.popup-wrap.share-layer .popup {
	width: 100%;
	max-width: 310px;
	border-radius: 20px;
	background-color: #fff;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 2px 1px 14px 0 #2c2b2b;
	z-index: 100;
}

.popup-wrap.share-layer .popup .title {
	font-size: 15px;
	text-align: center;
	color: #000;
	margin-top: 28px;
}

.popup-wrap.share-layer .popup .btn-close {
	position: absolute;
	top: 28px;
	right: 22px;
	width: 17px;
	height: 17px;
	background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='-0.199 -0.199 17 17'%3E%3Cpath fill='none' stroke='%23878787' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='m1.417 1.417 13.768 13.768m0-13.768L1.417 15.185'/%3E%3C/svg%3E");
}

.popup-wrap.share-layer .popup .sns-list {
	width: 216px;
	margin: 40px auto 48px;
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
}

.popup-wrap.share-layer .popup .sns-list::after {
	content: '';
	display: flex;
	flex: 1 0 auto;
}

.popup-wrap.share-layer .popup .sns-list li {
	width: calc(99.9% / 3);
	height: 56px;
	overflow: hidden;
	margin: 18px 0 0;
}

.popup-wrap.share-layer .popup .sns-list li:nth-of-type(-n + 3) {
	margin-top: 0;
}

.popup-wrap.share-layer .popup .sns-list li.kakao button {
	background-color: #ffeb00;
}

.popup-wrap.share-layer .popup .sns-list li.kakao button::before {
	width: 34px;
	height: 34px;
	background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='45' height='45' viewBox='-0.736 -2.089 45 45'%3E%3Cpath fill='%233C1E1E' d='M43.871 15.973a14.31 14.31 0 0 0-1.799-5.635 16.835 16.835 0 0 0-3.111-3.958c-1.281-1.212-2.664-2.294-4.236-3.101-1.169-.599-2.35-1.192-3.572-1.665-1.025-.396-2.107-.672-3.188-.894a39.033 39.033 0 0 0-3.982-.617 19.602 19.602 0 0 0-4.785.092c-1.294.19-2.603.341-3.87.65-1.183.288-2.339.714-3.473 1.167a24.476 24.476 0 0 0-2.947 1.406c-1.441.813-2.746 1.824-3.948 2.965-1.207 1.146-2.239 2.434-3.048 3.882-.442.793-.774 1.651-1.116 2.496a10.308 10.308 0 0 0-.73 3.115c-.135 1.841-.107 3.674.493 5.447.27.796.535 1.601.89 2.359.508 1.086 1.177 2.083 1.934 3.017 1.053 1.303 2.245 2.465 3.621 3.415.952.658 1.975 1.214 2.962 1.822.173.106.242.247.173.481-.229.787-.427 1.582-.634 2.375-.204.783-.402 1.566-.606 2.35-.233.896-.49 1.787-.69 2.691-.045.205.031.527.176.666.227.22.562.164.834-.005.282-.175.551-.371.825-.559a3191.68 3191.68 0 0 1 4.256-2.917c.979-.67 1.95-1.35 2.945-1.995.381-.247.706-.601 1.268-.529 1.121.144 2.251.206 3.479.312 1.36-.121 2.809-.233 4.253-.384a9.835 9.835 0 0 0 1.685-.317c1.241-.359 2.488-.718 3.696-1.172a23.564 23.564 0 0 0 3.032-1.388 19.773 19.773 0 0 0 4.076-2.962 17.8 17.8 0 0 0 2.851-3.402 15.27 15.27 0 0 0 1.903-4.35c.422-1.604.548-3.227.383-4.858zm-33.039-1.056c.011 2.22.023 4.44.03 6.66.001.238-.012.478-.046.714a.997.997 0 0 1-1.061.854c-.507-.036-.961-.465-.967-.97-.015-1.229-.005-2.458-.005-3.687h-.034c0-1.218-.006-2.435.004-3.652.003-.315-.085-.443-.429-.435-.631.016-1.265.006-1.894-.044-.56-.044-.928-.458-.854-.95.073-.487.311-.918.949-.921 1.313-.005 2.626-.001 3.939-.006.847-.002 1.695-.027 2.542-.015.811.012 1.23.731.865 1.448-.168.33-.464.429-.803.435-.573.01-1.146.004-1.718.018-.482.012-.52.062-.518.551zm10.33 8.182c-.473.074-1.019-.28-1.162-.757-.106-.353-.218-.704-.311-1.06-.064-.244-.199-.364-.455-.363-1.277.004-2.555-.002-3.832.014-.101 0-.252.119-.292.219-.181.452-.323.92-.493 1.375-.19.51-.778.733-1.303.51-.579-.248-.806-.777-.602-1.298.321-.816.605-1.647.916-2.468.306-.809.629-1.611.935-2.421.288-.766.54-1.546.849-2.303.261-.639.37-1.36.961-1.835.868-.697 1.814-.396 2.288.407.333.564.524 1.215.762 1.833.32.83.627 1.665.934 2.5.213.58.411 1.165.625 1.744.209.567.438 1.127.644 1.696.152.42.281.85.365 1.106-.003.653-.338 1.023-.829 1.101zm7.895-.751c-.127.306-.373.578-.748.582-1.42.016-2.839.025-4.258.011-.562-.006-.957-.494-.972-1.156-.016-.715-.005-1.431-.005-2.146v-2.075h-.01l.001-4.15c0-.477.227-.826.649-1.02.406-.186.861-.133 1.115.205.224.298.366.731.373 1.108.037 2.241.023 4.484.027 6.726.001.58.025.601.609.589.668-.013 1.335-.031 2.002-.027.421.003.82.062 1.109.444.227.295.23.618.108.909zm8.533.423c-.355.325-1.094.374-1.408.03-.422-.463-.799-.968-1.176-1.471-.625-.834-1.233-1.683-1.853-2.522-.211-.286-.305-.268-.589-.027-.326.277-.45.599-.427 1.03.036.667-.018 1.337.024 2.003.05.805-.525 1.248-1.03 1.252-.716.006-1.132-.473-1.134-1.27-.006-1.813-.008-3.626-.012-5.44-.002-.954-.016-1.909-.001-2.863.006-.399.12-.762.487-1.013.345-.234.711-.258 1.051-.09.378.187.613.525.617.973.006.895 0 1.79.007 2.685.001.153.045.307.083.548.559-.584 1.038-1.091 1.523-1.594.748-.775 1.488-1.557 2.254-2.315.315-.313.73-.264 1.109-.125.343.126.525.446.537.779.007.219-.129.489-.285.659-.893.965-1.807 1.91-2.721 2.854-.197.203-.237.348-.039.603a306.32 306.32 0 0 1 3.068 4.017c.314.415.264.976-.085 1.297z'/%3E%3Cpath fill='%233C1E1E' d='M17.639 15.115c-.078-.231-.201-.447-.303-.669l-.086.013c-.035.122-.069.244-.105.365-.108.364-.208.73-.327 1.09-.216.653-.445 1.301-.664 1.953-.098.292-.196.585-.268.884-.052.214.042.333.287.328.799-.018 1.598-.031 2.397-.03.281 0 .332-.121.254-.356-.394-1.193-.783-2.387-1.185-3.578z'/%3E%3C/svg%3E");
}

.popup-wrap.share-layer .popup .sns-list li.facebook button {
	background-color: #3b5eaa;
}

.popup-wrap.share-layer .popup .sns-list li.facebook button::before {
	width: 30px;
	height: 30px;
	background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='22' height='42' viewBox='-0.543 -1.241 22 42'%3E%3Cpath fill='%23fff' d='M19.848 15.115h-6.695v-4.686c0-2.125.591-3.573 3.638-3.573l2.821-.001c.589 0 1.064-.478 1.064-1.065V1.065C20.676.477 20.199 0 19.609 0H15.01C9.409 0 5.572 3.42 5.572 9.702v5.413H1.065c-.59 0-1.068.479-1.065 1.069l.022 5.603a1.066 1.066 0 0 0 1.065 1.061h4.515l-.029 16.67h7.579l.029-16.67h6.002c.539 0 .993-.402 1.059-.938l.664-5.603a1.066 1.066 0 0 0-1.058-1.192z'/%3E%3C/svg%3E");
}

.popup-wrap.share-layer .popup .sns-list li.link-copy button {
	background-color: #878787;
}

.popup-wrap.share-layer .popup .sns-list li.link-copy button::before {
	width: 26px;
	height: 26px;
	background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='-0.704 -0.957 34 34'%3E%3Cpath fill='%23fff' d='M13.957 20.334c-.434 0-.868-.164-1.199-.496-3.101-3.101-3.101-8.147 0-11.249l6.259-6.259C20.519.827 22.517 0 24.642 0s4.122.827 5.625 2.33c3.101 3.102 3.101 8.148 0 11.25l-2.861 2.861a1.696 1.696 0 0 1-2.398-2.397l2.861-2.861a4.57 4.57 0 0 0 0-6.455c-.861-.862-2.008-1.337-3.227-1.337s-2.365.475-3.228 1.337l-6.259 6.259a4.57 4.57 0 0 0 0 6.455 1.694 1.694 0 0 1-1.198 2.892z'/%3E%3Cpath fill='%23fff' d='M7.951 32.6a7.906 7.906 0 0 1-5.625-2.33c-3.102-3.102-3.102-8.146 0-11.248l2.861-2.862a1.695 1.695 0 1 1 2.397 2.397l-2.861 2.861a4.57 4.57 0 0 0 0 6.455c.862.861 2.008 1.336 3.228 1.336s2.365-.475 3.228-1.336l6.259-6.26a4.57 4.57 0 0 0 0-6.454 1.695 1.695 0 1 1 2.397-2.397c3.102 3.102 3.102 8.148 0 11.25l-6.259 6.258a7.911 7.911 0 0 1-5.625 2.33z'/%3E%3C/svg%3E");
}

.popup-wrap.share-layer .popup .sns-list li.naver button {
	background-color: #55c669;
}

.popup-wrap.share-layer .popup .sns-list li.naver button::before {
	width: 26px;
	height: 26px;
	background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='-0.421 -0.225 31 28'%3E%3Cpath fill='%23fff' d='M10.202 13.621c-.008.191-.024.382-.024.574 0 4.272-.006 8.543.012 12.815.002.441-.142.542-.553.54-3.026-.014-6.051-.013-9.077-.001-.4.002-.56-.084-.559-.533C.015 18.197.016 9.379.003.561.002.098.147-.002.579 0c3.074.017 6.148.016 9.223.001.386-.001.615.124.83.441 2.989 4.4 5.99 8.792 8.989 13.185.068.101.156.188.323.388.014-.307.029-.489.03-.672.001-4.255.008-8.51-.009-12.766-.001-.446.12-.58.57-.577 3.026.018 6.052.019 9.077 0 .434-.002.545.13.544.549-.012 8.818-.013 17.636-.003 26.455.001.427-.121.549-.548.547a933.81 933.81 0 0 0-9.319-.001c-.355.001-.553-.14-.744-.421-2.998-4.414-6.006-8.82-9.012-13.229-.071-.104-.15-.202-.226-.302a4.823 4.823 0 0 0-.102.023z'/%3E%3C/svg%3E");
}

.popup-wrap.share-layer .popup .sns-list li.twitter button {
	background-color: #000;
}

.popup-wrap.share-layer .popup .sns-list li.twitter button::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35.7 33.5'%3E%3Cpath d='m0 0 13.8 18.5L0 33.5h3.1l12.2-13.1 9.8 13.1h10.6L21.1 14l13-14H31L19.8 12.1 10.7 0H0Zm4.7 2.3h4.9l21.6 28.9h-4.9L4.7 2.3Z' style='fill:%23fff'/%3E%3C/svg%3E");
}

.popup-wrap.share-layer .popup .sns-list li.line button {
	background-color: #4eae32;
}

.popup-wrap.share-layer .popup .sns-list li.line button::before {
	background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='-1.129 -1.081 47 45'%3E%3Cpath fill='%23fff' d='M23.333 0c6.389.135 12.832 2.304 17.733 7.937 5.331 6.128 5.317 14.317.042 20.491-5.097 5.966-11.53 10.202-18.295 13.995a3.58 3.58 0 0 1-1.007.363c-.939.201-1.379-.184-1.272-1.142.084-.75.254-1.491.368-2.238.311-2.019-.237-2.776-2.237-3.164-1.21-.233-2.438-.421-3.617-.765-5.725-1.667-10.452-4.726-13.27-10.145C-1.318 19.379-.294 12.53 4.257 7.604 8.8 2.69 15.23.001 23.333 0m-.951 18.493.312-.143c.271.324.56.637.812.976 1.021 1.372 2.049 2.739 3.037 4.134.581.821 1.428.718 2.147.515.289-.081.522-.875.532-1.35.056-2.506.039-5.015.029-7.521-.003-.845.234-1.789-1.196-1.816-1.429-.028-1.232.885-1.232 1.752-.002 1.362-.001 2.725-.001 4.088a2.527 2.527 0 0 1-1.038-.832c-1.074-1.432-2.165-2.852-3.192-4.316-.582-.828-1.401-.804-2.121-.535-.308.116-.51.89-.519 1.369-.047 2.665.004 5.332-.033 7.998-.012.882.206 1.292 1.194 1.297 1.025.005 1.316-.401 1.283-1.352-.052-1.419-.014-2.842-.014-4.264m8.405.154h.008c0 1.434.021 2.867-.008 4.3-.017.799.277 1.158 1.115 1.141 1.671-.036 3.345-.033 5.017.004.854.019 1.102-.377 1.094-1.163-.007-.76-.083-1.352-1.061-1.322-.955.028-1.911-.02-2.866.001-.626.013-.953-.302-.793-.863.086-.302.493-.697.786-.725.987-.092 1.988-.055 2.983-.036.954.018.941-.625.961-1.296.02-.681-.104-1.19-.95-1.17a33.98 33.98 0 0 1-2.389-.012c-.606-.027-1.46.326-1.433-.843.025-1.071.807-.753 1.383-.776a24.907 24.907 0 0 1 2.27-.005c.946.049 1.114-.482 1.124-1.272.01-.802-.179-1.307-1.115-1.291-1.672.028-3.345.028-5.017-.001-.828-.014-1.137.343-1.118 1.15.033 1.392.009 2.786.009 4.179m-23.373-.003h-.013c0 1.43.017 2.86-.006 4.29-.012.777.248 1.171 1.104 1.149a88.472 88.472 0 0 1 4.887.009c.986.029 1.187-.448 1.188-1.317.002-.896-.357-1.211-1.213-1.165-.752.042-1.515-.05-2.263.021-1.031.096-1.297-.376-1.273-1.317.047-1.945-.003-3.892.027-5.838.014-.872-.339-1.201-1.213-1.178-.828.021-1.26.274-1.235 1.176.037 1.389.01 2.78.01 4.17m8.524.133c0 1.433.021 2.866-.008 4.298-.019.911.521 1.014 1.24 1.02.729.006 1.223-.106 1.211-1.021-.036-2.904-.037-5.81-.018-8.715.005-.788-.341-1.063-1.082-1.043-.724.019-1.371.038-1.351 1.044.031 1.472.009 2.944.008 4.417'/%3E%3C/svg%3E");
}

.popup-wrap.share-layer .popup .sns-list li.band button {
	background-color: #55c669;
}

.popup-wrap.share-layer .popup .sns-list li.band button::before {
	background-image: svgIcon('band');
}

.popup-wrap.share-layer .popup .sns-list li button {
	display: block;
	width: 56px;
	height: 56px;
	margin: 0 auto;
	background-color: #eee;
	border-radius: 50%;
}

.popup-wrap.share-layer .popup .sns-list li button::before {
	content: '';
	display: block;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	margin: 0 auto;
}

#mobileWrap .popup-wrap.share-layer .popup {
	max-width: 280px;
}

#mobileWrap .popup-wrap.share-layer .popup .sns-list {
	margin: 40px auto 48px;
	flex-direction: row;
	border-bottom: none;
}