@charset "utf-8";

/* FONT Import */
@import url("fonts/Freesentation.css"); /* font-family: "Freesentation"; */
@import url("fonts/Paperlogy.css"); /* font-family: "Paperlogy"; */
@import url("fonts/Pretendard.css"); /* font-family: "Pretendard" */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap'); /* font-family: "Roboto" */
@import url('https://cdn.jsdelivr.net/gh/aquawolf04/font-awesome-pro@5cd1511/css/all.css'); /* Font Awesome 6.2.0 */

/* 초기화 */
html, body {
	width:100%;
	height:100%;
	font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
	margin:0;
	padding:0;
}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: 'Pretendard', sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, header, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;}
input, button {margin:0;padding:0;font-size:1em;font-family: 'Pretendard', sans-serif;}
input[type="submit"]{cursor:pointer}
button {outline:0;cursor:pointer}

select {margin:0}
p {font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none;outline:0}

*, ::focus {
	outline:0;
}
*, ::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

* input[type=text],input[type=password], textarea {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
}
 
*  input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
	box-shadow: 0 0 0 3px rgba(0,0,0, 0.1) !important;
	border: 1px solid #616161 !important;
}

::selection {
	color:#000;
	background-color:#b3d4fc;
	text-shadow:none;
}
::-moz-selection {
	color:#000;
	background-color:#b3d4fc;
	text-shadow:none;
}
::-webkit-selection {
	color:#000;
	background-color:#b3d4fc;
	text-shadow:none;
}

.placeholdersjs { color: #ddd !important; }

svg { overflow:hidden; vertical-align:middle; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}
textarea {
	width:100%;
	min-height:150px;
	font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
	font-size:0.96rem;
	color:#333;
	line-height:1.5em;
	padding:10px !important;
	border:1px solid rgba(0,0,0,0.2);
	border-radius:3px;
	box-shadow:none;
	resize:none;
	outline:none;
}
input:focus,
textarea:focus { background-color:#fff; outline:none; }

select {
	font-family: 'Pretendard', sans-serif;
	font-size:1rem;
	color:#212121;
	font-weight:400;
	padding:0.6rem 2.5rem 0.6rem 1rem;
	background-color:#fff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 380'%3E%3Cpath fill='%23212121' d='M256,246.5c-8.2,0-16.1-3.3-21.9-9.1L152,155.4l21.9-21.9l82.1,82.1l82.1-82.1l21.9,21.9l-82.1,82.1 C272.1,243.3,264.2,246.6,256,246.5z'/%3E%3Crect fill='%23d0d0d0' x='0' y='70' width='20' height='240'/%3E%3C/svg%3E%0A");
	background-size:30px;
	background-position:100% 50%;
	background-repeat:no-repeat;
    border:1px solid #ccc;
	border-radius:3px;
	outline:none;
    -webkit-appearance:none;
	-moz-appearance:none;    
	appearance:none;
	cursor:pointer;
}
select::-ms-expand {
	display: none;
}

input[type="checkbox"] {
	display:none;
}
input[type="checkbox"] + label {
	font-size:0.96rem;
	color:#212121;
	font-weight:500;
	white-space:nowrap;
	padding:0;
	cursor:pointer;
	display:inline-block;
}
input[type="checkbox"] + label span {
	width:20px;
	min-width:20px;
	height:20px;
	margin-right:0.5rem;
	vertical-align:middle;
	background-color:#fff;
	background-image:none;
	background-size:auto 26px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	border:1px solid #aaa;
	border-radius:0.25rem;
	cursor:pointer;
	vertical-align:middle;
	display:inline-block;
}
input[type="checkbox"]:checked + label span {
	background-color:#F20000;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' d='M10.5859 13.4142L7.75748 10.5858L6.34326 12L10.5859 16.2426L17.657 9.17154L16.2428 7.75732L10.5859 13.4142Z'/%3E%3C/svg%3E%0A");
	border-color:#F20000;
}
input[type="checkbox"]:disabled + label,
input[type="checkbox"]:disabled + label span { cursor:default; }

input[type="radio"] {
	display:none;
}
input[type="radio"] + label {
	font-size:1rem;
	color:#333;
	margin-right:25px;
	cursor:pointer;
}
input[type="radio"] + label span {
	width:20px;
	height:20px;
	margin:-2px 5px 0 0;
	vertical-align:middle;
	background-color:#fff;
	background-size:auto 12px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	border:1px solid #ccc;
	border-radius:50%;
	display:inline-block;
}
input[type="radio"]:checked + label span {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23ff158a'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/g%3E%3C/svg%3E");
}

::-webkit-input-placeholder {
	color:#aaa !important;
	text-align:left !important;
}

/* Scroll Width */
::-webkit-scrollbar {
	width:6px;
	height:6px;
	background-color:transparent;
}
/* Scroll Track */
::-webkit-scrollbar-track {
	border-radius:0;
}
/* Scroll Handle */
::-webkit-scrollbar-thumb {
	background-color:rgba(0,0,0,0.5);
	border:1px solid rgba(255,255,255,0.3);
	border-radius:10px;
}
/* Scroll Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background-color:rgba(0,0,0,1);
}

/* Loader */
#loader {
	position:fixed;
	top:50%;
	left:50%;
	width:12px;
	height:12px;
	background-color:rgba(242,0,0,1);
	border-radius:50%;
	transform:translate(-50%, -50%);
	z-index:9;
}
#loader:before {
	content:"";
	position:absolute;
	top:0px;
	width:12px;
	height:12px;
	border-radius:50%;
	animation:loader_L 2s ease-in-out infinite;
}
#loader:after {
	content:"";
	position:absolute;
	top:0px;
	width:12px;
	height:12px;
	border-radius:50%;
	animation:loader_R 2s ease-in-out infinite;
}
@keyframes loader_L {
	0% { left:-25px; background-color:rgba(242,0,0,1); }
	50% { left:0px; background-color:rgba(242,0,0,0); }
	100% { left:-25px; background-color:rgba(242,0,0,1); }
}
@keyframes loader_R {
	0% { right:-26px; background-color:rgba(242,0,0,1); }
	50% { right:0px; background-color:rgba(242,0,0,0); }
	100% { right:-26px; background-color:rgba(242,0,0,1); }
}

