@charset "utf-8";

html {font-size:16px;}
body {font-size:1.0rem;min-width:1280px;width:100%;background-color:#222;}
body.layerPopScrFixed{overflow-y:hidden;}
body.single {min-width:auto;height:100vh;}
.hidden{display:none !important}
/* ====================================================================================================================================================== */
/* ====================================================================================================================================================== */
/* 공통영역 S. { */
	/* 이벤트 페이지 스크립트 */
	.event_ptom_warp{width:100%;background-repeat:no-repeat;}
	.event_ptom_warp2{width:100%;background-repeat:no-repeat;}
	.event_ptom_warp_in{/* width:980px; */margin:0 auto;}
	.event_ptom_warp_in > div{display:flex;justify-content:center;}
	.btm_bt {text-align: center; background-color: #1d2d62;}
	.btm_bt_p {padding-bottom:2.5rem;}
	.btm_button {margin: auto; width:31.25rem;padding: 1.25rem 0;text-decoration: none; display: inline-block;font-size: 1.125rem;transition-duration: 0.4s;cursor: pointer;}
	.btm_bt-load {margin-top: 2.5rem; background-color: #2dabe2; border-radius:3.125rem; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #fff;}
	.btm_bt-load:hover {background-color: #ed3023; color: #fff;}
	.btm_youtube_area {padding: 1.5625rem; background-color: #ededed; overflow: hidden;}
	.btm_yt {width: 27.1875rem; margin: 0.9375rem; float: left;}
	.btm_ytt {text-align: center; display: block;margin-bottom: 0.9375rem;}
/* 상단 리본배너 */
	.ribbon-banner-wrap {background-color:#ccc}
	.ribbon-banner-wrap .wrap {position:relative;}
	.ribbon-banner-wrap .wrap a.ribbon-banner-close {position:absolute;top:50%;right:1.875rem;transform:translate(0,-50%);width:2.5rem;height:2.5rem;font-size:0;line-height:0;text-indent:-250%;overflow:hidden;}
	.ribbon-banner-wrap .wrap a.ribbon-banner-close:before,
	.ribbon-banner-wrap .wrap a.ribbon-banner-close:after {content:"";position:absolute;top:50%;left:50%;transform-origin:center center;width:1.875rem;height:1px;background-color:#fff;}
	.ribbon-banner-wrap .wrap a.ribbon-banner-close:before {transform:translate(-50%,-50%) rotate(45deg);}
	.ribbon-banner-wrap .wrap a.ribbon-banner-close:after {transform:translate(-50%,-50%) rotate(-45deg);}
	.ribbon-banner-wrap .wrap .b-item {width:100%;overflow:hidden;}
	.ribbon-banner-wrap .wrap .b-item a {display:block;font-size:0;line-height:0;}
	.ribbon-banner-wrap .wrap .b-item img {max-width:none;position:relative;left:50%;transform:translate(-50%,0);}


/* 상단 TAB 링크 (대원샵, 엔엔마켓, 도토리숲, 마블컬렉션, 타카라토미... / 로그인, 회원가입, 고객센터) */
	.topTab-link-wrap {background-color:#222;}
	.topTab-link-wrap .wrap {max-width:1280px;width:100%;margin:0 auto;display:flex;justify-content:space-between;padding:0 2.1875rem 0 0;}
	.topTab-link-wrap .wrap ul.link-wrap {display:flex;align-items:center;}
	.topTab-link-wrap .wrap ul.link-wrap li {margin:0 0.625rem;display:flex;align-items:stretch;}
	.topTab-link-wrap .wrap ul.link-wrap li:first-child {margin-left:1.25rem;}
	.topTab-link-wrap .wrap ul.link-wrap li a {color:#fff;font-size:0.875rem;padding:0 1.25rem;display:flex;align-items:center;position:relative;}
	.topTab-link-wrap .wrap ul.link-wrap li:not(.active) a{z-index:1;}
	.topTab-link-wrap .wrap ul.link-wrap li:not(.active) a:hover:before{content:'';z-index:-1;background-color:#393939;transition:0.35s;border-radius:3.125rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:2.5rem;}
	.topTab-link-wrap .wrap ul.link-wrap li.active a:hover{}
	.topTab-link-wrap .wrap ul.link-wrap li.active {margin:0;}
	.topTab-link-wrap .wrap ul.link-wrap li.active a {color:#111;font-size:1rem;font-weight:800;background:url('../images/common/site-menu-on-bg.jpg') repeat-x center bottom;padding:0.3125rem 0 0 0;}
	.topTab-link-wrap .wrap ul.link-wrap li.active a:before {content:"";width:3.4375rem;height:3.4375rem;background:url('../images/common/site-menu-on-left.jpg') no-repeat center bottom;margin-right:1.25rem;}
	.topTab-link-wrap .wrap ul.link-wrap li.active a:after {content:"";width:3.4375rem;height:3.4375rem;background:url('../images/common/site-menu-on-right.jpg') no-repeat center bottom;margin-left:1.25rem;}
	.topTab-link-wrap .wrap ul.member-wrap {display:flex;align-items:center;}
	.topTab-link-wrap .wrap ul.member-wrap li {display:flex;align-items:center;}
	.topTab-link-wrap .wrap ul.member-wrap li + li:before {content:"";width:1px;height:0.875rem;background-color:#333;margin:0 0.625rem;}
	.topTab-link-wrap .wrap ul.member-wrap li a {color:#fff;font-size:0.75rem;display:flex;align-items:center;padding:0.3125rem;}

/* 헤더 :: GNB (로고, 검색, 최근 본 상품/마이페이지/장바구니) */
	.header {position:sticky;top:0;background-color:#fff;box-shadow:0px 0px 0px rgba(0, 0, 0, 0);z-index:8}
	.header.shadow {box-shadow:0px 0px 20px rgba(0, 0, 0, 0.1);}
	.header .wrap {max-width:1280px;width:100%;height:8.0rem;margin:0 auto;padding:0 2.5rem;display:flex;justify-content:space-between;align-items:center;}
	.header .wrap .logo {position:relative;display:flex;align-items:center;width:18.75rem;overflow:hidden;}
	.header .wrap .logo a.logo {left:calc(-3.0rem + -1.75rem);}
	.header .wrap .logo a.gnb-all-menu,
	.side-menu .wrap .quick a.gnb-all-menu {
		display: block;
		position:relative;
		min-width: 3.0rem;
		width: 3.0rem;
		height: 3.0rem;
		border-radius: 10px;
		margin-right: 1.75rem;
		background-color: transparent;
		left:calc(-3.0rem + -1.75rem);
	}
	.side-menu .wrap .quick a.gnb-all-menu {
		margin-right: 0.875em;
		left:0;
	}
	.header .wrap .logo a.gnb-all-menu span,
	.side-menu .wrap .quick a.gnb-all-menu span{
		position: absolute;
		top: 50%;
		left: 50%;
		-o-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;

		margin-left: -0.75rem;
		width: 1.5rem;
		height: 2px;
		border-radius: 2px;
		background-color: #000;
		-o-transition: margin-top .2s .2s ease-in-out, margin-left .3s .2s ease-in-out, width .3s .6s ease-in-out, -o-transform .2s .0s ease-in-out, opacity .4s .2s ease-in-out;
		-ms-transition: margin-top .2s .2s ease-in-out, margin-left .3s .2s ease-in-out, width .3s .6s ease-in-out, -ms-transform .2s .0s ease-in-out, opacity .4s .2s ease-in-out;
		-moz-transition: margin-top .2s .2s ease-in-out, margin-left .3s .2s ease-in-out, width .3s .6s ease-in-out, -moz-transform .2s .0s ease-in-out, opacity .4s .2s ease-in-out;
		-webkit-transition: margin-top .2s .2s ease-in-out, margin-left .3s .2s ease-in-out, width .6s .4s ease-in-out, -webkit-transform .2s .0s ease-in-out, opacity .4s .2s ease-in-out;
		transition: margin-top .2s .2s ease-in-out, margin-left .3s .2s ease-in-out, width .3s .6s ease-in-out, transform .2s .0s ease-in-out, opacity .4s .2s ease-in-out;
	}

		.header .wrap .logo a.gnb-all-menu span.l1, .side-menu .wrap .quick a.gnb-all-menu span.l1 {margin-top:-0.0625rem;}
		.header .wrap .logo a.gnb-all-menu span.l2, .side-menu .wrap .quick a.gnb-all-menu span.l2 {margin-top:-0.5625rem;}
		.header .wrap .logo a.gnb-all-menu span.l3, .side-menu .wrap .quick a.gnb-all-menu span.l3 {margin-top:0.4375rem;}

		.header .wrap .logo a.gnb-all-menu.active, .side-menu .wrap .quick a.gnb-all-menu.active {display:block;background-color:#000;}
		.header .wrap .logo a.gnb-all-menu.active span,
		.side-menu .wrap .quick a.gnb-all-menu.active span{
			background-color: #fff;
			-o-transition: margin-top .2s .2s ease-in-out, margin-left .2s .0s ease-in-out, width .2s .0s ease-in-out, -o-transform .2s .4s ease-in-out, opacity .4s .2s ease-in-out;
			-ms-transition: margin-top .2s .2s ease-in-out, margin-left .2s .0s ease-in-out, width .2s .0s ease-in-out, -ms-transform .2s .4s ease-in-out, opacity .4s .2s ease-in-out;
			-moz-transition: margin-top .2s .2s ease-in-out, margin-left .2s .0s ease-in-out, width .2s .0s ease-in-out, -moz-transform .2s .4s ease-in-out, opacity .4s .2s ease-in-out;
			-webkit-transition: margin-top .2s .2s ease-in-out, margin-left .2s .0s ease-in-out, width .2s .0s ease-in-out, -webkit-transform .2s .4s ease-in-out, opacity .4s .2s ease-in-out;
			transition: margin-top .2s .2s ease-in-out, margin-left .2s .0s ease-in-out, width .2s .0s ease-in-out, transform .2s .4s ease-in-out, opacity .4s .2s ease-in-out;
		}
		.header .wrap .logo a.gnb-all-menu.active span.l1, .side-menu .wrap .quick a.gnb-all-menu.active span.l1 {width:0rem;margin-left:0rem;opacity:0;}
		.header .wrap .logo a.gnb-all-menu.active span.l2, .side-menu .wrap .quick a.gnb-all-menu.active span.l2 {margin-top:-0.0625rem;transform:rotate(45deg);}
		.header .wrap .logo a.gnb-all-menu.active span.l3, .side-menu .wrap .quick a.gnb-all-menu.active span.l3 {margin-top:-0.0625rem;transform:rotate(-45deg);}

	.header .wrap .search {width:28.75rem;height:3.0rem;border:2px solid #000;border-radius:3.0rem;overflow:hidden;}
	.header .wrap .search form {display:flex;}
	.header .wrap .search input[type=text] {font-size:1.0rem;width:calc(28.5rem - 2.75rem);height:2.75rem;border:0;padding:0 1.875rem 0 1.0rem;outline:none;}
	.header .wrap .search input[type=submit] {font-size:0;width:2.75rem;height:2.75rem;border:0;background:url('../images/common/sch-btn-icon.png') no-repeat center center/contain;cursor:pointer;}
	.header .wrap .keyword-search{position:relative;}
	.header .wrap .keyword-search .word-list{position:absolute;left:0;top:calc(100% + 5px);border:2px solid #000;border-radius:1.25rem;overflow:hidden;width:100%;background-color:#fff;padding:10px 5px 10px 0;display:none;}
	.header .wrap .keyword-search .word-list ul{}
	.header .wrap .keyword-search .word-list ul > li{}
	.header .wrap .keyword-search .word-list ul > li > a{padding:5px 16px;display:block;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}
	.header .wrap .util {display:flex;justify-content:flex-end;width:18.75rem;}
	.header .wrap .util a {position:relative;padding-bottom:1.25rem;}
	.header .wrap .util a + a {margin-left:1.25rem;}
	.header .wrap .util a figure {display:block;width:3.0rem;height:3.0rem;margin:0 auto;background-color:#f1f1f1;border:1px solid #f1f1f1;border-radius:50%;overflow:hidden;}
	.header .wrap .util a em {position:absolute;bottom:0;left:50%;transform:translate(-50%,0);color:#666;font-size:0.75rem;font-weight:500;font-style:normal;text-align:center;white-space:nowrap;margin-top: 0.3125rem;}
	.header .wrap .util a.basket span.cnt {position:absolute;top:-0.25rem;right:-0.25rem;min-width:1.25rem;background-color:#ed1b23;border-radius:1.25rem;color:#fff;font-size:0.75rem;font-weight:600;line-height:1.25rem;display:flex;justify-content:center;align-items:center;padding:0 0.3125rem;}
		
		/* GNB 상단 고정시 이벤트 */
		.header.fixed .wrap {height:5.5rem;}
		.header.fixed .wrap .logo a.logo {left:0;}
		.header.fixed .wrap .logo a.gnb-all-menu {left:0;}
		.header.fixed .wrap .util a {padding-bottom:0;}
		.header.fixed .wrap .util a em {font-size:0;line-height:0;margin-top:0;opacity:0;}
		.header.fixed .wrap .util a figure {margin-bottom:0;}
		.header.fixed .wrap .util a + a {margin-left:0.625rem;}
		.side-menu.fixed {margin-top:2.5rem;}


/* GNB 하단 :: 사이드 메뉴 (예약판매, 신상품, 재입고, 다운로드 / 베스트, 이벤트ㆍ쿠폰, 출석체크) */
	.side-menu {border-top:1px solid #eee;border-bottom:1px solid #eee;background-color:#fff;}
	.side-menu .wrap {max-width:1280px;width:100%;height:4.9375rem;margin:0 auto;padding:0 2.5rem;display:flex;justify-content:space-between;align-items:center;}
	.side-menu .wrap .quick {display:flex;align-items:center;}
	.side-menu .wrap .quick a {display:flex;align-items:center;height:2.375rem;color:#fff;font-size:1.0rem;font-weight:500;background-color:#ccc;border-radius:2.375rem;padding:0 1.25rem 0 0.875rem;}
	.side-menu .wrap .quick a + a {margin-left:0.625rem;}
	.side-menu .wrap .quick a.salebysub {background-color:#8767CA;}
	.side-menu .wrap .quick a.newprd {background-color:#4B54B4;}
	.side-menu .wrap .quick a.restock {background-color:#4DAC5C;}
	.side-menu .wrap .quick a.down {background-color:#29A2A2;}
	.side-menu .wrap .quick a.salebysub:before {content:"";width:1.25rem;height:1.3125rem;background:url('../images/common/quick-salebysub.png') no-repeat center center;margin-right:0.3125rem;}
	.side-menu .wrap .quick a.newprd:before {content:"";width:1.25rem;height:1.3125rem;background:url('../images/common/quick-newprd.png') no-repeat center center;margin-right:0.3125rem;}
	.side-menu .wrap .quick a.restock:before {content:"";width:1.25rem;height:1.3125rem;background:url('../images/common/quick-restock.png') no-repeat center center;margin-right:0.3125rem;}
	.side-menu .wrap .quick a.down:before {content:"";width:1.25rem;height:1.3125rem;background:url('../images/common/quick-download.png') no-repeat center center;margin-right:0.3125rem;}
	.side-menu .wrap .hotlink {display:flex;align-items:center;}
	.side-menu .wrap .hotlink a {display:flex;align-items:center;font-size:0.875rem;font-weight:700;padding:0 0;}
	.side-menu .wrap .hotlink a + a {margin-left:2.75rem;}
	.side-menu .wrap .hotlink a.best:before {content:"";width:1.5rem;height:1.5rem;background:url('../images/common/hotlink-best.png') no-repeat center center;margin-right:0.1875rem;}
	.side-menu .wrap .hotlink a.eventncoupon:before {content:"";width:1.5rem;height:1.5rem;background:url('../images/common/hotlink-eventncoupon.png') no-repeat center center;margin-right:0.1875rem;}
	.side-menu .wrap .hotlink a.attendcheck:before {content:"";width:1.5rem;height:1.5rem;background:url('../images/common/hotlink-attendcheck.png') no-repeat center center;margin-right:0.1875rem;}

/* 전체메뉴 (햄버거 클릭시) */
	.all-menu {position:sticky;top:auto;z-index:6}
	.all-menu .wrap {display:none;position:absolute;left:0;width:100%;margin:0 auto;background-color:#fff;border-bottom:1px solid #000;}
	.all-menu .wrap .conts {position:relative;max-width:1280px;width:100%;margin:0 auto;padding:1.875rem 2.5rem 0;display:flex;align-items:flex-start;}
	.all-menu .wrap .conts .menu {position:relative;max-width:226px;width:100%;}
	.all-menu .wrap .conts .menu:first-child {max-width:206px;width:100%;}
	.all-menu .wrap .conts .menu:before {content:"";position:absolute;top:0;right:0;width:1px;height:100%;background-color:rgba(0, 0, 0, .05);}
	.all-menu .wrap .conts .menu ul {height:20.75rem;padding:0 1.875rem 0 1.25rem;overflow-y:scroll;}
	.all-menu .wrap .conts .menu:first-child ul {padding-left:0}
	.all-menu .wrap .conts .menu ul li {position:relative;opacity:0.5;}
	.all-menu .wrap .conts .menu ul li:before {content:"";position:absolute;top:50%;right:0;transform:translate(0,-50%);width:1.5rem;height:1.5rem;background:url('../images/common/all-menu-icon.png') no-repeat right top/1.5rem 4.5rem;}
	.all-menu .wrap .conts .menu ul li + li {margin-top:0.5rem;}
	.all-menu .wrap .conts .menu ul li a {position:relative;display:block;color:#000;font-size:1.0rem;font-weight:700;padding:0.3125rem 0;}
	.all-menu .wrap .conts .menu ul li:hover {opacity:1;}
	.all-menu .wrap .conts .menu ul li:hover a {color:#ed1b23;}
	.all-menu .wrap .conts .menu ul li:hover:before {background-position:right bottom;}
	.all-menu .wrap .conts .menu ul li.sel {opacity:1;}
	.all-menu .wrap .conts .menu ul li.sel a,
	.all-menu .wrap .conts .menu ul li.sel:hover a {color:#000;}
	.all-menu .wrap .conts .menu ul li.sel:before {background-position:right center;}
	.all-menu .wrap .conts .menu ul li.all {position:sticky;top:0;background-color:#fff;opacity:1;z-index:1;}
	.all-menu .wrap .conts .menu ul li.all:hover a {color:#000;}
	.all-menu .wrap .conts .menu ul li.all:before {content:"";position:absolute;top:50%;right:0;transform:translate(0,-50%);width:1.5rem;height:1.5rem;background:url('../images/common/all-menu-link.png') no-repeat center center/1.5rem 1.5rem;}
	.all-menu .wrap .conts .etc {font-size:0;line-height:0;width:0;height:0;overflow:hidden;display:none;}
	.all-menu .wrap .conts .all-mene-banner {position:absolute;right:2.5rem;width:18.75rem;}
	.all-menu .wrap .conts .all-mene-banner .box {margin-right:-1.6875rem;}
	
		.all-menu .wrap .conts .menu.dep2 ul,
		.all-menu .wrap .conts .menu.dep3 ul,
		.all-menu .wrap .conts .menu.dep4 ul {position:absolute;display:none;}
		.all-menu .wrap .conts .menu.dep2 ul.active,
		.all-menu .wrap .conts .menu.dep3 ul.active,
		.all-menu .wrap .conts .menu.dep4 ul.active {position:relative;}

		.all-menu .wrap .conts .menu ul::-webkit-scrollbar {width:2px;background-color:transparent;border-radius:0px;  /* 스크롤바의 너비 */}
		.all-menu .wrap .conts .menu ul::-webkit-scrollbar-thumb {
			display:block;
			width:2px; /* 스크롤바의 길이 */
			background-color:#000; /* 스크롤바의 색상 */
			border-radius:0px;
			border:1px solid #000;
			cursor:default !important;
		}
		.all-menu .wrap .conts .menu ul::-webkit-scrollbar-thumb:hover {
			background-color:rgba(255,0,0,1);
			border:1px solid rgba(255,0,0,1);
			cursor:default !important;
		}
		.all-menu .wrap .conts .menu ul::-webkit-scrollbar-track {
			display:none;
			background: transparent;  /*스크롤바 뒷 배경 색상*/
		}
		.all-menu .wrap .conts .menu ul::-webkit-scrollbar-button:start:decrement, 
		.all-menu .wrap .conts .menu ul::-webkit-scrollbar-button:end:increment {
			/*  스크롤의 화살표가 포함된 영역   */
			display:none;
			height:1.0rem;
			background-color: transparent;
		}

	.all-menu .wrap .brand {position:relative;max-width:1280px;width:100%;margin:0 auto;padding:3.75rem 2.5rem;}
	.all-menu .wrap .brand .table {display:flex;justify-content:space-between;}
	.all-menu .wrap .brand .table a {}
	.all-menu .wrap .brand .table a figure {position:relative;display:flex;justify-content:center;align-items:center;width:6.25rem;height:6.25rem;background-color:#f7f7f7;border-radius:50%;overflow:hidden;z-index:1;}
	.all-menu .wrap .brand .table a figure:before {content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center center;width:0;height:0;border-radius:50%;background-color:#fff;z-index:-1;}
	/* .all-menu .wrap .brand .table a:hover figure {background-color:#999;box-shadow:5px 5px 15px rgba(0,0,0,0.15);}
	.all-menu .wrap .brand .table a:hover figure:before {width:calc(100% - 3px);height:calc(100% - 3px);} */
	.all-menu .wrap .brand .table a:hover figure{background-color:#ddd;}
	.all-menu .wrap .brand .table a figure:before{display:none}
	.all-menu .wrap .brand .table a em {display:block;color:#666;font-size:0.8125rem;font-weight:500;text-align:center;font-style:normal;margin-top:0.625rem;letter-spacing:-0.075rem}

/* 레이어 팝업 :: 메인 이벤트 팝업 */
	#main-layer-popup {position:fixed;top:-100%;left:0;width:100%;height:100%;z-index:10;opacity:0;}
	#main-layer-popup.active {top:0;opacity:1;}
	#main-layer-popup.deactive {top:-100%;}
	#main-layer-popup .cont {width:100%;height:100%;background-color:rgba(0,0,0,0.8);display:flex;justify-content:center;align-items:center;}
	#main-layer-popup .wrap {width:33.75rem;}
	#main-layer-popup .wrap .event-list-wrap {position:relative;}
	#main-layer-popup .wrap .event-list-wrap .list {position:relative;}
	#main-layer-popup .wrap .event-list-wrap .list .slick-list {border-radius:1.25rem 1.25rem 0 0;overflow:hidden;font-size:0;line-height:0;}
	#main-layer-popup .wrap .clsBox {background-color:#fff;display:flex;align-items:center;border-radius:0 0 1.25rem 1.25rem;}
	#main-layer-popup .wrap .clsBox a {width:50%;color:#000;font-weight:600;line-height:5.0rem;text-align:center;padding:0 0.625rem;}
	#main-layer-popup .wrap .clsBox a + a {border-left:1px solid #eee;}
	#main-layer-popup .slidePopup-paging{position:absolute;left:50%;transform:translateX(-50%);bottom:1.25rem;}
	#main-layer-popup .slidePopup-paging .slick-dots{display:flex;align-items:center;}
	#main-layer-popup .slidePopup-paging .slick-dots li{border:1px solid #118CD1;width:0.625rem;height:0.625rem;border-radius:50%;}
	#main-layer-popup .slidePopup-paging .slick-dots li.slick-active{border:1px solid #118CD1;background-color:#118cd1;width:0.625rem;height:0.625rem;border-radius:50%;}
	#main-layer-popup .slidePopup-paging .slick-dots li + li{margin-left:0.3125rem;}

	/* 슬라이드 좌우화살표 중앙정렬 */
	.slick-arrow.arrow-center {}
	.slick-arrow.arrow-center a {position:absolute;top:50%;width:2.5rem;height:2.5rem;border:0;border-radius:50%;font-size:0;line-height:0;text-indent:-250%;overflow:hidden;}
	.slick-arrow.arrow-center a.slick-prev {left:0;transform:translate(-50%,-50%);background:#fff url('../images/common/slide-icon-center.png') no-repeat left 0rem center/5.0rem 2.5rem;}
	.slick-arrow.arrow-center a.slick-next {right:0;transform:translate(50%,-50%);background:#fff url('../images/common/slide-icon-center.png') no-repeat left -2.5rem center/5.0rem 2.5rem;}
	/* 슬라이드 좌우화살표 리스트밖 */
	.slick-arrow.outside {position:relative;display:flex;}
	.slick-arrow.outside a {width:2.5rem;height:2.5rem;font-size:0;line-height:0;text-indent:-250%;overflow:hidden;}
	.slick-arrow.outside a.slick-prev {background:#fff url('../images/common/slide-icon-top.png') no-repeat left 0rem center/5.0rem 2.5rem;margin-right:0.625rem;}
	.slick-arrow.outside a.slick-next {background:#fff url('../images/common/slide-icon-top.png') no-repeat right 0rem center/5.0rem 2.5rem;margin-left:0.625rem;}
	.slick-arrow.outside:before {content:"";position:absolute;top:50%;left:50%;transform:translate(0,-50%);width:1px;height:0.875rem;background-color:#d9d9d9;}
		/* 화살표 배경 투명 */
		.slick-arrow.arrow-alpha a.slick-prev {background-color:rgba(255,255,255,0.85);border:1px solid #eee;}
		.slick-arrow.arrow-alpha a.slick-next {background-color:rgba(255,255,255,0.85);border:1px solid #eee;}


/* 오른쪽 컨텐츠 :: 최근 본 상품 */
	#latest-prd-view {
		position:fixed;top:0;right:0;width:0;height:100%;background-color:rgba(0,0,0,0.0);display:flex;justify-content:flex-end;z-index:8;
		-o-transition: width .2s .6s ease-in-out, background .4s .2s ease-in-out;
		-ms-transition: width .2s .6s ease-in-out, background .4s .2s ease-in-out;
		-moz-transition: width .2s .6s ease-in-out, background .4s .2s ease-in-out;
		-webkit-transition: width .2s .6s ease-in-out, background .4s .2s ease-in-out;
		transition: width .2s .6s ease-in-out, background .4s .2s ease-in-out;
	}
	#latest-prd-view .wrap {
		position:relative;max-width:28.75rem;width:100%;height:100%;transform:translate(100%,0);background-color:#fff;
		-o-transition: -o-transform .45s .0s ease-in-out;
		-ms-transition: -ms-transform .45s .0s ease-in-out;
		-moz-transition: -moz-transform .45s .0s ease-in-out;
		-webkit-transition: -webkit-transform .45s .0s ease-in-out;
		transition: transform .45s .0s ease-in-out;
	}
	#latest-prd-view .wrap:after {content:"";position:absolute;bottom:0;left:0;width:calc(100% - 7px);height:4.375rem;background:linear-gradient(transparent 0%, white 75%);}
	#latest-prd-view .wrap > a.close {
		position:absolute;top:0;left:0;width:5.375rem;height:5.375rem;background:#000 url('../images/common/latest-icon.png') no-repeat left 0rem top 0rem/7.625rem 7.625rem;font-size:0;line-height:0;text-indent:-250%;overflow:hidden;
		-o-transition: left .05s .0s ease-in-out;
		-ms-transition: left .05s .0s ease-in-out;
		-moz-transition: left .05s .0s ease-in-out;
		-webkit-transition: left .05s .0s ease-in-out;
		transition: left .05s .0s ease-in-out;
	}
	#latest-prd-view .wrap > .head {display:flex;justify-content:space-between;align-items:center;padding:0 2.125rem;border-bottom:1px solid #000;background-color:#fff;}
	#latest-prd-view .wrap > .head .tit {color:#000;font-size:1.5rem;font-weight:700;line-height:5.3125rem;display:flex;align-items:center;}
	#latest-prd-view .wrap > .head .tit span {min-width:1.5rem;height:1.5rem;color:#fff;font-size:0.75rem;font-weight:600;line-height:1.0;display:inline-flex;justify-content:center;align-items:center;background-color:#ff0000;border-radius:1.5rem;padding:0 0.5rem;margin-left:0.625rem;}
	#latest-prd-view .wrap > .head a.jjim-prd-list {color:#000;font-size:0.75rem;font-weight:600;line-height:1.0;padding:0.5rem 0;display:flex;align-items:center;}
	#latest-prd-view .wrap > .head a.jjim-prd-list:after {content:"";width:1.125rem;height:1.125rem;background:url('../images/common/latest-icon.png') no-repeat left -1.5rem top -5.375rem/7.625rem 7.625rem;margin-left:0.25rem;}
	#latest-prd-view .wrap > ul.list {height:calc(100% - 5.4375rem);overflow-y:auto;padding-bottom:3.75rem;}
	#latest-prd-view .wrap > ul.list li {position:relative;display:flex;align-items:center;padding:0.625rem 2.125rem 0.625rem 1.875rem;margin-bottom:0.625rem;}
	#latest-prd-view .wrap > ul.list li figure.thumb {max-width:6.25rem;width:100%;border-radius:0.625rem;overflow:hidden;}
	#latest-prd-view .wrap > ul.list li div.infor {width:calc(100% - 6.25rem);padding:0 2.0rem 0 1.0rem;}
	#latest-prd-view .wrap > ul.list li div.infor p.cate {color:#888;font-size:0.75rem;font-weight:700;}
	#latest-prd-view .wrap > ul.list li div.infor p.subj {color:#888;font-size:0.875rem;font-weight:400;margin-top:0.2rem;}
	#latest-prd-view .wrap > ul.list li div.infor p.price {color:#000;font-size:0.875rem;font-weight:700;margin-top:0.2rem;}
	#latest-prd-view .wrap > ul.list li div.infor p.price span {color:#000;font-size:0.75rem;font-weight:700;}
	#latest-prd-view .wrap > ul.list li div.infor .func {margin-top:1.0rem;display:flex;align-items:center;}
	#latest-prd-view .wrap > ul.list li div.infor .func a {color:#666;font-size:0.875rem;display:inline-flex;align-items:center;}
	#latest-prd-view .wrap > ul.list li div.infor .func span.line {width:1px;height:0.75rem;background-color:#eee;margin:0 0.875rem;}
	#latest-prd-view .wrap > ul.list li div.infor .func a.jjim-func:before {content:"";width:1.125rem;height:1.125rem;background:url('../images/common/latest-icon.png') no-repeat left -2.625rem top -5.375rem/7.625rem 7.625rem;margin-right:0.25rem;}
	#latest-prd-view .wrap > ul.list li div.infor .func a.jjim-func.active:before {background-position:left -2.625rem top -6.5rem;}
	#latest-prd-view .wrap > ul.list li div.infor .func a.nowbuy-func:before {content:"";width:1.125rem;height:1.125rem;background:url('../images/common/latest-icon.png') no-repeat left -3.75rem top -5.375rem/7.625rem 7.625rem;margin-right:0.25rem;}
	#latest-prd-view .wrap > ul.list li a.del {position:absolute;top:50%;right:2.125rem;transform:translate(0,-50%);width:1.625rem;height:1.625rem;border-radius:50%;border:1px solid #949494;background:url('../images/common/latest-icon.png') no-repeat left 0rem top -5.375rem/7.625rem 7.625rem;font-size:0;line-height:0;text-indent:-250%;overflow:hidden;}

		#latest-prd-view .wrap > ul.list li:hover {background-color:#f5f5f5;}
		#latest-prd-view .wrap > ul.list li:hover div.infor p.cate,
		#latest-prd-view .wrap > ul.list li:hover div.infor p.subj {color:#000;}
		#latest-prd-view .wrap > ul.list li:hover a.del {background-color:#000;border-color:#000;}
		
		#latest-prd-view.active {
			width:100%;background-color:rgba(0,0,0,0.8);
			-o-transition: width .0s .0s ease-in-out, background .4s .2s ease-in-out;
			-ms-transition: width .0s .0s ease-in-out, background .4s .2s ease-in-out;
			-moz-transition: width .0s .0s ease-in-out, background .4s .2s ease-in-out;
			-webkit-transition: width .0s .0s ease-in-out, background .4s .2s ease-in-out;
			transition: width .0s .0s ease-in-out, background .4s .2s ease-in-out;
		}
		#latest-prd-view.active .wrap {
			transform:translate(0,0);
			-o-transition: -o-transform .45s .6s ease-in-out;
			-ms-transition: -ms-transform .45s .6s ease-in-out;
			-moz-transition: -moz-transform .45s .6s ease-in-out;
			-webkit-transition: -webkit-transform .45s .6s ease-in-out;
			transition: transform .45s .6s ease-in-out;
		}
		#latest-prd-view.active .wrap > a.close {
			left:-5.375rem;
			-o-transition: left .4s .6s ease-in-out;
			-ms-transition: left .4s .6s ease-in-out;
			-moz-transition: left .4s .6s ease-in-out;
			-webkit-transition: left .4s .6s ease-in-out;
			transition: left .4s .6s ease-in-out;
		}


/* SLIDE 기능 */
	.slick-slide-wrap .slide-list {background-color:#eee}
	.slick-slide-wrap .slide-list .item {background-color:#ccc}
	.slick-slide-wrap+.slick-slide-wrap {margin-top:50px}

/* INPUT BOX 텍스트 입력시 */
	.input-clear-box {position:relative;}
	.input-clear-box button.btnInputClear {position:absolute;top:0.4375rem;right:0.4375rem;width:1.875rem;height:1.875rem;padding:0;font-size:0;line-height:0;text-indent:-250%;overflow:hidden;background:url('../images/common//icon-text-delete.svg') no-repeat center center/24px auto;border:none;cursor:pointer;}
	.input-clear-box.search button.btnInputClear {right:2.75rem;}

/* Scroll Bar Custom :: Default */
	.scroll-bar-custom::-webkit-scrollbar {width:7px;background-color:#f1f1f1;border-radius:0px;padding:1px  /* 스크롤바의 너비 */}
	.scroll-bar-custom::-webkit-scrollbar-thumb {
		display:block;
		width:5px; /* 스크롤바의 길이 */
		background-color:#000; /* 스크롤바의 색상 */
		border-radius:0px;
		border:1px solid #000;
		cursor:default !important;
	}
	.scroll-bar-custom::-webkit-scrollbar-thumb:hover {
		background-color:rgba(255,0,0,1);
		border:1px solid rgba(255,0,0,1);
		cursor:default !important;
	}
	.scroll-bar-custom::-webkit-scrollbar-track {
		display:none;
		background: rgba(0, 0, 0, .05);  /*스크롤바 뒷 배경 색상*/
	}
	.scroll-bar-custom::-webkit-scrollbar-button:start:decrement, 
	.scroll-bar-custom::-webkit-scrollbar-button:end:increment {
		/*  스크롤의 화살표가 포함된 영역   */
		display:none;
		height:1.0rem;
		background-color: transparent;
	}

/* Scroll Bar Style :: Style */
	.scroll-bar-style::-webkit-scrollbar {width:10px;background-color:#f1f1f1;border-radius:10px;padding:0px  /* 스크롤바의 너비 */}
	.scroll-bar-style::-webkit-scrollbar-thumb {
		display: block;
		width: 4px; /* 스크롤바의 길이 */
		background-color: #000; /* 스크롤바의 색상 */
		border-radius: 10px;
		border: 3px solid #f1f1f1;
		cursor: default !important;
	}
	.scroll-bar-style::-webkit-scrollbar-thumb:hover {
		background-color: rgba(255,0,0,1);
		/*border: 1px solid rgba(255,0,0,1);*/
		cursor: default !important;
	}
	.scroll-bar-style::-webkit-scrollbar-track {
		display: none;
		background: rgba(0, 0, 0, .05);  /*스크롤바 뒷 배경 색상*/
	}
	.scroll-bar-style::-webkit-scrollbar-button:start:decrement, 
	.scroll-bar-style::-webkit-scrollbar-button:end:increment {
		/*  스크롤의 화살표가 포함된 영역   */
		display: none;
		height: 1.0rem;
		background-color: transparent;
	}




/* SUB페이지 :: 페이지 네비게이션 */
	.container > .sub-naviagtor {position:relative;max-width:1280px;width:100%;padding:1.5rem 2.5rem;margin:0 auto;display:flex;align-items:center;z-index:1;}
	.container > .sub-naviagtor > div {position:relative;display:flex;align-items:center;}
	.container > .sub-naviagtor > div + div:before {content:"";width:0.375rem;height:0.625rem;background:url('../images/common/sub-navigator-arrow.png') no-repeat center center/contain;margin:0 1.0rem;}
	.container > .sub-naviagtor > div > a {color:#888;font-size:0.875rem;line-height:1.875rem;display:flex;align-items:center;}
	.container > .sub-naviagtor > div > a.sub-menuNone:after{display:none;}
	.container > .sub-naviagtor > div.home > a:hover {color:#ed1b23;}
	.container > .sub-naviagtor > div.menu > a:after {content:"";width:1.125rem;height:1.125rem;background:url('../images/common/sub-navigator-sel.png') no-repeat center bottom/1.0rem 2.0rem;;border:1px solid #e8e8e8;border-radius:50%;overflow:hidden;margin-left:0.625rem;}
	.container > .sub-naviagtor > div.menu.active > a {color:#666;font-weight:600;}
	.container > .sub-naviagtor > div.menu.active > a:after {background-position:center top;border-color:#999;}
	.container > .sub-naviagtor > div:last-child > a,
	.container > .sub-naviagtor > div.active:last-child > a {color:#000;font-weight:600;}
		.container > .sub-naviagtor > div.menu > div.sub-menu-wrap {display:none;position:absolute;top:100%;left:1.625rem;border:1px solid #ccc;border-radius:0.3125rem;overflow:hidden;min-width:10rem;max-height:20.0rem;background-color:#fff;padding:0.75rem 0.75rem;}
		.container > .sub-naviagtor > div.menu > div.sub-menu-wrap ul {
			max-height: 19.5rem;
			column-count: 1;
			column-gap: 1.875rem;
			display: flex;
			justify-content: flex-start;
			align-items: flex-start;
			flex-wrap: wrap; 
			flex-direction: column;
		}
		.container > .sub-naviagtor > div.menu > div.sub-menu-wrap ul li {display:block;width:8rem;padding:0 0.25rem;}
		.container > .sub-naviagtor > div.menu > div.sub-menu-wrap ul li a {display:block;color:#888;font-size:0.875rem;padding:0.25rem 0;white-space:nowrap;}
		.container > .sub-naviagtor > div.menu > div.sub-menu-wrap ul li a:hover {color:#ed1b23;}
		.container > .sub-naviagtor > div.menu > div.sub-menu-wrap ul li a.active,
		.container > .sub-naviagtor > div.menu > div.sub-menu-wrap ul li a.active:hover {color:#000;font-weight:600;}
			.container > .sub-naviagtor > div.menu > div.sub-menu-wrap.cols2 {width:21rem;}
			.container > .sub-naviagtor > div.menu > div.sub-menu-wrap.cols2 ul {background:url('../images/common/sub-menu-line.jpg') no-repeat left 7px top 0;}
			.container > .sub-naviagtor > div.menu > div.sub-menu-wrap.cols2 ul li {width:8.625rem;}
			.container > .sub-naviagtor > div.menu > div.sub-menu-wrap.cols3 {width:28.5rem;}
			.container > .sub-naviagtor > div.menu > div.sub-menu-wrap.cols3 ul {background:url('../images/common/sub-menu-line2.jpg') no-repeat left 0 top 0;}
			.container > .sub-naviagtor > div.menu > div.sub-menu-wrap.cols3 ul li {width:6.625rem;}
			.container > .sub-naviagtor > div.menu > div.sub-menu-wrap.cols4 {width:39rem;}
			.container > .sub-naviagtor > div.menu > div.sub-menu-wrap.cols4 ul li {width:9.0rem;padding:0 0.5rem;}
			.container > .sub-naviagtor > div.menu > div.sub-menu-wrap.cols4 ul {background:url('../images/common/sub-menu-line3.jpg') no-repeat left 0 top 0;column-gap: 0;}
		.container > .sub-naviagtor > div.menu > div.sub-menu-wrap.cols5 {width:47rem;}
		.container > .sub-naviagtor > div.menu > div.sub-menu-wrap.cols5 ul li {width:9.0rem;padding:0 0.5rem;}
		.container > .sub-naviagtor > div.menu > div.sub-menu-wrap.cols5 ul {background:url('../images/common/sub-menu-line4.jpg') no-repeat left 0 top 0;column-gap: 0;}
		.container > .sub-naviagtor > div.menu > div.sub-menu-wrap.cols6 {width:60rem;}
		.container > .sub-naviagtor > div.menu > div.sub-menu-wrap.cols6 ul li {width:10rem;padding:0 0.5rem;}
		.container > .sub-naviagtor > div.menu > div.sub-menu-wrap.cols6 ul {background:url('../images/common/sub-menu-line5.jpg') no-repeat left 0 top 0;column-gap: 0;}




/* LEFT MENU 스타일 */
	/* 제품리스트(카테고리,서치결과,브랜드) */
	.lf-menu-wrap {width:11.875rem;opacity:0;}
	.lf-menu-wrap.category-ty,.lf-menu-wrap.search-ty,.lf-menu-wrap.brand-ty,.lf-menu-wrap.mypage-ty{opacity:1 !important;}
	.lf-menu-wrap .block {border-top:1px solid #000;}
	.lf-menu-wrap .block .b-tit {display:flex;justify-content:space-between;align-items:center;padding:0.625rem 0;}
	.lf-menu-wrap .block .b-tit h1 {color:#000;font-weight:700;line-height:1.0;}
	.lf-menu-wrap .block .b-tit a.show-hide {position:relative;width:2.125rem;height:2.125rem;font-size:0;line-height:0;text-indent:-250%;transform:rotate(0deg);transform-origin:50% 50%;overflow:hidden;}
	.lf-menu-wrap .block .b-tit a.show-hide:before {content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0.875rem;height:2px;background-color:#000;}
	.lf-menu-wrap .block .b-tit a.show-hide:after {content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(0deg);width:2px;height:2px;background-color:#000;}
	.lf-menu-wrap .block.hide .b-tit a.show-hide:after {height:0.875rem;}
	.lf-menu-wrap .block.hide .b-tit a.show-hide {transform:rotate(180deg);}
	.lf-menu-wrap .block .conts-box {padding-bottom:1.875rem;}
	.lf-menu-wrap .block .conts-box .chk {margin-top:0.3125rem;}
	.lf-menu-wrap .block .conts-box .chk input[type=checkbox].cate + label {color:#888;}
	.lf-menu-wrap .block .conts-box .chk input[type=checkbox].cate:checked + label {color:#000;font-weight:700;}
	.lf-menu-wrap .block .conts-box .p-sel p.item {margin-top:0.5rem;}
	.lf-menu-wrap .block .conts-box .p-sel p.item a {display:inline-block;min-width:3.125rem;height:2.125rem;color:#666;font-size:0.875rem;line-height:2.0rem;border:1px solid #999;border-radius:2.125rem;padding:0 1.0rem;}
	.lf-menu-wrap .block .conts-box .p-sel p.item a.active {color:#000;font-weight:600;border-width:2px;border-color:#000;}
	.lf-menu-wrap .block .conts-box .p-range {background-color:#f7f7f7;border-radius:0.625rem;padding:1.25rem 0.625rem;margin-top:1.25rem;}
	.lf-menu-wrap .block .conts-box .p-range .price-range-val {position:relative;border:1px solid #ddd;background-color:#fff;border-radius:2.5rem;overflow:hidden;margin-top:1.25rem;}
	.lf-menu-wrap .block .conts-box .p-range .price-range-val #amount {width:100%;height:2.5rem;border:none;background:transparent !important;display:flex;align-items:center;padding:0 0.625rem;color:#ed1b23;font-size:0.8125rem;line-height:2.5rem;font-weight:600;}
	.lf-menu-wrap .block .conts-box .p-range .price-range-val #amount > span {color:#666;font-weight:400;}
	.lf-menu-wrap .block .conts-box .p-range .price-range-val input[type=submit] {position:absolute;top:50%;right:0.3125rem;transform:translate(0,-50%);width:1.3125rem;height:1.3125rem;background:url('../images/common/price-range-sch-icon.png') no-repeat center center;border:0;font-size:0;line-height:0;text-indent:-250%;overflow:hidden;}
	.lf-menu-wrap .block.price .conts-box {padding-bottom:1.25rem;}
	
	/* 카테고리 관련 */
		.lf-menu-wrap a.sort-reset-btn {color:#666;display:inline-flex;align-items:center;}
		.lf-menu-wrap a.sort-reset-btn:before {content:"";width:1.4375rem;height:1.4375rem;background:url('../images/common/list-sort-reset-icon.png') no-repeat center center;margin-right:0.3125rem;}
		.lf-menu-wrap a.sort-reset-btn:hover:before {transform:rotate(180deg);}
		
		
	/* 검색결과시 좌측 메뉴 */
		.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep1 > a {position:relative;display:block;color:#333;font-size:0.9rem;font-weight:500;padding:0.625rem 0;}
		.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep2 > a {position:relative;display:block;/*color:#888;*/color:#4d4d4d;font-size:0.9rem;font-weight:400;padding:0.5rem 0 0.5rem 0.625rem;}
		.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep3 > a {position:relative;display:block;/*color:#888;*/color:#4d4d4d;font-size:0.9rem;font-weight:500;padding:0.3125rem 0;}
		.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep4 > a {position:relative;display:block;/*color:#B9B9B9;*/color:#666;font-size:0.75rem;font-weight:500;padding:0.25rem 0;margin-bottom:0.25rem;}
			.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep1 > a:after {content:"";position:absolute;top:50%;right:0.625rem;transform:translate(0,-50%);transform-origin:50% 50%;width:1.5rem;height:1.5rem;background:url('../images/common/left-menu-icon.png') no-repeat left -1.5rem top 0rem/3.0rem 2.4375rem;opacity:0;}
			.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep2 > a:after {content:"";position:absolute;top:50%;right:0.3125rem;transform:translate(0,-50%) rotate(0deg);transform-origin:50% 50%;width:0.9375rem;height:0.9375rem;background:url('../images/common/left-menu-icon.png') no-repeat left -0.9375rem top -1.5rem/3.0rem 2.4375rem;opacity:0;}
			.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep2 > a::before {content:"ㆍ";position:absolute;top:50%;left:-0.25rem;transform:translate(0,-50%);transform-origin:50% 50%;}
			.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep3 > a:before {content:"-";position:absolute;top:0.3125rem;left:-0.625rem;}
			.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep2 > ul {background-color:#f5f5f5;border-radius:0.625rem;padding:0.625rem 0.625rem 0.625rem 1.5rem;}
		
		.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep1 > ul,
		.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep2 > ul,
		.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep3 > ul {display:none;}

		.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep1 > a:hover {color:#ed1b23;font-weight:700;}
		.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep2 > a:hover,
		.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep3 > a:hover,
		.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep4 > a:hover {color:#ed1b23;font-weight:600;}
		.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep1 > a:hover:after {right:0;opacity:1;}
		.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep2 > a:hover:after {transform:translate(0,-50%) rotate(180deg);opacity:1;}

		.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep1.active > ul,
		.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep2.active > ul,
		.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep3.active > ul {display:block;}

		.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep1.active > a {color:#000;font-weight:700;}
		.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep2.active > a,
		.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep3.active > a,
		.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep4.active > a {color:#000;font-weight:600;}
		.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep1.active > a:after {background-position:left 0rem top 0rem;right:0;opacity:1;}
		.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep2.active > a:after {transform:translate(0,-50%) rotate(180deg);background-position:left 0rem top -1.5rem;opacity:1;}

	/* 일반페이지 좌측 메뉴 */
		.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep2 > a {position:relative;display:block;color:#333;font-size:0.875rem;font-weight:500;padding:0.625rem 0;}
		.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep3 > a {position:relative;display:block;/*color:#888;*/color:#4d4d4d;font-size:0.8125rem;font-weight:400;padding:0.5rem 0 0.5rem 0.625rem;}
		.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep4 > a {position:relative;display:block;/*color:#888;*/color:#4d4d4d;font-size:0.75rem;font-weight:500;padding:0.5rem 0;}
			.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep2 > a:after {content:"";position:absolute;top:50%;right:0.625rem;transform:translate(0,-50%);transform-origin:50% 50%;width:1.5rem;height:1.5rem;background:url('../images/common/left-menu-icon.png') no-repeat left -1.5rem top 0rem/3.0rem 2.4375rem;opacity:0;}
			.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep3 > a:after {content:"";position:absolute;top:50%;right:0.3125rem;transform:translate(0,-50%) rotate(0deg);transform-origin:50% 50%;width:0.9375rem;height:0.9375rem;background:url('../images/common/left-menu-icon.png') no-repeat left -0.9375rem top -1.5rem/3.0rem 2.4375rem;opacity:0;}
			.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep3 > a:before {content:"ㆍ";position:absolute;top:50%;left:-0.25rem;transform:translate(0,-50%);transform-origin:50% 50%;}
			.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep4 > a:before {content:"-";position:absolute;top:0.5rem;left:-0.625rem;}
			.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep3 > ul {background-color:#f5f5f5;border-radius:0.625rem;padding:0.625rem 0.625rem 0.625rem 1.5rem;}

		.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep2 > ul,
		.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep3 > ul {display:none;}

		.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep2 > a:hover {color:#ed1b23;font-weight:700;}
		.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep3 > a:hover,
		.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep4 > a:hover {color:#ed1b23;font-weight:600;}
		.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep2 > a:hover:after {right:0;opacity:1;}
		.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep3 > a:hover:after {transform:translate(0,-50%) rotate(180deg);opacity:1;}

		.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep2.active > ul,
		.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep3.active > ul {display:none;}

		.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep2.active > a {color:#000;font-weight:700;}
		.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep3.active > a,
		.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep4.active > a {color:#000;font-weight:600;}
		.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep2.active > a:after {background-position:left 0rem top 0rem;right:0;opacity:1;}
		.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep3.active > a:after {transform:translate(0,-50%) rotate(180deg);background-position:left 0rem top -1.5rem;opacity:1;}

	/* 마이페이지 */
	/*.lf-menu-wrap.mypage-ty {width:11.875rem;border-top:1px solid #000;}
	.lf-menu-wrap.mypage-ty ul {}
	.lf-menu-wrap.mypage-ty ul > li.dep1 {margin:1.0rem 0;border-bottom:1px solid #eee;padding-bottom:1.0rem;}
	.lf-menu-wrap.mypage-ty ul > li.dep1 > p {color:#000;font-size:0.875rem;font-weight:700;padding-bottom:0.5rem;}
	.lf-menu-wrap.mypage-ty ul > li.dep1 > ul > li {position:relative;padding-left:0.5rem;margin-top:0.5rem;}
	.lf-menu-wrap.mypage-ty ul > li.dep1 > ul > li:before {content:"";position:absolute;top:0.6rem;left:0;width:2px;height:2px;background-color:#999;border-radius:50%;overflow:hidden;}
	.lf-menu-wrap.mypage-ty ul > li.dep1 > ul > li > a {display:inline-block;color:#888;font-size:0.8125rem;font-weight:600;padding:0.25rem 0;}
	.lf-menu-wrap.mypage-ty ul > li.dep1 > ul > li:hover:before {background-color:#ed1b23;}
	.lf-menu-wrap.mypage-ty ul > li.dep1 > ul > li:hover > a {color:#ed1b23;}
	.lf-menu-wrap.mypage-ty ul > li.dep1 > ul > li.active:before {background-color:#000;}
	.lf-menu-wrap.mypage-ty ul > li.dep1 > ul > li.active > a {color:#000;}*/
	
	.lf-menu-wrap.mypage-ty .block .b-tit h1 {line-height:2.125rem}
	.lf-menu-wrap.mypage-ty .block.cateMenuWrap .conts-box {padding-bottom:0;}
	.lf-menu-wrap.mypage-ty .block.cateMenuWrap .conts-box .dep1 {margin:1.0rem 0;border-bottom:1px solid #eee;padding-bottom:1.0rem;}
	.lf-menu-wrap.mypage-ty .block.cateMenuWrap .conts-box ul li:first-child {margin-top:0;}
	.lf-menu-wrap.mypage-ty .block.cateMenuWrap .conts-box .dep1 > a {color:#000;font-weight:700;}
	.lf-menu-wrap.mypage-ty .block.cateMenuWrap .conts-box .dep1 > ul,
	.lf-menu-wrap.mypage-ty .block.cateMenuWrap .conts-box .dep2 > ul,
	.lf-menu-wrap.mypage-ty .block.cateMenuWrap .conts-box .dep3 > ul {display:block;}
	.lf-menu-wrap.mypage-ty > .kakao-banner {}
	.lf-menu-wrap.mypage-ty > .kakao-banner > a.kakao-chatbot {display:flex;align-items:center;height:3.75rem;color:#000;font-size:0.875rem;font-weight:700;background:#ffe600 url('../images/common/kakao.png') no-repeat right 1.875rem center;border-radius:3.75rem;padding:0 1.875rem;}
	.lf-menu-wrap.mypage-ty .block.cateMenuWrap .conts-box.schMenu .dep2 > a:after{display:none}
	.lf-menu-wrap.mypage-ty .block.cateMenuWrap .show-hide{display:none}
	.lf-menu-wrap.mypage-ty .block.cateMenuWrap .conts-box.schMenu .dep1 > a:after{display:none}
	/* 23-03-07 추가 */
	.lf-menu-wrap .block.brand .conts-box{max-height:23.875rem;overflow-y:auto;padding-bottom:0;margin-bottom:1.875rem}
/* 달력 스타일 */
	.calendar-wrap {width:7.5rem;border:1px solid #e2e2e2;}
	.calendar-wrap input[type=text].calendar-date {display:block;width:100%;height:2.0rem;color:#000;font-size:0.75rem;line-height:2.0rem;text-align:center;border:none;padding:0 1.875rem 0 0.3125rem;background:url('../images/common/calendar-icon.png') no-repeat right 0.5rem center;}
	.calendar-wrap input[type=text].calendar-dateImg{display:block;width:100%;height:2.0rem;color:#000;font-size:0.75rem;line-height:2.0rem;text-align:center;border:none;padding:0 1.875rem 0 0.3125rem;background:url('../images/common/calendar-icon.png') no-repeat right 0.5rem center;}
	.ui-datepicker {width:15rem;}
	.ui-widget.ui-widget-content {border:1px solid #999;}
	.ui-widget-header {border:0;background-color:#fff;}
	.ui-datepicker .ui-datepicker-prev,
	.ui-datepicker .ui-datepicker-next {width:1.75rem;height:1.75rem;display:flex;justify-content:center;align-items:center;}
	.ui-datepicker .ui-datepicker-prev {top:50% !important;left:5px !important;transform:translate(0, -50%);}
	.ui-datepicker .ui-datepicker-next {top:50% !important;right:5px !important;transform:translate(0, -50%);}
	.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {position:relative;left:0;top:0;margin:0;width:1.25rem;height:1.25rem;}
	.ui-datepicker .ui-datepicker-prev span {background:url('../images/common/calendar-arrow-icon.png') no-repeat left -1px center;}
	.ui-datepicker .ui-datepicker-next span {background:url('../images/common/calendar-arrow-icon.png') no-repeat right -1px center;}
	.ui-datepicker .ui-datepicker-title {font-size:0.75rem;}
	.ui-datepicker .ui-datepicker-title select {font-size:0.75rem;line-height:1.4;border:1px solid #ccc;padding:5px;border-radius:3px;margin:0;}
	.ui-datepicker select.ui-datepicker-year {width:4.125rem;background:url('../images/common/calendar-sel-icon.png') no-repeat right 0.1875rem top 0.3125rem/1.0rem 2.0rem;margin-right:0.3125rem;}
	.ui-datepicker select.ui-datepicker-month {width:3.375rem;background:url('../images/common/calendar-sel-icon.png') no-repeat right 0.1875rem top 0.3125rem/1.0rem 2.0rem;margin-left:0.3125rem;}
		.ui-datepicker select.ui-datepicker-year:focus,
		.ui-datepicker select.ui-datepicker-month:focus {background-position:right 0.1875rem bottom 0.375rem}

		.ui-datepicker select.ui-datepicker-year::-webkit-scrollbar,
		.ui-datepicker select.ui-datepicker-month::-webkit-scrollbar {width:10px;background-color:#f1f1f1;border-radius:10px;padding:0px  /* 스크롤바의 너비 */}
		.ui-datepicker select.ui-datepicker-year::-webkit-scrollbar-thumb,
		.ui-datepicker select.ui-datepicker-month::-webkit-scrollbar-thumb {
			display: block;
			width: 4px; /* 스크롤바의 길이 */
			background-color: #000; /* 스크롤바의 색상 */
			border-radius: 10px;
			border: 3px solid #f1f1f1;
			cursor: default !important;
		}
		.ui-datepicker select.ui-datepicker-year::-webkit-scrollbar-thumb:hover,
		.ui-datepicker select.ui-datepicker-month::-webkit-scrollbar-thumb:hover {
			background-color: rgba(255,0,0,1);
			/*border: 1px solid rgba(255,0,0,1);*/
			cursor: default !important;
		}
		.ui-datepicker select.ui-datepicker-year::-webkit-scrollbar-track,
		.ui-datepicker select.ui-datepicker-month::-webkit-scrollbar-track {
			display: none;
			background: rgba(0, 0, 0, .05);  /*스크롤바 뒷 배경 색상*/
		}
		.ui-datepicker select.ui-datepicker-year::-webkit-scrollbar-button:start:decrement, 
		.ui-datepicker select.ui-datepicker-year::-webkit-scrollbar-button:end:increment,
		.ui-datepicker select.ui-datepicker-month::-webkit-scrollbar-button:start:decrement, 
		.ui-datepicker select.ui-datepicker-month::-webkit-scrollbar-button:end:increment {
			/*  스크롤의 화살표가 포함된 영역   */
			display: none;
			height: 1.0rem;
			background-color: transparent;
		}




	.ui-datepicker th {font-size:0.75rem;font-weight:normal}
	.ui-state-default,
	.ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default,
	.ui-button, html .ui-button.ui-state-disabled:hover,
	html .ui-button.ui-state-disabled:active {border:1px solid #ECEFF1;font-size:0.75rem;text-align:center;border-radius:3px;background-color:#fff;} /* 날짜 기본 */
	.ui-datepicker td span, .ui-datepicker td a {padding:0.5em 0.2em;}
	.ui-state-highlight,
	.ui-widget-content .ui-state-highlight,
	.ui-widget-header .ui-state-highlight {color:#000;font-weight:900;border-color:#000;} /* 오늘 */
	.ui-state-active,
	.ui-widget-content .ui-state-active,
	.ui-widget-header .ui-state-active,
	a.ui-button:active,
	.ui-button:active,
	.ui-button.ui-state-active:hover {color:#fff;font-weight:700;border-color:#ed1b23;background-color:#ed1b23;box-shadow:2px 2px 2px rgba(0,0,0,0.35);} /* 선택한 날짜 */
	.ui-state-hover,
	.ui-widget-content .ui-state-hover,
	.ui-widget-header .ui-state-hover,
	.ui-state-focus,
	.ui-widget-content .ui-state-focus,
	.ui-widget-header .ui-state-focus,
	.ui-button:hover,
	.ui-button:focus {}
	.ui-state-hover .ui-icon,
	.ui-state-focus .ui-icon,
	.ui-button:hover .ui-icon,
	.ui-button:focus .ui-icon {	background-image:inherit;}
	.ui-priority-secondary,
	.ui-widget-content .ui-priority-secondary,
	.ui-widget-header .ui-priority-secondary {color:#C3C3C3;border-color:#ECEFF1;background-color:#FAFAFA;} /* 이전달,다음달 날짜 */


/* DL 테이블 형식 */
	.table > dl {display:flex;flex-wrap:wrap;}
	.table > dl dt {width:13.75rem;min-height:4.375rem;font-size:0.875rem;line-height:4.375rem;padding-left:1.875rem;display:flex;flex-wrap:wrap;align-items:center;background-color:#F7F7F7;text-align:left;border-bottom:1px solid #E2E2E2}
	.table > dl dd {width:calc(100% - 13.75rem);min-height:4.375rem;display:flex;flex-wrap:wrap;align-items:center;padding:0.625rem;border-bottom:0;border-bottom:1px solid #E2E2E2}
	.table > dl dt label {position:relative;font-size:0.875rem;line-height:1.4;}
	.table > dl dt.require > label:before {content:"*";position:absolute;left:-0.625rem;top:0.125rem;font-size:0.75rem;color:red;font-weight:600;}


/* caution */
	p.caution {position:relative;padding-left:1.375rem;}
	p.caution:before {content:"";position:absolute;top:0;left:0;width:1.125rem;height:1.125rem;background:url('../images/common/caution-icon.png') no-repeat center center;}
	p.caution.red:before {background:url('../images/common/caution-icon-red.png') no-repeat center center;}


/* SHARE 이미지 */
	.share-icon {position:relative;margin-left:0.3125rem;display:flex;align-items:center;}
	.share-icon > a.share-btn {width:2.0rem;height:2.0rem;background:url('../images/common/brand-share-icon.png') no-repeat center top -2px/2.0rem 4.375rem;border:2px solid #fff;border-radius:50%;font-size:0;line-height:0;text-indent:-250%;overflow:hidden;}
	.share-icon > .icon-wrap {
		position:absolute;top:50%;right:-0.3125rem;transform:translate(0,-50%);width:0;opacity:0;display:flex;align-items:center;background-color:#fff;border-radius:3.125rem;padding:0.3125rem;box-shadow:0px 10px 20px rgba(0, 0, 0, 0.2);overflow:hidden;z-index:1;
		-o-transition: width .30s .0s ease-in-out, opacity .30s .0s ease-in-out;
		-ms-transition: width .30s .0s ease-in-out, opacity .30s .0s ease-in-out;
		-moz-transition: width .30s .0s ease-in-out, opacity .30s .0s ease-in-out;
		-webkit-transition: width .30s .0s ease-in-out, opacity .30s .0s ease-in-out;
		transition: width .30s .0s ease-in-out, opacity .30s .0s ease-in-out;
	}
	.share-icon > .icon-wrap > a {width:2.5rem;height:2.5rem;font-size:0;line-height:0;text-indent:-250%;border-radius:50%;background-color:#f1f1f1;background-image:url('../images/common/sns-share.png');background-repeat:no-repeat;background-size:10rem 7.5rem;overflow:hidden;}
	.share-icon > .icon-wrap > a + a {margin-left:0.3125rem;}
	.share-icon > .icon-wrap > a.facebook {background-position:left 0rem top;}
	.share-icon > .icon-wrap > a.twitter {background-position:left -2.5rem top;}
	.share-icon > .icon-wrap > a.kakaotalk {background-position:left -5.0rem top;}
	.share-icon > .icon-wrap > a.url {background-position:left -7.5rem top;}
	
	.share-icon > .icon-wrap > a.facebook:hover {background-position:left 0rem top -2.5rem;}
	.share-icon > .icon-wrap > a.twitter:hover {background-position:left -2.5rem top -2.5rem;}
	.share-icon > .icon-wrap > a.kakaotalk:hover {background-position:left -5.0rem top -2.5rem;}
	.share-icon > .icon-wrap > a.url:hover {background-position:left -7.5rem top -2.5rem;}
	
		.share-icon.active > .icon-wrap {width:13.75rem;opacity:1;}

	.share-icon > .icon-wrap > a.close {width:1.875rem;height:1.875rem;background:url('../images/common/layerPopupCloseBtn.png') no-repeat center center/1.875rem 1.875rem;}


/* Pagging :: Style */
	#pagging-wrap {position:relative;width:100%;display:flex;justify-content:center;align-items:center;margin-top:20px;}
	#pagging-wrap > .page-area {display:flex;align-items:center;}
	#pagging-wrap > .page-area > a.page-btn {font-size:0;line-height:0;width:1.0rem;height:1.0rem;background-repeat:no-repeat;background-position:center center;background-size:2.375rem 2.375rem;overflow:hidden;margin:0 3px;}
	#pagging-wrap > .page-area > a.page-btn.first {background-image:url('../images/common/pagging-icon.png');background-position:left top;}
	#pagging-wrap > .page-area > a.page-btn.prev {background-image:url('../images/common/pagging-icon.png');background-position:left bottom;}
	#pagging-wrap > .page-area > a.page-btn.next {background-image:url('../images/common/pagging-icon.png');background-position:right bottom;}
	#pagging-wrap > .page-area > a.page-btn.last {background-image:url('../images/common/pagging-icon.png');background-position:right top;}
	#pagging-wrap > .page-area > a.page-btn.disable {opacity:0.3;}
	#pagging-wrap > .page-area > ul.list {display:flex;justify-content:center;align-items:center;margin:0 0.625rem;}
	#pagging-wrap > .page-area > ul.list li {display:flex;justify-content:center;align-items:center;}
	#pagging-wrap > .page-area > ul.list li + li {margin-left:0.625rem;}
	#pagging-wrap > .page-area > ul.list li a {min-width:1.75rem;height:1.75rem;border-radius:50%;border:1px solid #eee;color:#888;font-size:0.875rem;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:0 0.25rem;}
	#pagging-wrap > .page-area > ul.list li.on a {color:#fff;border:1px solid #000;background-color:#000;cursor:default;}

		#pagging-wrap.round > .page-area > ul.list li a {border-radius:0.375rem;}
	
	#pagging-wrap > .lf {position:absolute;top:0;left:0;}
	#pagging-wrap > .rh {position:absolute;top:0;right:0;}
	#pagging-wrap > .rh span {margin:0 3px;}


/* } 공통영역 E. */
/* ====================================================================================================================================================== */
/* ====================================================================================================================================================== */



/* 내용 */
.container {position:relative;background-color:#fff;padding-bottom:6.25rem;min-height:100%;}
.container > .wrap {max-width:1280px;width:100%;margin:0 auto;padding:0 2.5rem;}
.container > .wrap.fullWrap{padding:0;width:100%;margin:0 auto;max-width:100%;}
.contents {width:100%;}
.contents > .sub-head-tit {text-align:center;padding-top:1.5rem;}
.contents > .sub-head-tit > h1 {color:#000;font-size:2.215rem;font-weight:600;}
.contents > .sub-head-tit > p.desc {color:#000;margin-top:0.5rem;}

.container > .wrap .subContBox-tit-wrap {border-bottom:1px solid #000;padding-bottom:0.875rem;}
.container > .wrap .subContBox-tit-wrap.bordernone{border:none;padding-bottom:0;}
.container > .wrap .subContBox-tit-wrap.flex-spw {display:flex;justify-content:space-between;align-items:flex-end;}
.container > .wrap .subContBox-tit-wrap h3 {color:#000;font-size:1.375rem;font-weight:700;}
.container > .wrap .subContBox-tit-wrap h3 > span {color:#888;font-size:1.0rem;font-weight:400;margin-left:0.625rem;}
.container > .wrap .subContBox-tit-wrap p.desc {color:#888;font-size:1.0rem;letter-spacing:-0.045rem;font-weight:300;margin-top:0.625rem;}
.container > .wrap .subContBox-tit-wrap a.more {display:flex;align-items:center;color:#231f20;font-size:0.75rem;line-height:1.0;padding:0.3125rem 0;}
.container > .wrap .subContBox-tit-wrap a.more:after {content:"";width:0.75rem;height:0.75rem;background:url('../images/common/more-icon.png') no-repeat center center;margin-left:0.3125rem;}
.container > .wrap .subContBox-tit-wrap a.func.sel-del {color:#787878;}

.container > .wrap .division-wrap {display:flex;}



/* 푸터 */
.footer {background-color:#fafafa;}
.footer .pressnevent {width:100%;background-color:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.footer .pressnevent .conts {max-width:1280px;width:100%;margin:0 auto;padding:0 2.5rem;display:flex;}
.footer .pressnevent .conts > div {width:50%;height:5.0rem;display:flex;align-items:center;padding:1.875rem 0;}
.footer .pressnevent .conts > div h3 {color:#000;font-size:1.0rem;font-weight:600;}
.footer .pressnevent .conts > div .list {margin-left:2.5rem;}
.footer .pressnevent .conts > div .list a {display:flex;align-items:center;}
.footer .pressnevent .conts > div .list .date {color:#999;font-size:0.75rem;}
.footer .pressnevent .conts > div .list .tit {color:#666;font-size:0.875rem;display:flex;align-items:center;}
.footer .pressnevent .conts > div .list .tit:before {content:"";display:inline-block;width:1px;height:0.625rem;background-color:#ddd;margin:0 0.625rem;}
.footer .pressnevent .conts > div .list i {width:1.0rem;height:1.0rem;background-color:#eee;border-radius:50%;font-style:normal;display:flex;justify-content:center;align-items:center;margin-left:0.5rem;}
.footer .pressnevent .conts > div .list i.new {background-color:#D19563;}
.footer .pressnevent .conts > div .list i.new:after {content:"N";color:#fff;font-size:0.625rem;font-weight:700;}
.footer .pressnevent .conts .notice {}
.footer .pressnevent .conts .event {padding-left:2.5rem;border-left:1px solid #eee;}
.footer .wrap {max-width:1280px;width:100%;margin:0 auto;padding:2.875rem 2.5rem 4.375rem;}
.footer .wrap .qlink-social {display:flex;justify-content:space-between;align-items:center;}
.footer .wrap .qlink-social .quick ul {display:flex;align-items:center;}
.footer .wrap .qlink-social .quick ul li {display:inherit;align-items:center;}
.footer .wrap .qlink-social .quick ul li + li:before {content:"";width:3px;height:3px;background-color:#333;border-radius:50%;overflow:hidden;margin:0 0.75rem;}
.footer .wrap .qlink-social .quick ul li a {color:#000;font-size:0.875rem;font-weight:600;}
.footer .wrap .qlink-social .quick ul li a.privacy {color:#ed1b23;}
.footer .wrap .qlink-social .right {display:flex;align-items:center;}
.footer .wrap .qlink-social .right .social {display:flex;align-items:center;margin-right:80px;}
.footer .wrap .qlink-social .right .social a {font-size:0;line-height:0;overflow:hidden;}
.footer .wrap .qlink-social .right .social a + a {margin-left:0.5rem;}
.footer .wrap .qlink-social .right .family {position:relative;width:11.5rem;}
.footer .wrap .qlink-social .right .family > a {display:block;width:100%;height:100%;color:#000;font-size:0.875rem;line-height:2.5rem;font-weight:600;background-color:#fff;border:1px solid #ddd;border-radius:2.625rem;padding:0 0.875rem;}
.footer .wrap .qlink-social .right .family > a:before {content:"";position:absolute;top:50%;right:0.875rem;transform:translate(0,-50%);width:1.5rem;height:1.5rem;background:url('../images/common/f-familysite-arrow.png') no-repeat center center/contain;}
.footer .wrap .qlink-social .right .family > ul {display:none;position:absolute;top:calc(100% - 1px);width:100%;border:1px solid #ddd;background-color:#fff;border-radius:1.0rem;overflow:hidden;}
.footer .wrap .qlink-social .right .family > ul > li {}
.footer .wrap .qlink-social .right .family > ul > li + li {border-top:1px solid #eee;}
.footer .wrap .qlink-social .right .family > ul > li a {display:block;font-size:0.75rem;padding:0.5rem 0.875rem;}
.footer .wrap .qlink-social .right .family > ul > li a:hover {background-color:#eee;}
.footer .wrap .qlink-social .right .family.active > a:before {transform:translate(0,-50%) rotate(180deg);}
.footer .wrap .qlink-social .right .family > ul.up {top:auto;bottom:calc(100% - 1px);}
.footer .wrap .address-cscenter {display:flex;justify-content:space-between;margin-top:2.5rem;}
.footer .wrap .address-cscenter .add {}
.footer .wrap .address-cscenter .add .conts {margin-top:1.5rem;}
.footer .wrap .address-cscenter .add .conts p {}
.footer .wrap .address-cscenter .add .conts p span {color:#888;font-size:0.75rem;display:inline-flex;align-items:center;}
.footer .wrap .address-cscenter .add .conts p span em {font-weight:600;font-style:normal;margin-left:0.3125rem;}
.footer .wrap .address-cscenter .add .conts p span span.footer_email {color:#888;margin-left:0.3125rem;border-bottom:1px solid #888;}
.footer .wrap .address-cscenter .add .conts p span a.mail {color:#888;margin-left:0.3125rem;border-bottom:1px solid #888;}
.footer .wrap .address-cscenter .add .conts p span + span:before {content:"";width:1px;height:0.5rem;background-color:#ddd;margin:0 0.5rem;}
.footer .wrap .address-cscenter .add .conts a.bizinfor {color:#888;font-size:0.75rem;line-height:1.375rem;display:inline-flex;align-items:center;border:1px solid #ccc;border-radius:1.5rem;padding:0 0.625rem;margin-top:0.625rem;}
.footer .wrap .address-cscenter .add .conts a.bizinfor:after {content:"";width:1rem;height:1rem;background:url('../images/common/f-bizinfor.png') no-repeat center center/contain;}
.footer .wrap .address-cscenter .right {display:flex;align-items:flex-start;}
.footer .wrap .address-cscenter .right .qrcode {margin-right:80px;}
.footer .wrap .address-cscenter .right .qrcode p {color:#000;font-size:0.875rem;font-weight:600;text-align:center;margin-top:0.625rem;}
.footer .wrap .address-cscenter .right .cscenter {position:relative;width:11.5rem;}
.footer .wrap .address-cscenter .right .cscenter:before {content:"";position:absolute;top:0;left:-2.5rem;height:100%;border-left:1px solid #ddd;}
.footer .wrap .address-cscenter .right .cscenter h5 {color:#000;font-size:0.875rem;font-weight:600;}
.footer .wrap .address-cscenter .right .cscenter h2 {color:#000;font-size:1.5rem;font-weight:700;}
.footer .wrap .address-cscenter .right .cscenter p {color:#888;font-size:0.75rem;font-weight:500;}
.footer .wrap .address-cscenter .right .cscenter p span {display:inline-block;width:2.5rem;font-weight:400;text-align:justify;}
.footer .wrap .address-cscenter .right .cscenter p.infor {font-size:0.625rem;font-weight:400;margin-top:0.625rem;padding-top:0.625rem;border-top:1px solid #ddd;}
.footer .wrap .copyright {padding-top:2.5rem;margin-top:2.5rem;border-top:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;}
.footer .wrap .copyright .left {color:#888;font-size:0.75rem;line-height:1.4;}
.footer .wrap .copyright .left strong {color:#000;font-weight:400;}
.footer .wrap .copyright .left strong u {color:#000;font-weight:600;}
.footer .wrap .copyright .right {color:#333;font-size:0.75rem;}

/* 오른쪽 하단 플로팅 아이콘 */
#float-icon {position:absolute;top:0;right:0;width:0;height:calc(100% - 2.5rem);display:flex;align-items:flex-end;}
#float-icon .wrap {position:sticky;bottom:2.5rem;}
#float-icon .wrap div + div {margin-top:0.625rem;}
#float-icon .wrap .event {position:relative;margin-left:-7.5rem;width:6.875rem;height:6.875rem;display:block;opacity:1;}
#float-icon .wrap .event.deactive{opacity:0;display:none;}
#float-icon .wrap .event a.close {position:absolute;top:0;left:0;width:2.0rem;height:2.0rem;border-radius:50%;background:#fff url('../images/common/floating-banner-close.png') no-repeat center center/contain;font-size:0;line-height:0;text-indent:-250%;overflow:hidden;box-shadow:0px 0px 5px rgba(0,0,0,0.3);}
#float-icon .wrap .topnbottom {margin-left:-4.375rem;width:3.125rem;border-radius:1.5625rem;overflow:hidden;background-color:#000;display:flex;flex-wrap:wrap;overflow:hidden;}
#float-icon .wrap .topnbottom.hide {height:0;}
#float-icon .wrap .topnbottom a {width:3.125rem;height:3.125rem;font-size:0;line-height:0;text-indent:-250%;overflow:hidden;}
#float-icon .wrap .topnbottom a.btn-top {background:url('../images/common/float-scroll-btn-icon.png') no-repeat center top/3.125rem 6.25rem;}
#float-icon .wrap .topnbottom a.btn-bottom {background:url('../images/common/float-scroll-btn-icon.png') no-repeat center bottom/3.125rem 6.25rem;}
#float-icon .wrap .topnbottom.top a.btn-top {height:0;}
#float-icon .wrap .topnbottom.bottom a.btn-bottom {height:0;}
#float-icon .wrap .topnbottom.middle a {height:2.5rem;}
#float-icon .wrap .topnbottom.middle a.btn-top {background-position:center top -0.1875rem;}
#float-icon .wrap .topnbottom.middle a.btn-bottom {background-position:center bottom -0.1875rem;}

#hidden-menu-nav{position:absolute;left:-99999px;top:-99999px;opacity:0;width:0;height:0;}

@media only screen and (max-width: 800px){
	
}