@charset "utf-8";

body {
	min-width: 1200px;
	background-color: rgb(255, 255, 255);
}
.basic-inner{
	max-width: 1640px;
	min-width: 1243px;
	padding: 0 1.129%;
	margin: 0 auto;
	box-sizing: border-box;
}

/*SKIP NAVI*/
#skipNavi li { font-size:0; line-height:0; z-index:99999999999;}
#skipNavi li a { display:block; width:100%; padding:10px 0; color:#fff; position:absolute; left:0; top:-100px; text-align:center; z-index:200; background:#413022; border:0 none; z-index:99999999999;}
#skipNavi li a:active, #skipNavi li a:focus { top:0; font-weight:bold;font-size:16px;line-height:1.5; border-bottom:1px solid #fff; z-index:99999999999;}

/* header */
#header {
	display: block;
	position: sticky;
	top: 0;
	width: 100%;
	z-index: 10;
	border-bottom: 1px solid rgb(238, 238, 238);
}
#header .inner {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}
#header .util-box {
	width: 100%;
	height: 40px;
	padding: 0 20px;
	border-bottom: 1px solid rgb(238, 238, 238);
	box-sizing: border-box;
	background-color: rgb(255, 255, 255);
}
#header .util-box .inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
}
#header .util-box .logo__slider {
	max-width: 155px;
	height: 100%;
	margin: 0;
}
#header .util-box .logo__slider .swiper-slide {background-color: rgb(255, 255, 255);}
#header .util-box .logo__slider a {
	display: flex;
	align-items: center;
	gap: 5px;
	height: 100%;
}
#header .util-box .logo__slider p {
	font-family: 'NanumSquare', sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: rgb(0, 0, 0);
}
#header .util-box ul {
	display: flex;
	height: 100%;
	margin-right: -8px;
}
#header .util-box ul a {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0 8px;
	font-family: 'NanumSquare', sans-serif;
	font-size: 14px;
	color: rgb(0, 0, 0);
}

#header .gnb-box {
	position: relative;
	width: 100%;
	min-height: 100px;
	background-color: rgb(255, 255, 255);
	padding: 0 20px;
	box-sizing: border-box;
}
#header .gnb-box .inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100px;
}
#header .logo a {
	display: block;
	width: 167px;
	height: 60px;
	text-indent: -9999px;
	background:  url(/pc/resource/images/common/logo_bk_167x60.png) center center no-repeat;
}
#header .gnb {margin-right: 77px;}
#header .gnb > ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 780px;
	height: 40px;
	padding: 0 20px;
	border-radius: 5px;
	box-sizing: border-box;
}
#header .gnb > ul li a {
	display: block;
	transform: rotate(.03deg); /* 폰트 깨짐 방지 */
	padding: 37px 15px;
	font-family: 'Industry-Medium', sans-serif;
	font-size: 18px;
	color: rgb(255, 255, 255);
	mix-blend-mode: difference;
}
#header .gnb > ul li:first-child {margin-left: -15px;}
#header .gnb > ul li:last-child {margin-right: -15px;}

#header .depth-box {
	display: flex;
	justify-content: center;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	padding: 20px 20px 40px;
	border-top: 1px solid rgb(238, 238, 238);
	box-sizing: border-box;
	background-color: rgba(255, 255, 255, .95);

	opacity: 0;
	visibility: hidden;
	transition: all .2s;
}
#header .gnb:hover .depth-box {
	opacity: 1;
	visibility: visible;
}
#header .depth-box > div {
	width: 228px;
	padding: 0 24px;
	box-sizing: border-box;
}
#header .depth-box .depth-img {width: 100%;}
#header .depth-box .depth-img img {
	display: block;
	width: 100%;
}
#header .depth-box .depth-list {margin-top: 26px;}
#header .depth-box .depth-list .tit {
	font-family: 'Industry-Black', sans-serif;
	font-size: 18px;
	color: rgb(254, 80, 0);
}
#header .depth-box .depth-list ul {margin-top: 20px;}
#header .depth-box .depth-list li a {
	display: block;
	font-family: 'Industry-Bold', 'NanumSquare', sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 26px;
	transform: rotate(.03deg);
}	
#header .depth-box ._brand .depth-list li a {
	font-family: 'Industry-Black', 'NanumSquare', sans-serif;
	font-weight: 900;
}

#header .depth-box .depth-list .sub {
	margin-top: 30px;
}
#header .depth-box .depth-list .sub li a {
	font-weight: 700;
	font-size: 14px;
}