/* Mobile Alert */
#mobileAlert { display:none; }

#wrap {
	width:100%;
	min-width:1600px;
	margin:0 auto;
	opacity:0;
}
#wrap.on { opacity:1; }

/* Header */
#topBar {
	width:100%;
	padding:0 3rem;
	background-color:#fafafa;
	border-bottom:1px solid #eaeaea;
	display:flex;
	justify-content:center;
}
#topBar article {
	width:100%;
	max-width:1400px;
	margin-right:-2rem;
	display:flex;
	justify-content:flex-end;
}
#topBar article a {
	position:relative;
	font-size:0.8rem;
	color:#727272;
	padding:0.6rem 1rem;
	transition:all 0.25s ease-in-out;
}
#topBar article a:not(:last-of-type):after {
	content:"";
	position:absolute;
	top:50%;
	right:0;
	width:2px;
	height:2px;
	background-color:#919191;
	border-radius:50%;
	transform:translateY(-50%);
}
#topBar article a:hover { color:#000; }

#header {
	width:100%;
	padding:0.6rem 3rem;
	border-bottom:1px solid #eaeaea;
}
#header .headTop,
#header .headGnb {
	width:100%;
	max-width:1400px;
	margin:0 auto;
	display:flex;
	align-items:center;
}
#header .headTop { padding:1rem 0; }
#header .headGnb {
	margin-top:0.6rem;
	padding:0.3rem 0;
}
#header .headTop .logo {
	width:260px;
	height:25px;
	background-image:url("../img/logo_b.svg");
	background-size:auto 100%;
	background-position:0 50%;
	background-repeat:no-repeat;
	display:block;
}
#header .headTop article {
	display:flex;
	align-items:center;
}
#header .headTop article a {
	position:relative;
	width:45px;
	height:45px;
	margin-left:10px;
	background-color:#fafafa;
	background-size:auto 18px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	border:1px solid #eaeaea;
	border-radius:50%;
	transition:all 0.25s ease-in-out;
	display:block;
}
/* hover 시 title 속성을 아래쪽에 표시 */
#header .headTop article a:hover:after {
	content:attr(data-title);
	position:absolute;
	left:50%;
	bottom:-30px;
	font-size:0.8rem;
	color:#fff;
	font-weight:500;
	white-space:nowrap;
	padding:0.25rem 0.5rem;
	background-color:#1b1b1b;
	border-radius:3px;
	transform:translateX(-50%);
}

#header .headTop .admin {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23F20000' d='M345 151.2C354.2 143.9 360 132.6 360 120C360 97.9 342.1 80 320 80C297.9 80 280 97.9 280 120C280 132.6 285.9 143.9 295 151.2L226.6 258.8C216.6 274.5 195.3 278.4 180.4 267.2L120.9 222.7C125.4 216.3 128 208.4 128 200C128 177.9 110.1 160 88 160C65.9 160 48 177.9 48 200C48 221.8 65.5 239.6 87.2 240L119.8 457.5C124.5 488.8 151.4 512 183.1 512L456.9 512C488.6 512 515.5 488.8 520.2 457.5L552.8 240C574.5 239.6 592 221.8 592 200C592 177.9 574.1 160 552 160C529.9 160 512 177.9 512 200C512 208.4 514.6 216.3 519.1 222.7L459.7 267.3C444.8 278.5 423.5 274.6 413.5 258.9L345 151.2z'/%3E%3C/svg%3E");
	background-color:#FFEBEE;
	border-color:#FFCDD2;
}
#header .headTop .login { background-image:url("../img/icon_login.svg"); }
#header .headTop .logout { background-image:url("../img/icon_logout.svg"); }
#header .headTop .cart { background-image:url("../img/icon_cart.svg"); }
#header .headTop .orderList { background-image:url("../img/icon_order_list.svg"); }
#header .headTop article a:hover {
	background-color:#fff;
	border:1px solid #ccc;
}
#header .headTop article a.admin:hover { border-color:#FF5252; }
#header .headTop article {
	margin-left:auto;
}
#header .headTop .ct_num {
	position:absolute;
	top:-5px;
	right:-5px;
	width:18px;
	height:18px;
	font-size:0.6rem;
	color:#fff;
	font-weight:700;
	font-style:normal;
	white-space:nowrap;
	background-color:#FF1744;
	border-radius:50%;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}

#header .gnb {
	margin-left:-1.5rem;
	display:flex;
	align-items:center;
}
#header .gnb li {
	position:relative;
}
#header .gnb > li > a {
	position:relative;
	font-family:"Paperlogy";
	font-size:1.1rem;
	color:#000;
	font-weight:600;
	padding:0.8rem 1.5rem;
}
#header .gnb > li > a:after {
	content:"";
	position:absolute;
	top:-0.25rem;
	left:2.5rem;
	width:6px;
	height:6px;
	background-color:#F20000;
	border-radius:50%;
	opacity:0;
	transition:all 0.25s ease-in-out;
}
#header .gnb > li:hover > a:after,
#header .gnb > li.current > a:after {
	left:1.5rem;
	opacity:1;
}
#header .gnb > li > a.admin_gnb { color:#F20000; }
#header .snbBox {
	position:absolute;
	top:2.3rem;
	left:50%;
	width:160px;
	margin-left:-80px;
	background-color:#fff;
	border:1px solid #eaeaea;
	border-radius:5px;
	box-shadow:0 3px 6px -3px rgba(0,0,0,0.15);
	transform:translateY(1rem);
	transition:all 0.3s ease-in-out;
	visibility:hidden;
	opacity:0;
	z-index:9;
}
#header .snbBox:before {
	content:"";
	position:absolute;
	top:-10px;
	left:50%;
	width:10px;
	height:10px;
	background-color:#fff;
	border-top:1px solid #eaeaea;
	border-right:1px solid #eaeaea;
	transform:rotate(-45deg) translateX(-50%);
}
#header .gnb li:hover .snbBox {
	transform:translateY(0);
	visibility:visible;
	opacity:1;
}
#header .snb { padding:0.6rem 1rem; }
#header .snb a {
	font-size:1rem;
	color:#616161;
	font-weight:500;
	line-height:2rem;
	text-align:center;
	transition:all 0.25s ease-in-out;
	display:block;
}
#header .snb a:hover { color:#1b1b1b; }

#header .headGnb .kakaoChat {
	width:120px;
	height:45px;
	font-size:1.1rem;
	color:#3c1e1e;
	font-weight:500;
	margin-left:auto;
	background-color:#fae100;
	border-radius:5px;
	transition:all 0.15s ease-in-out;
	display:flex;
	align-items:center;
	justify-content:center;
}
#header .headGnb .kakaoChat:hover {
	box-shadow:inset 0 0 0 1px rgba(0,0,0,0.15);
}
#header .headGnb .kakaoChat img {
	width:auto;
	height:24px;
	padding-right:10px;
}