#header .btn-box ul {
	display: flex;
	gap: 10px;
}
#header .btn-box button, 
#header .btn-box a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	border: 1px solid rgb(238, 238, 238);
	border-radius: 5px;
	box-sizing: border-box;
	background-position: center;
	background-repeat: no-repeat;
	font-size: 0;
}
#header .btn-box .search__btn {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.457' height='17.457' viewBox='0 0 17.457 17.457'%3E%3Cg id='icon_search' transform='translate(-4425.498 5204.75)'%3E%3Cg id='타원_4' data-name='타원 4' transform='translate(4425.498 -5204.75)' fill='none' stroke='%23000' stroke-width='2'%3E%3Ccircle cx='7.024' cy='7.024' r='7.024' stroke='none'/%3E%3Ccircle cx='7.024' cy='7.024' r='6.024' fill='none'/%3E%3C/g%3E%3Cline id='선_1' data-name='선 1' x1='5.403' y1='5.403' transform='translate(4436.845 -5193.403)' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
}
#header .btn-box .cart__btn {
	padding-top: 7px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30' height='30' viewBox='0 0 30 30'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_81' data-name='사각형 81' width='30' height='30' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='그룹_26' data-name='그룹 26' clip-path='url(%23clip-path)'%3E%3Cg id='패스_59' data-name='패스 59' transform='translate(-13.03 -49.938)' fill='none' stroke-miterlimit='10'%3E%3Cpath d='M40.417,62.638l-.85,10.213a5.043,5.043,0,0,1-4.987,4.575H21.48a5.043,5.043,0,0,1-4.987-4.575l-.85-10.213a2.526,2.526,0,0,1,.663-1.9,2.488,2.488,0,0,1,1.837-.813H37.917a2.488,2.488,0,0,1,1.838.813A2.526,2.526,0,0,1,40.417,62.638Z' stroke='none'/%3E%3Cpath d='M 18.1422233581543 61.92500305175781 C 18.00951385498047 61.92500305175781 17.87436294555664 61.98341369628906 17.78951263427734 62.07743072509766 L 17.77158355712891 62.09703063964844 C 17.67569351196289 62.20049285888672 17.62792587280273 62.33889770507812 17.63665390014648 62.48747253417969 L 18.48498916625977 72.67995452880859 C 18.6226921081543 74.21968078613281 19.93718719482422 75.42500305175781 21.4797248840332 75.42500305175781 L 34.5797233581543 75.42500305175781 C 36.12226104736328 75.42500305175781 37.43675231933594 74.21968078613281 37.57445907592773 72.67995452880859 L 38.42279434204102 62.48747253417969 C 38.43152618408203 62.33889770507812 38.38375473022461 62.20049285888672 38.28786468505859 62.09703063964844 L 38.26993560791016 62.07743072509766 C 38.18508148193359 61.98341369628906 38.04993438720703 61.92500305175781 37.9172248840332 61.92500305175781 L 18.1422233581543 61.92500305175781 M 18.1422233581543 59.92500305175781 L 37.9172248840332 59.92500305175781 C 38.61722564697266 59.92500305175781 39.2922248840332 60.22500610351562 39.75472259521484 60.73750305175781 C 40.2297248840332 61.25 40.46722412109375 61.9375 40.4172248840332 62.63748931884766 L 39.56722259521484 72.85000610351562 C 39.34222412109375 75.41250610351562 37.15472412109375 77.42500305175781 34.5797233581543 77.42500305175781 L 21.4797248840332 77.42500305175781 C 18.90472412109375 77.42500305175781 16.71722412109375 75.41250610351562 16.49222564697266 72.85000610351562 L 15.6422233581543 62.63748931884766 C 15.59222412109375 61.9375 15.8297233581543 61.25 16.30472564697266 60.73750305175781 C 16.7672233581543 60.22500610351562 17.44222259521484 59.92500305175781 18.1422233581543 59.92500305175781 Z' stroke='none' fill='%23000'/%3E%3C/g%3E%3Cpath id='패스_60' data-name='패스 60' d='M60,22.425H57.5a5,5,0,1,0-10,0H45a7.5,7.5,0,0,1,15,0Z' transform='translate(-37.5 -12.438)'/%3E%3C/g%3E%3C/svg%3E%0A");
}
#header .btn-box .cart__btn span {
	font-family: 'Industry-Medium', sans-serif;
	font-size: 12px;
	color: rgb(0, 0, 0);
}