/* Footer */
#footer {
	padding:3rem;
	background-color:#424242;
}
#footer .footerBox {
	width:100%;
	max-width:1400px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
}
#footer .footerBox article .logo {
	width:210px;
	height:20px;
	background-image:url("../img/logo_w.svg");
	background-size:auto 100%;
	background-position:0 50%;
	background-repeat:no-repeat;
	display:block;
}
#footer .footerBox article ul {
	display:flex;
	align-items:center;
}
#footer .footerBox article ul:first-of-type { margin-top:2rem; }
#footer .footerBox article ul li {
	font-size:1rem;
	color:#d0d0d0;
	margin-right:1.5rem;
	cursor:default;
}
#footer .footerBox article .footer_privacy a {
	min-width:120px;
	font-size:0.86rem;
	color:#d0d0d0;
	margin-left:0.25rem;
	padding:0.5rem;
	border:1px solid #d0d0d0;
	text-align:center;
	transition:all 0.25s ease-in-out;
	display:inline-block;
}
#footer .footerBox article .footer_privacy a:hover {
	color:#fff;
	border-color:#fff;
}
#footer .footerBox article .footer_sns {
	margin-top:2rem;
	text-align:right;
}
#footer .footerBox article .footer_sns a {
	width:36px;
	height:36px;
	margin-left:0.25rem;
	background-size:auto 36px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	border-radius:50%;
	transition:all 0.25s ease-in-out;
	display:inline-block;
}
#footer .footerBox article .footer_sns a:nth-of-type(1) {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpath fill='%23727272' d='M60 0C26.9 0 0 26.9 0 60s26.9 60 60 60 60-26.9 60-60S93.1 0 60 0m-1.4 81.1c-3.1 1.4-6.7 2.3-10.5 2.3-1.6 0-3.1-.1-4.6-.4L39 86l-1.9 1.3c-1.8 1.2-4.1-.1-4.1-2.2v-6.8c-4.8-3.7-7.8-9.2-7.8-15.3 0-9.9 8-18.2 18.5-20 1.4-.2 2.8-.4 4.3-.4 12.6 0 22.8 9.1 22.8 20.3.1 8-4.9 14.8-12.2 18.2m26.2-4.8v8.8c0 2.1-2.4 3.4-4.1 2.2l-8.3-5.6c-1.8.3-3.7.5-5.6.5-.6 0-1.2 0-1.8-.1 6.3-4.5 10.4-11.4 10.4-19.1 0-13.4-12.2-24.3-27.3-24.3 5-4 11.5-6.4 18.7-6.4 15.4 0 28 11.2 28 24.9-.1 7.7-3.9 14.5-10 19.1'/%3E%3C/svg%3E");
}
#footer .footerBox article .footer_sns a:nth-of-type(1):hover {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpath fill='%23d0d0d0' d='M60 0C26.9 0 0 26.9 0 60s26.9 60 60 60 60-26.9 60-60S93.1 0 60 0m-1.4 81.1c-3.1 1.4-6.7 2.3-10.5 2.3-1.6 0-3.1-.1-4.6-.4L39 86l-1.9 1.3c-1.8 1.2-4.1-.1-4.1-2.2v-6.8c-4.8-3.7-7.8-9.2-7.8-15.3 0-9.9 8-18.2 18.5-20 1.4-.2 2.8-.4 4.3-.4 12.6 0 22.8 9.1 22.8 20.3.1 8-4.9 14.8-12.2 18.2m26.2-4.8v8.8c0 2.1-2.4 3.4-4.1 2.2l-8.3-5.6c-1.8.3-3.7.5-5.6.5-.6 0-1.2 0-1.8-.1 6.3-4.5 10.4-11.4 10.4-19.1 0-13.4-12.2-24.3-27.3-24.3 5-4 11.5-6.4 18.7-6.4 15.4 0 28 11.2 28 24.9-.1 7.7-3.9 14.5-10 19.1'/%3E%3C/svg%3E");
}
#footer .footerBox article .footer_sns a:nth-of-type(2) {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpath fill='%23727272' d='M60 0C26.9 0 0 26.9 0 60s26.9 60 60 60 60-26.9 60-60S93.1 0 60 0m28 87.8H71L50.5 58.1v29.6H32.6V32.4h17L70.2 62V32.4H88z'/%3E%3C/svg%3E");
}
#footer .footerBox article .footer_sns a:nth-of-type(2):hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpath fill='%23d0d0d0' d='M60 0C26.9 0 0 26.9 0 60s26.9 60 60 60 60-26.9 60-60S93.1 0 60 0m28 87.8H71L50.5 58.1v29.6H32.6V32.4h17L70.2 62V32.4H88z'/%3E%3C/svg%3E");
}
#footer .footerBox article .footer_sns a:nth-of-type(3) {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='%23727272'%3E%3Cpath d='M87.3 39.7c-.6-1.6-1.4-2.8-2.6-4s-2.4-2-4-2.6c-1.2-.5-3.1-1-6.4-1.2-3.6-.2-4.7-.2-14-.2h-3.1c-6.4 0-7.7.1-10.9.2-3.4.2-5.2.7-6.4 1.2-1.6.6-2.8 1.4-4 2.6s-2 2.4-2.6 4c-.5 1.2-1 3-1.2 6.4-.1 3.6-.1 4.7-.1 13.9s0 10.3.2 14c.2 3.4.7 5.2 1.2 6.4.6 1.6 1.4 2.8 2.6 4s2.4 2 4 2.6c1.2.5 3.1 1 6.4 1.2 3.6.2 4.7.2 14 .2 9.2 0 10.3 0 14-.2 3.4-.2 5.2-.7 6.4-1.2 1.6-.6 2.8-1.4 4-2.6s2-2.4 2.6-4c.5-1.2 1-3 1.2-6.4.2-3.6.2-4.7.2-14 0-9.2 0-10.3-.2-14-.3-3.3-.8-5.1-1.3-6.3m-27 38.1c-9.8 0-17.8-7.9-17.8-17.7s8-17.7 17.8-17.7 17.8 7.9 17.8 17.7-8 17.7-17.8 17.7m18.5-32c-2.3 0-4.2-1.9-4.2-4.1 0-2.3 1.9-4.1 4.2-4.1s4.2 1.9 4.2 4.1c-.1 2.2-1.9 4.1-4.2 4.1'/%3E%3Cpath d='M60.3 48.5c-6.4 0-11.5 5.2-11.5 11.5 0 6.4 5.2 11.5 11.5 11.5 6.4 0 11.5-5.2 11.5-11.5s-5.1-11.5-11.5-11.5'/%3E%3Cpath d='M60 0C26.9 0 0 26.9 0 60s26.9 60 60 60 60-26.9 60-60S93.1 0 60 0m34.7 74.3c-.2 3.7-.8 6.2-1.6 8.4-.9 2.3-2.1 4.2-4 6.1s-3.8 3.1-6.1 4c-2.2.9-4.7 1.4-8.4 1.6s-4.9.2-14.3.2-10.6 0-14.3-.2-6.2-.8-8.4-1.6c-2.3-.9-4.2-2.1-6.1-4s-3.1-3.8-4-6.1c-.9-2.2-1.4-4.7-1.6-8.4s-.2-4.9-.2-14.2c0-9.4 0-10.6.2-14.2.2-3.7.7-6.2 1.6-8.4.9-2.3 2.1-4.2 4-6.1s3.9-3.1 6.1-4 4.7-1.4 8.4-1.6 4.9-.2 14.3-.2 10.6 0 14.3.2 6.2.8 8.4 1.6c2.3.9 4.2 2.1 6.1 4s3.1 3.8 4 6.1c.9 2.2 1.4 4.7 1.6 8.4s.2 4.9.2 14.2 0 10.5-.2 14.2'/%3E%3C/g%3E%3C/svg%3E");
}
#footer .footerBox article .footer_sns a:nth-of-type(3):hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='%23d0d0d0'%3E%3Cpath d='M87.3 39.7c-.6-1.6-1.4-2.8-2.6-4s-2.4-2-4-2.6c-1.2-.5-3.1-1-6.4-1.2-3.6-.2-4.7-.2-14-.2h-3.1c-6.4 0-7.7.1-10.9.2-3.4.2-5.2.7-6.4 1.2-1.6.6-2.8 1.4-4 2.6s-2 2.4-2.6 4c-.5 1.2-1 3-1.2 6.4-.1 3.6-.1 4.7-.1 13.9s0 10.3.2 14c.2 3.4.7 5.2 1.2 6.4.6 1.6 1.4 2.8 2.6 4s2.4 2 4 2.6c1.2.5 3.1 1 6.4 1.2 3.6.2 4.7.2 14 .2 9.2 0 10.3 0 14-.2 3.4-.2 5.2-.7 6.4-1.2 1.6-.6 2.8-1.4 4-2.6s2-2.4 2.6-4c.5-1.2 1-3 1.2-6.4.2-3.6.2-4.7.2-14 0-9.2 0-10.3-.2-14-.3-3.3-.8-5.1-1.3-6.3m-27 38.1c-9.8 0-17.8-7.9-17.8-17.7s8-17.7 17.8-17.7 17.8 7.9 17.8 17.7-8 17.7-17.8 17.7m18.5-32c-2.3 0-4.2-1.9-4.2-4.1 0-2.3 1.9-4.1 4.2-4.1s4.2 1.9 4.2 4.1c-.1 2.2-1.9 4.1-4.2 4.1'/%3E%3Cpath d='M60.3 48.5c-6.4 0-11.5 5.2-11.5 11.5 0 6.4 5.2 11.5 11.5 11.5 6.4 0 11.5-5.2 11.5-11.5s-5.1-11.5-11.5-11.5'/%3E%3Cpath d='M60 0C26.9 0 0 26.9 0 60s26.9 60 60 60 60-26.9 60-60S93.1 0 60 0m34.7 74.3c-.2 3.7-.8 6.2-1.6 8.4-.9 2.3-2.1 4.2-4 6.1s-3.8 3.1-6.1 4c-2.2.9-4.7 1.4-8.4 1.6s-4.9.2-14.3.2-10.6 0-14.3-.2-6.2-.8-8.4-1.6c-2.3-.9-4.2-2.1-6.1-4s-3.1-3.8-4-6.1c-.9-2.2-1.4-4.7-1.6-8.4s-.2-4.9-.2-14.2c0-9.4 0-10.6.2-14.2.2-3.7.7-6.2 1.6-8.4.9-2.3 2.1-4.2 4-6.1s3.9-3.1 6.1-4 4.7-1.4 8.4-1.6 4.9-.2 14.3-.2 10.6 0 14.3.2 6.2.8 8.4 1.6c2.3.9 4.2 2.1 6.1 4s3.1 3.8 4 6.1c.9 2.2 1.4 4.7 1.6 8.4s.2 4.9.2 14.2 0 10.5-.2 14.2'/%3E%3C/g%3E%3C/svg%3E");
}
#footer .footerBox article .footer_sns a:nth-of-type(4) {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='%23727272'%3E%3Cpolygon points='51.63 68.94 68.37 59.78 51.63 51.06 51.63 68.94'/%3E%3Cpath d='M60,0a60,60,0,1,0,60,60A60,60,0,0,0,60,0ZM94.91,60.41a139.16,139.16,0,0,1-1,15.33c-1.34,5.31-3.83,7.38-8.43,8.11-2,.29-9.64.66-17.59.82L60,84.75h0l-7.84-.08c-8-.15-15.61-.5-17.58-.79-4.61-.73-7.12-2.78-8.43-8.12C25.7,74,25.09,64.19,25.09,60.44v-.83c0-3.73.63-13.55,1.07-15.32C27.5,39,30,36.88,34.59,36.15c2.65-.39,15.34-.9,25.42-.9s22.8.51,25.43.9c4.58.73,7.09,2.77,8.43,8.11a139.16,139.16,0,0,1,1,15.33Z'/%3E%3C/g%3E%3C/svg%3E");
}
#footer .footerBox article .footer_sns a:nth-of-type(4):hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='%23d0d0d0'%3E%3Cpolygon points='51.63 68.94 68.37 59.78 51.63 51.06 51.63 68.94'/%3E%3Cpath d='M60,0a60,60,0,1,0,60,60A60,60,0,0,0,60,0ZM94.91,60.41a139.16,139.16,0,0,1-1,15.33c-1.34,5.31-3.83,7.38-8.43,8.11-2,.29-9.64.66-17.59.82L60,84.75h0l-7.84-.08c-8-.15-15.61-.5-17.58-.79-4.61-.73-7.12-2.78-8.43-8.12C25.7,74,25.09,64.19,25.09,60.44v-.83c0-3.73.63-13.55,1.07-15.32C27.5,39,30,36.88,34.59,36.15c2.65-.39,15.34-.9,25.42-.9s22.8.51,25.43.9c4.58.73,7.09,2.77,8.43,8.11a139.16,139.16,0,0,1,1,15.33Z'/%3E%3C/g%3E%3C/svg%3E");
}