/* main header */
._main #header {border-bottom: none;}
._main #header .gnb-box {background-color: transparent;}
._main #header .gnb ul {
	background-color: rgba(255, 255, 255, .3);
	backdrop-filter: blur(30px);
}
._main #header .logo a {
	background:  url(/pc/resource/images/common/logo_wt_167x60.png) center center no-repeat;
}
._main #header .btn-box li {
	border-radius: 5px;
	background-color: rgba(255, 255, 255, .3);
	backdrop-filter: blur(30px);
}
._main #header .btn-box button, 
._main #header .btn-box a {
	border-color: transparent;
	mix-blend-mode: difference;
	z-index: 1;
}
._main #header .btn-box .search__btn {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.457' height='17.457' viewBox='0 0 17.457 17.457'%3E%3Cg id='icon_search' transform='translate(-4425.498 5204.75)' style='mix-blend-mode: exclusion;isolation: isolate'%3E%3Cg id='타원_4' data-name='타원 4' transform='translate(4425.498 -5204.75)' fill='none' stroke='%23fff' stroke-width='2'%3E%3Ccircle cx='7.024' cy='7.024' r='7.024' stroke='none'/%3E%3Ccircle cx='7.024' cy='7.024' r='6.024' fill='none'/%3E%3C/g%3E%3Cline id='선_1' data-name='선 1' x1='5.403' y1='5.403' transform='translate(4436.845 -5193.403)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
}
._main #header .btn-box .cart__btn {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30' height='30' viewBox='0 0 30 30'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_81' data-name='사각형 81' width='30' height='30' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='그룹_26' data-name='그룹 26' clip-path='url(%23clip-path)'%3E%3Cg id='패스_59' data-name='패스 59' transform='translate(-13.03 -49.938)' fill='none' stroke-miterlimit='10'%3E%3Cpath d='M40.417,62.638l-.85,10.213a5.043,5.043,0,0,1-4.987,4.575H21.48a5.043,5.043,0,0,1-4.987-4.575l-.85-10.213a2.526,2.526,0,0,1,.663-1.9,2.488,2.488,0,0,1,1.837-.813H37.917a2.488,2.488,0,0,1,1.838.813A2.526,2.526,0,0,1,40.417,62.638Z' stroke='none'/%3E%3Cpath d='M 18.1422233581543 61.92500305175781 C 18.00951385498047 61.92500305175781 17.87436294555664 61.98341369628906 17.78951263427734 62.07743072509766 L 17.77158355712891 62.09703063964844 C 17.67569351196289 62.20049285888672 17.62792587280273 62.33889770507812 17.63665390014648 62.48747253417969 L 18.48498916625977 72.67995452880859 C 18.6226921081543 74.21968078613281 19.93718719482422 75.42500305175781 21.4797248840332 75.42500305175781 L 34.5797233581543 75.42500305175781 C 36.12226104736328 75.42500305175781 37.43675231933594 74.21968078613281 37.57445907592773 72.67995452880859 L 38.42279434204102 62.48747253417969 C 38.43152618408203 62.33889770507812 38.38375473022461 62.20049285888672 38.28786468505859 62.09703063964844 L 38.26993560791016 62.07743072509766 C 38.18508148193359 61.98341369628906 38.04993438720703 61.92500305175781 37.9172248840332 61.92500305175781 L 18.1422233581543 61.92500305175781 M 18.1422233581543 59.92500305175781 L 37.9172248840332 59.92500305175781 C 38.61722564697266 59.92500305175781 39.2922248840332 60.22500610351562 39.75472259521484 60.73750305175781 C 40.2297248840332 61.25 40.46722412109375 61.9375 40.4172248840332 62.63748931884766 L 39.56722259521484 72.85000610351562 C 39.34222412109375 75.41250610351562 37.15472412109375 77.42500305175781 34.5797233581543 77.42500305175781 L 21.4797248840332 77.42500305175781 C 18.90472412109375 77.42500305175781 16.71722412109375 75.41250610351562 16.49222564697266 72.85000610351562 L 15.6422233581543 62.63748931884766 C 15.59222412109375 61.9375 15.8297233581543 61.25 16.30472564697266 60.73750305175781 C 16.7672233581543 60.22500610351562 17.44222259521484 59.92500305175781 18.1422233581543 59.92500305175781 Z' stroke='none' fill='%23fff'/%3E%3C/g%3E%3Cpath id='패스_60' data-name='패스 60' d='M60,22.425H57.5a5,5,0,1,0-10,0H45a7.5,7.5,0,0,1,15,0Z' transform='translate(-37.5 -12.438)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
}
._main #header .btn-box .cart__btn span {color: rgb(255, 255, 255);}