/* Privacy Popup */
#popWrap {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	visibility:hidden;
	opacity:0;
	transition:all 0.3s ease-in-out;
	z-index:9999;
}
#popWrap:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.8);
}
#popWrap.on {
	visibility:visible;
	opacity:1;
}
#popWrap .popBox {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	max-width:700px;
	background-color:#fff;
	transform:translate(-50%, -50%);
}
#popWrap .popHeader {
	padding:0.6rem;
	background-color:#fafafa;
	border-bottom:1px solid #eaeaea;
	display:flex;
	align-items:center;
}
#popWrap .popHeader h1 {
	width:100%;
	font-size:1.25rem;
	color:#212121;
	font-weight:700;
	word-break:keep-all;
	margin-left:0.4rem;
	text-align:left;
}
#popWrap .popHeader .popClose {
	width:2rem;
	height:2rem;
	margin-left:auto;
	padding:0;
	background-color:transparent;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23616161'%3E%3Cpath d='m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z'/%3E%3C/svg%3E");
	background-size:auto 100%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	border:0;
	transition:all 0.15s ease-in-out;
	cursor:pointer;
}
#popWrap .popHeader .popClose:hover { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23000000'%3E%3Cpath d='m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z'/%3E%3C/svg%3E"); }
#popWrap .popContent {
	width:100%;
	height:100%;
	max-height:600px;
	overflow-y:auto;
}
#popWrap .popContent article {
	font-size:1rem;
	color:#424242;
	font-weight:400;
	line-height:1.5rem;
}
#popWrap .popContent article.email { padding:1rem; }
#popWrap .popContent article textarea {
	width:100%;
	min-height:450px;
	font-size:0.93rem;
	color:#424242;
	font-weight:400;
	line-height:1.5rem;
	padding:1rem !important;
	background-color:#fff;
	border:0;
	border-radius:0;
}
#popWrap .popContent aside { padding:2rem; }
#popWrap .popContent aside strong {
	font-size:1rem;
	color:#212121;
	font-weight:700;
	word-break:keep-all;
}
#popWrap .popContent p {
	font-size:0.9rem;
	color:#424242;
	font-weight:400;
	word-break:keep-all;
	margin-top:1rem;
}