/* main header hover */
._main #header._hover .gnb-box {background-color: rgb(255, 255, 255);}
._main #header._hover .logo a {
	background:  url(/pc/resource/images/common/logo_bk_167x60.png) center center no-repeat;
}
._main #header._hover .gnb ul {backdrop-filter: unset;}
._main #header._hover .btn-box button, 
._main #header._hover .btn-box a {
	background-color: transparent;
	mix-blend-mode: unset;
	border-color: rgb(238, 238, 238);
}
._main #header._hover .search__btn {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.457' height='17.457' viewBox='0 0 17.457 17.457'%3E%3Cg id='icon_search' transform='translate(-4425.498 5204.75)'%3E%3Cg id='타원_4' data-name='타원 4' transform='translate(4425.498 -5204.75)' fill='none' stroke='%23000' stroke-width='2'%3E%3Ccircle cx='7.024' cy='7.024' r='7.024' stroke='none'/%3E%3Ccircle cx='7.024' cy='7.024' r='6.024' fill='none'/%3E%3C/g%3E%3Cline id='선_1' data-name='선 1' x1='5.403' y1='5.403' transform='translate(4436.845 -5193.403)' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
}
._main #header._hover .cart__btn {
	padding-top: 7px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30' height='30' viewBox='0 0 30 30'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_81' data-name='사각형 81' width='30' height='30' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='그룹_26' data-name='그룹 26' clip-path='url(%23clip-path)'%3E%3Cg id='패스_59' data-name='패스 59' transform='translate(-13.03 -49.938)' fill='none' stroke-miterlimit='10'%3E%3Cpath d='M40.417,62.638l-.85,10.213a5.043,5.043,0,0,1-4.987,4.575H21.48a5.043,5.043,0,0,1-4.987-4.575l-.85-10.213a2.526,2.526,0,0,1,.663-1.9,2.488,2.488,0,0,1,1.837-.813H37.917a2.488,2.488,0,0,1,1.838.813A2.526,2.526,0,0,1,40.417,62.638Z' stroke='none'/%3E%3Cpath d='M 18.1422233581543 61.92500305175781 C 18.00951385498047 61.92500305175781 17.87436294555664 61.98341369628906 17.78951263427734 62.07743072509766 L 17.77158355712891 62.09703063964844 C 17.67569351196289 62.20049285888672 17.62792587280273 62.33889770507812 17.63665390014648 62.48747253417969 L 18.48498916625977 72.67995452880859 C 18.6226921081543 74.21968078613281 19.93718719482422 75.42500305175781 21.4797248840332 75.42500305175781 L 34.5797233581543 75.42500305175781 C 36.12226104736328 75.42500305175781 37.43675231933594 74.21968078613281 37.57445907592773 72.67995452880859 L 38.42279434204102 62.48747253417969 C 38.43152618408203 62.33889770507812 38.38375473022461 62.20049285888672 38.28786468505859 62.09703063964844 L 38.26993560791016 62.07743072509766 C 38.18508148193359 61.98341369628906 38.04993438720703 61.92500305175781 37.9172248840332 61.92500305175781 L 18.1422233581543 61.92500305175781 M 18.1422233581543 59.92500305175781 L 37.9172248840332 59.92500305175781 C 38.61722564697266 59.92500305175781 39.2922248840332 60.22500610351562 39.75472259521484 60.73750305175781 C 40.2297248840332 61.25 40.46722412109375 61.9375 40.4172248840332 62.63748931884766 L 39.56722259521484 72.85000610351562 C 39.34222412109375 75.41250610351562 37.15472412109375 77.42500305175781 34.5797233581543 77.42500305175781 L 21.4797248840332 77.42500305175781 C 18.90472412109375 77.42500305175781 16.71722412109375 75.41250610351562 16.49222564697266 72.85000610351562 L 15.6422233581543 62.63748931884766 C 15.59222412109375 61.9375 15.8297233581543 61.25 16.30472564697266 60.73750305175781 C 16.7672233581543 60.22500610351562 17.44222259521484 59.92500305175781 18.1422233581543 59.92500305175781 Z' stroke='none' fill='%23000'/%3E%3C/g%3E%3Cpath id='패스_60' data-name='패스 60' d='M60,22.425H57.5a5,5,0,1,0-10,0H45a7.5,7.5,0,0,1,15,0Z' transform='translate(-37.5 -12.438)'/%3E%3C/g%3E%3C/svg%3E%0A");
}
._main #header._hover .cart__btn span {color: rgb(0, 0, 0);}

/* search */
.search__layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	padding: 0 20px;
	box-sizing: border-box;
	visibility: hidden;
	transition: opacity .2s;
}
.search__layer .wrap {
	display: flex;
    justify-content: center;
    align-items: center;
	position: relative;
    width: 100%;
	max-width: 1600px;
    height: 100%;
	margin: 0 auto;
}
.search__layer .search-inp-box {
	display: flex;
	align-items: center;
	max-width: 760px;
	width: 100%;
	height: 40px;
	border: 1px solid rgb(238, 238, 238);
	border-radius: 5px;
	box-sizing: border-box;
	background-color: rgb(255, 255, 255);
}
.search__layer .search-inp-box input {
	width: calc(100% - 40px);
	height: 38px;
	padding: 0 20px;
	font-family: 'NanumSquare', sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 38px;
	outline: none;
	border: none;
}
.search__layer .search-inp-box .search__btn {
	width: 40px;
	height: 40px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.457' height='17.457' viewBox='0 0 17.457 17.457'%3E%3Cg id='icon_search' transform='translate(-4425.498 5204.75)'%3E%3Cg id='타원_4' data-name='타원 4' transform='translate(4425.498 -5204.75)' fill='none' stroke='%23000' stroke-width='2'%3E%3Ccircle cx='7.024' cy='7.024' r='7.024' stroke='none'/%3E%3Ccircle cx='7.024' cy='7.024' r='6.024' fill='none'/%3E%3C/g%3E%3Cline id='선_1' data-name='선 1' x1='5.403' y1='5.403' transform='translate(4436.845 -5193.403)' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
	text-indent: -9999px;
}
.search__layer .search-close__btn {
	position: absolute;
	top: 50%;
	right: -10px;
	transform: translateY(-50%);
	width: 22px;
	height: 22px;
	padding: 10px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22.627' height='22.627' viewBox='0 0 22.627 22.627'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_75' data-name='사각형 75' width='16' height='16' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='btn_del' transform='translate(11.314 0.342) rotate(45)'%3E%3Cg id='그룹_22' data-name='그룹 22' transform='translate(-0.242 -0.242)' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_55' data-name='패스 55' d='M15,7H9V1A1,1,0,0,0,7,1V7H1A1,1,0,0,0,1,9H7v6a1,1,0,0,0,2,0V9h6a1,1,0,0,0,0-2' transform='translate(0.104 0.104)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
	text-indent: -9999px;
}

body.search--open .search__layer {
	display: block;
	visibility: visible;
}
body.search--open #header .gnb-box {background-color: rgb(255, 255, 255);}
body.search--open #header .logo a {
	background:  url(/pc/resource/images/common/logo_bk_167x60.png) center center no-repeat;
}
body.search--open #header .btn-box {
	opacity: 0;
	pointer-events: none;
}