/* Admin Board */
#admBoard { padding:2rem; }
#admBoard .boardWrap { margin-top:1rem; }
#admBoard .boardTitle {
	font-family:"Paperlogy";
	font-size:1.5rem;
	color:#000;
	font-weight:600;
}

/* Board Pagin */
.pg_wrap {
	width:100%;
	margin-top:30px;
	text-align:center;
	display:block;
}
.pg {
	display:flex;
	align-items:center;
	justify-content:center;
}
.pg_page, .pg_current {
	display:inline-block;
	vertical-align:middle;
	border:1px solid #ddd;
}
.pg a:focus, .pg a:hover { text-decoration:none }
.pg_page {
	width:36px;
	height:36px;
	font-family:'Roboto', sans-serif;
	color:#616161;
	font-size:15px;
	font-weight:400;
	line-height:36px;
	margin:0 0.15rem;
	background-color:#fff;
	background-size:auto 16px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	border:1px solid #ccc;
	border-radius:50%;
	text-decoration:none;
	transition:all 0.25s ease-in-out;
}
.pg_page:hover { background-color:#f0f0f0; }
.pg_current {
	width:36px;
	height:36px;
	font-family:'Roboto', sans-serif;
	color:#FFF;
	font-size:15px;
	font-weight:500;
	line-height:36px;
	margin:0 1px;
	background-color:#212121;
	border:0;
	border-radius:50%;
	display:inline-block;
}
.pg_start, .pg_end, .pg_prev, .pg_next { text-indent:-999px; overflow:hidden; }
.pg_prev { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath fill='%23919191' d='M9.4 278.6c-12.5-12.5-12.5-32.8 0-45.3l128-128c9.2-9.2 22.9-11.9 34.9-6.9s19.8 16.6 19.8 29.6l0 256c0 12.9-7.8 24.6-19.8 29.6s-25.7 2.2-34.9-6.9l-128-128z'/%3E%3C/svg%3E"); }
.pg_prev:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath d='M9.4 278.6c-12.5-12.5-12.5-32.8 0-45.3l128-128c9.2-9.2 22.9-11.9 34.9-6.9s19.8 16.6 19.8 29.6l0 256c0 12.9-7.8 24.6-19.8 29.6s-25.7 2.2-34.9-6.9l-128-128z'/%3E%3C/svg%3E"); }
.pg_next { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath fill='%23919191' d='M246.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-9.2-9.2-22.9-11.9-34.9-6.9s-19.8 16.6-19.8 29.6l0 256c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l128-128z'/%3E%3C/svg%3E"); }
.pg_next:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath d='M246.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-9.2-9.2-22.9-11.9-34.9-6.9s-19.8 16.6-19.8 29.6l0 256c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l128-128z'/%3E%3C/svg%3E"); }
.pg_start { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23919191' d='M267.5 440.6c9.5 7.9 22.8 9.7 34.1 4.4s18.4-16.6 18.4-29V96c0-12.4-7.2-23.7-18.4-29s-24.5-3.6-34.1 4.4l-192 160L64 241V96c0-17.7-14.3-32-32-32S0 78.3 0 96V416c0 17.7 14.3 32 32 32s32-14.3 32-32V271l11.5 9.6 192 160z'/%3E%3C/svg%3E"); }
.pg_start:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M267.5 440.6c9.5 7.9 22.8 9.7 34.1 4.4s18.4-16.6 18.4-29V96c0-12.4-7.2-23.7-18.4-29s-24.5-3.6-34.1 4.4l-192 160L64 241V96c0-17.7-14.3-32-32-32S0 78.3 0 96V416c0 17.7 14.3 32 32 32s32-14.3 32-32V271l11.5 9.6 192 160z'/%3E%3C/svg%3E"); }
.pg_end { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23919191' d='M52.5 440.6c-9.5 7.9-22.8 9.7-34.1 4.4S0 428.4 0 416V96C0 83.6 7.2 72.3 18.4 67s24.5-3.6 34.1 4.4l192 160L256 241V96c0-17.7 14.3-32 32-32s32 14.3 32 32V416c0 17.7-14.3 32-32 32s-32-14.3-32-32V271l-11.5 9.6-192 160z'/%3E%3C/svg%3E"); }
.pg_end:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M52.5 440.6c-9.5 7.9-22.8 9.7-34.1 4.4S0 428.4 0 416V96C0 83.6 7.2 72.3 18.4 67s24.5-3.6 34.1 4.4l192 160L256 241V96c0-17.7 14.3-32 32-32s32 14.3 32 32V416c0 17.7-14.3 32-32 32s-32-14.3-32-32V271l-11.5 9.6-192 160z'/%3E%3C/svg%3E"); }

/* Board Button */
#bo_fx {
	margin-top:30px;
	text-align:right;
	display:block;
}
#bo_btn {
	width:100%;
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
#bo_btn li { display:inline-block; }
#bo_btn .btn {
	min-width:80px;
	height:35px;
	font-size:0.96rem;
	font-weight:500;
	color:transparent;
	line-height:35px;
	margin-left:5px;
	background-color:transparent;
	border:1px solid transparent;
	border-radius:5px;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	display:flex;
	justify-content:center;
	align-items:center;
}
#bo_btn .btn01 {
	color:#fff;
	background-color:#424242;
}
#bo_btn .btn02 {
	color:#424242;
	background-color:#fff;
	border-color:#424242;
}
#bo_btn .btn_cancel {
	color:#424242;
	background-color:#fff;
	border-color:#424242;
}
#bo_btn .btn_submit {
	color:#fff;
	background-color:#F20000;
}
#bo_btn a.btn_admin, #bo_btn .btn_admin { /* ADMIN */
	color:#424242;
	background-color:#fff;
	border-color:#424242;
}
/* Fancybox Custom */
.fancybox-close-small {
	top:0 !important;
	right:0 !important;
	width:50px !important;
	height:50px !important;
	color:#616161 !important;
}
.fancybox-close-small:hover { color:#000 !important; }



/*
+----------------------------------------------------------+
+           Mobile Device Less than 768px          +
+----------------------------------------------------------+
*/
/*
@media all and (max-width:768px) {
	#wrap { display:none; }
	#mobileAlert {
		width:100%;
		height:100%;
		padding:0 1rem;
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
	}
	#mobileAlert img {
		width:50vw;
		height:auto;
	}
	#mobileAlert p {
		font-size:0.96rem;
		color:#212121;
		font-weight:400;
		word-break:keep-all;
		margin-top:3rem;
		text-align:center;
	}
}
*/