/* footer */
#footer {
	width: 100%;
	padding: 40px 20px;
	border-top: 1px solid rgb(238, 238, 238);
	box-sizing: border-box;
}
#footer .inner {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}
#footer .inner > div {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
#footer .site-map > div {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 320px;
}
#footer .site-map .tit {
	font-family: 'Industry-Bold', 'NanumSquare', sans-serif;
	font-weight: 900;
	font-size: 18px;
}
#footer .site-map ul {
	margin-top: 25px;
}
#footer .site-map li a {
	display: block;
	font-family: 'NanumSquare', sans-serif;
	font-size: 16px;
	line-height: 28px;
}
#footer .site-map .logo-box img {
	display: block;
	width: 100%;
	max-width: 287px;
	margin: 0 auto;
} 
#footer .site-map .logo-box ~ div {align-items: flex-end;}
#footer .bottom {
	align-items: flex-start;
	margin-top: 33px;
}
#footer address {
	font-family: 'NanumSquare', sans-serif;
	font-style: normal;
	font-size: 14px;
	line-height: 26px;
	color: rgb(102, 102, 102);
}
#footer .copy {
	margin-top: 30px;
	font-family: 'NanumSquare', sans-serif;
	font-size: 16px;
	color: rgb(102, 102, 102);
}
#footer .sns__list {
	display: flex;
	align-items: center;
	gap: 10px;
}
#footer .sns__list a {
	display: block;
	width: 40px;
	height: 40px;
	border: 1px solid rgb(238, 238, 238);
	border-radius: 10px;
	box-sizing: border-box;
	background-color: rgb(255, 255, 255);
	background-position: center;
	background-repeat: no-repeat;
	font-size: 0;
}
#footer .sns__list a._insta {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_instagram' d='M10,1.8c2.67,0,2.987.01,4.042.058,2.71.123,3.976,1.409,4.1,4.1.048,1.054.057,1.371.057,4.041s-.01,2.987-.057,4.041c-.124,2.687-1.387,3.976-4.1,4.1-1.055.048-1.37.058-4.042.058s-2.987-.01-4.041-.058c-2.717-.124-3.976-1.416-4.1-4.1C1.812,12.987,1.8,12.671,1.8,10s.011-2.986.058-4.041c.124-2.689,1.387-3.976,4.1-4.1C7.014,1.813,7.33,1.8,10,1.8ZM10,0C7.284,0,6.944.012,5.878.06,2.246.227.227,2.242.061,5.877.012,6.944,0,7.284,0,10s.012,3.057.06,4.123c.167,3.632,2.182,5.65,5.817,5.817C6.944,19.988,7.284,20,10,20s3.057-.012,4.123-.06c3.628-.167,5.652-2.182,5.816-5.817C19.988,13.057,20,12.716,20,10s-.012-3.056-.06-4.122C19.777,2.249,17.759.227,14.124.061,13.057.012,12.716,0,10,0Zm0,4.865A5.135,5.135,0,1,0,15.135,10,5.135,5.135,0,0,0,10,4.865Zm0,8.468A3.333,3.333,0,1,1,13.333,10,3.333,3.333,0,0,1,10,13.333Zm5.338-9.871a1.2,1.2,0,1,0,1.2,1.2A1.2,1.2,0,0,0,15.338,3.463Z'/%3E%3C/svg%3E%0A");
}
#footer .sns__list a._youtube {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='18' viewBox='0 0 24 18'%3E%3Cpath id='Icon_youtube' d='M19.615,3.184c-3.6-.246-11.631-.245-15.23,0C.488,3.45.029,5.8,0,12c.029,6.185.484,8.549,4.385,8.816,3.6.245,11.626.246,15.23,0C23.512,20.55,23.971,18.2,24,12,23.971,5.815,23.516,3.451,19.615,3.184ZM9,16V8l8,3.993Z' transform='translate(0 -3)'/%3E%3C/svg%3E%0A");
}
#footer .sns__list a._x {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.368' height='20' viewBox='0 0 21.368 20'%3E%3Cpath id='패스_43' data-name='패스 43' d='M2.8,1.376H5.721l12.9,17.247H15.7ZM18.513,0,11.819,7.232,6.411,0H.052L8.3,11.031,0,20H1.868l7.269-7.852L15.01,20h6.359L12.654,8.348,20.382,0Z'/%3E%3C/svg%3E%0A");
}

/* top banner */
.banner__top {
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	height: 30px;
	margin: 0 auto;
	background-color: rgb(204, 204, 204);
	padding: 0 20px;
	box-sizing: border-box;
	z-index: 100;
}
.banner__top p {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	font-family: 'NanumSquare', sans-serif;
	font-weight: 900;
	font-size: 14px;
	text-align: center;
	color: rgb(102, 102, 102);
}
.banner__top p a {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-decoration: underline;
}
.banner__top .top__close-btn {
	position: absolute;
	right: 0px;
	top: 0;
	width: 12px;
	height: 30px;
	padding: 0 10px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16.97' height='16.971' viewBox='0 0 16.97 16.971'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_75' data-name='사각형 75' width='12' height='12' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='btn_close' transform='translate(8.485 0.342) rotate(45)'%3E%3Cg id='그룹_22' data-name='그룹 22' transform='translate(-0.242 -0.242)' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_55' data-name='패스 55' d='M11.055,5.159H6.633V.737a.737.737,0,0,0-1.474,0V5.159H.737a.737.737,0,0,0,0,1.474H5.159v4.422a.737.737,0,0,0,1.474,0V6.633h4.422a.737.737,0,0,0,0-1.474' transform='translate(0.104 0.104)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
	background-position: center;
	background-repeat: no-repeat;	
}
.banner__top ~ #header {top: 30px;}
.banner__top._close {display: none;}
.banner__top._close ~ #header {top: 0;}