@keyframes wobble-vertical-on-hover {
	16.65% {
		-webkit-transform:translateY(8px);
		transform:translateY(8px)
	}
	33.3% {
		-webkit-transform:translateY(-6px);
		transform:translateY(-6px)
	}
	49.95% {
		-webkit-transform:translateY(4px);
		transform:translateY(4px)
	}
	66.6% {
		-webkit-transform:translateY(-2px);
		transform:translateY(-2px)
	}
	83.25% {
		-webkit-transform:translateY(1px);
		transform:translateY(1px)
	}
	100% {
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}
}
@keyframes wobble-vertical-on-hover2 {
	0%,20%,100% {
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}
	10% {
		-webkit-transform:translateY(8px);
		transform:translateY(8px)
	}
}
@-webkit-keyframes bHover {
	0% {
		background-color:transparent
	}
	100% {
		background-color:rgba(255,255,255,.2)
	}
}
@keyframes bHover {
	0% {
		background-color:transparent
	}
	100% {
		background-color:rgba(255,255,255,.2)
	}
}
@-webkit-keyframes pop-on-hover {
	50% {
		-webkit-transform:scale(1.2);
		transform:scale(1.2)
	}
}
@keyframes pop-on-hover {
	50% {
		-webkit-transform:scale(1.2);
		transform:scale(1.2)
	}
}
@-webkit-keyframes pagerEffect {
	0% {
		opacity:.3
	}
	40% {
		opacity:.5;
		box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #333,0 0 0 10px rgba(255,255,255,.5)
	}
	100% {
		box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #333,0 0 0 10px rgba(255,255,255,.5);
		-webkit-transform:scale(1.5);
		opacity:0
	}
}
@-webkit-keyframes scrollDown {
	0% {
		opacity:1;
		top:29%
	}
	15% {
		opacity:1;
		top:50%
	}
	50% {
		opacity:0;
		top:50%
	}
	100% {
		opacity:0;
		top:29%
	}
}
@keyframes timeLine {
	0% {
		width:0%
	}
	100% {
		width:100%
	}
}
@keyframes txtBracket {
	0%,100% {
		opacity:0
	}
	50% {
		opacity:1
	}
}
@keyframes txtChange {
	0%,20%,100% {
		transform:translate3d(0,-37%,0)
	}
	25%,45% {
		transform:translate3d(0,-12%,0)
	}
	50%,70% {
		transform:translate3d(0,13%,0)
	}
	75%,95% {
		transform:translate3d(0,38%,0)
	}
}
@-webkit-keyframes loading {
	0% {
		-webkit-transform:scale(0);
		opacity:0
	}
	50% {
		opacity:1
	}
	100% {
		-webkit-transform:scale(1);
		opacity:0
	}
}
@keyframes FadeText {
	from {
		opacity:.1
	}
	to {
		opacity:1
	}
}
@keyframes wobble-vertical-on-hover {
	16.65% {
		-webkit-transform:translateY(8px);
		transform:translateY(8px)
	}
	33.3% {
		-webkit-transform:translateY(-6px);
		transform:translateY(-6px)
	}
	49.95% {
		-webkit-transform:translateY(4px);
		transform:translateY(4px)
	}
	66.6% {
		-webkit-transform:translateY(-2px);
		transform:translateY(-2px)
	}
	83.25% {
		-webkit-transform:translateY(1px);
		transform:translateY(1px)
	}
	100% {
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}
}
@keyframes wobble-vertical-on-hover2 {
	0%,20%,100% {
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}
	10% {
		-webkit-transform:translateY(8px);
		transform:translateY(8px)
	}
}
@-webkit-keyframes bHover {
	0% {
		background-color:transparent
	}
	100% {
		background-color:rgba(255,255,255,.2)
	}
}
@keyframes bHover {
	0% {
		background-color:transparent
	}
	100% {
		background-color:rgba(255,255,255,.2)
	}
}
@-webkit-keyframes pop-on-hover {
	50% {
		-webkit-transform:scale(1.2);
		transform:scale(1.2)
	}
}
@keyframes pop-on-hover {
	50% {
		-webkit-transform:scale(1.2);
		transform:scale(1.2)
	}
}
@-webkit-keyframes pagerEffect {
	0% {
		opacity:.3
	}
	40% {
		opacity:.5;
		box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #333,0 0 0 10px rgba(255,255,255,.5)
	}
	100% {
		box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #333,0 0 0 10px rgba(255,255,255,.5);
		-webkit-transform:scale(1.5);
		opacity:0
	}
}
@-webkit-keyframes scrollDown {
	0% {
		opacity:1;
		top:29%
	}
	15% {
		opacity:1;
		top:50%
	}
	50% {
		opacity:0;
		top:50%
	}
	100% {
		opacity:0;
		top:29%
	}
}
@keyframes timeLine {
	0% {
		width:0%
	}
	100% {
		width:100%
	}
}
@keyframes txtBracket {
	0%,100% {
		opacity:0
	}
	50% {
		opacity:1
	}
}
@keyframes txtChange {
	0%,20%,100% {
		transform:translate3d(0,-37%,0)
	}
	25%,45% {
		transform:translate3d(0,-12%,0)
	}
	50%,70% {
		transform:translate3d(0,13%,0)
	}
	75%,95% {
		transform:translate3d(0,38%,0)
	}
}
@-webkit-keyframes loading {
	0% {
		-webkit-transform:scale(0);
		opacity:0
	}
	50% {
		opacity:1
	}
	100% {
		-webkit-transform:scale(1);
		opacity:0
	}
}
@keyframes FadeText {
	from {
		opacity:.1
	}
	to {
		opacity:1
	}
}
::-webkit-scrollbar {
	width:10px;
	height:10px
}
::-webkit-scrollbar-thumb {
	border-radius:8px;
	background-color:rgba(0,0,0,.2)
}
::-webkit-scrollbar-track {
	border-radius:8px;
	background-color:rgba(0,0,0,.1)
}
::-webkit-scrollbar-button {
	width:0;
	height:0
}
@font-face {
	font-family:"SCDreamRegular";
	font-weight:Regular;
	font-style:normal;
	src:url("/assets/font/SCDream/scdream4-webfont.woff2") format("woff2"),url("/assets/font/SCDream/scdream4-webfont.woff") format("woff")
}
@font-face {
	font-family:"SCDreamMedium";
	font-weight:Regular;
	font-style:normal;
	src:url("/assets/font/SCDream/scdream5-webfont.woff2") format("woff2"),url("/assets/font/SCDream/scdream5-webfont.woff") format("woff")
}
html,body {
	font-family:"SCDreamRegular",sans-serif,serif
}
.fwBold {
	font-family:"SCDreamMedium"
}
.wrapper {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	width:100vw;
	height:100vh;
	overflow:auto;
	background:#f9f9f9
}
.hoverMenu {
	width:50px;
	height:50px;
	border-radius:50%;
	background-color:#333;
	position:fixed;
	top:30px;
	right:30px;
	transition:.5s;
	z-index:10
}
.hoverMenu:hover {
	position:fixed;
	top:-200px;
	right:-200px;
	width:400px;
	height:400px;
	transition:.5s
}
.hoverMenu .bar {
	width:50px;
	height:50px;
	cursor:pointer
}
.hoverMenu .bar .xi-bars {
	transition:.5s;
	color:#ededed;
	font-size:22px;
	position:fixed;
	top:44px;
	right:44px
}
.hoverMenu:hover .bar .xi-bars {
	transition:.5s;
	transition-delay:.5s;
	position:fixed;
	top:38px;
	right:38px;
	color:#fff;
	font-size:34px
}
.hoverMenu .menu a {
	visibility:hidden;
	opacity:0
}
.hoverMenu .menu a:nth-child(1) {
	position:fixed;
	top:15px;
	right:155px
}
.hoverMenu .menu a:nth-child(2) {
	position:fixed;
	top:63px;
	right:138px
}
.hoverMenu .menu a:nth-child(3) {
	position:fixed;
	top:107px;
	right:107px
}
.hoverMenu .menu a:nth-child(4) {
	position:fixed;
	top:138px;
	right:63px
}
.hoverMenu .menu a:nth-child(5) {
	position:fixed;
	top:155px;
	right:15px
}
.hoverMenu:hover .menu a {
	visibility:visible;
	opacity:1;
	transition:1s;
	transition-delay:.5s
}
.hoverMenu .menu a i {
	color:#c3c3c3;
	font-size:18px
}
.hoverMenu .menu a:hover i {
	color:#fff;
	transition:.5s
}
.header {
	background:#333;
	border-radius:0 0 50px 0;
	flex:1;
	transition:.5s;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-ms-flex-direction:column;
	flex-direction:column;
	-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,.2);
	-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,.2);
	box-shadow:1px 1px 3px 1px rgba(0,0,0,.2)
}
.header .logoWrap {
	flex:1;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.header .logoWrap .logo {
	width:70%
}
.header .logoWrap .consumerTopName {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-align:end;
	-ms-flex-align:end;
	align-items:flex-end;
	display:none;
	color:#fff;
	width:115px
}
.header .logoWrap .consumerTopName a {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	font-size:36px;
	color:#fff
}
.header .logoWrap .consumerTopName a i {
	font-size:20px
}
.header .logoWrap .consumerTopName a span {
	font-size:.75rem
}
.header .gnbWrap {
	flex:2.5;
	overflow:auto;
	margin-bottom:40px
}
.header .gnbWrap::-webkit-scrollbar {
	width:4px
}
.header .gnbWrap::-webkit-scrollbar-thumb {
	background-color:rgba(255,255,255,.5);
	border-radius:30px
}
.header .gnbWrap::-webkit-scrollbar-track {
	background-color:rgba(255,255,255,.3);
	border-radius:30px
}
.header .gnbWrap .gnb .gnbTit {
	color:#fff;
	font-size:.9375rem;
	display:block;
	height:50px;
	line-height:50px;
	padding-left:15%;
	background:linear-gradient(to left,transparent 50%,rgba(255,255,255,0.15) 50%) right;
	background-size:200%;
	transition:.5s ease-out
}
.header .gnbWrap .gnb .gnbTit:hover {
	background-position:left
}
.header .gnbWrap .gnb .gnbTit.on {
	background:linear-gradient(to left,transparent 50%,transparent 50%) right;
	background-color:rgba(255,255,255,.15)
}
.header .gnbWrap .gnb.gnbUrl .gnbTit {
	color:#a8d1a2
}
.header .gnbWrap .gnb .gnbMenu {
	display:none;
	background-color:rgba(255,255,255,.06);
	padding:.9375rem 0 .9375rem 17%
}
.header .gnbWrap .gnb .gnbMenu li {
	height:40px
}
.header .gnbWrap .gnb .gnbMenu li a {
	color:#ddd;
	font-size:.875rem;
	line-height:40px;
	position:relative;
	padding-top:5px;
	padding-right:10px
}
.header .gnbWrap .gnb .gnbMenu li a:after {
	display:block;
	content:"";
	position:absolute;
	top:0;
	right:0;
	width:4px;
	height:4px;
	border-radius:50%;
	background:#74c968;
	opacity:0;
	transition:opacity .5s ease
}
.header .gnbWrap .gnb .gnbMenu li a:hover:after {
	opacity:1
}

.header .gnbWrap .gnb .gnbMenu li a.faq, .header .gnbWrap .gnb .gnbMenu li a.chart, .header .gnbWrap .gnb .gnbMenu li a.modify {line-height:18px}

.header .gnbWrap .gnb .gnbMenu li .gnbOn {
	position:relative
}
.header .gnbWrap .gnb .gnbMenu li .gnbOn:after {
	display:block;
	content:"";
	position:absolute;
	top:0;
	right:0;
	width:4px;
	height:4px;
	border-radius:50%;
	background:#74c968;
	opacity:1;
	transition:opacity .5s ease
}
.header .gnbWrap .gnb .gnbMenu li.long {
	height:60px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.header .gnbWrap .gnb .gnbMenu li.long a {
	line-height:22px;
	box-sizing:border-box
}
.header .gnbWrap .gnb .gnbMenu li.long a span {
	font-size:12px
}
.header .headerBottom {
	flex:1;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.header .headerBottom .logTop {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.header .headerBottom .logTop i {
	color:#fff;
	font-size:3.438rem
}
.header .headerBottom .logTop .name {
	margin-top:15px;
	text-align:center;
	color:#fff;
	font-size:.8125rem;
	padding:0 .75rem;
}
.header .headerBottom .logBtn {
	margin-top:1.875rem;
	width:60%;
	padding:.75rem 0;
	text-align:center;
	font-family:"SCDreamMedium";
	background:#fff;
	border-radius:3px;
	color:#333;
	font-size:.75rem;
	transition:transform 350ms
}
.header .headerBottom .logBtn:hover {
	transform:translateX(15px)
}
.mbTop {
	display:none;
	padding-bottom:4.688rem;
	background:#333;
	width:100%;
	position:relative;
	box-sizing:border-box
}
.mbTop .hello {
	padding-left:10px
}
.mbTop .hello h2 {
	margin-bottom:1.25rem;
	color:#fff;
	font-size:1.375rem
}
.mbTop .hello p {
	color:#eee;
	font-size:.9375rem
}
.mbTop .mbTopSel {
	position:absolute;
	bottom:-25px;
	left:5%;
	width:90%
}
.mbTop .mbTopSel .selectWrap {
	position:relative
}
.mbTop .mbTopSel .selectWrap:after {
	display:block;
	content:"";
	position:absolute;
	top:50%;
	right:25px;
	transform:translate(0,-50%);
	width:0;
	height:0;
	border:5px solid #333;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-bottom:none
}
.mbTop .mbTopSel .selectWrap select {
	border:0;
	font-family:inherit;
	padding:0 25px;
	box-sizing:border-box;
	width:100%;
	height:50px;
	border-radius:25px;
	-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,.2);
	-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,.2);
	box-shadow:1px 1px 3px 1px rgba(0,0,0,.2);
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	font-size:15px
}
.mbTop .mbTopSel .selectWrap select::-ms-expand {
	display:none
}
footer {
	width:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
footer .footInfo {
	background-color:#ccc;
	box-sizing:border-box;
	padding:20px 60px;
	width:80%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
footer .footInfo .footComInfo {
	flex:4
}
footer .footInfo .footComInfo h2 {
	color:#fff;
	font-size:.9375rem;
	margin-bottom:15px
}
footer .footInfo .footComInfo .info {
	color:#fff;
	font-size:.8125rem;
	line-height:24px
}
footer .footInfo .footComInfo .info span {
	margin-right:10px
}
footer .footInfo .footComInfo .copy {
	margin-top:30px;
	font-size:.8125rem;
	color:#ddd
}
footer .footInfo .footLink {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-ms-flex-direction:column;
	flex-direction:column;
	border-left:1px solid rgba(255,255,255,.2);
	padding:10px 0 10px 50px;
	flex:1
}
footer .footInfo .footLink a {
	font-size:.8125rem;
	color:#fff;
	margin:8px 0
}
footer .footCenter {
	background-color:#aaa;
	width:20%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	padding:20px
}
footer .footCenter i {
	width:50px;
	height:50px;
	border-radius:50%;
	border:1px solid #fff;
	color:#fff;
	font-size:1.25rem;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
footer .footCenter .num {
	color:#fff;
	font-size:1.125rem;
	margin:25px 0 15px
}
footer .footCenter .time {
	color:#fff;
	font-size:.8125rem;
	text-align:center;
	line-height:20px
}
.mbMemu {
	display:none;
	width:55px;
	height:55px;
	z-index:100
}
.mbMemu .ham {
	cursor:pointer;
	-webkit-tap-highlight-color:transparent;
	transition:transform 400ms;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none
}
.mbMemu .hamRotate.active {
	transform:rotate(45deg)
}
.mbMemu .line {
	fill:none;
	transition:stroke-dasharray 400ms,stroke-dashoffset 400ms;
	stroke:#fff;
	stroke-width:5.5;
	stroke-linecap:round
}
.mbMemu .ham1 .top {
	stroke-dasharray:40 139
}
.mbMemu .ham1 .bottom {
	stroke-dasharray:40 180
}
.mbMemu .ham1.active .top {
	stroke-dashoffset:-98px
}
.mbMemu .ham1.active .bottom {
	stroke-dashoffset:-138px
}
.hamCont {
	position:absolute;
	top:0;
	right:0;
	width:100%;
	z-index:105;
	box-sizing:border-box;
	padding:125px 1.25rem 1.25rem;
	background-color:#333;
	display:none
}
.hamCont .hamTop {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.hamCont .hamTop .hamTopLeft h2 {
	color:#fff;
	font-size:1.375rem;
	line-height:28px
}
.hamCont .hamTop .hamTopLeft p {
	color:#eee;
	font-size:.9375rem;
	margin-top:15px;
	line-height:1.5
}
.hamCont .hamTop .hamTopRight {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.hamCont .hamTop .hamTopRight a {
	width:50px;
	height:50px;
	border-radius:50%;
	color:#fff;
	font-size:1.25rem;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	background-color:#74c968
}
.hamCont .hamTop .hamTopRight a+a {
	margin-left:10px
}
.hamCont .hamTop .hamTopRight a:last-child {
	background-color:#45b035
}
.hamCont .hamTop .hamTopRight a.url {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-ms-flex-direction:column;
	flex-direction:column
}
.hamCont .hamTop .hamTopRight a.url span {
	font-size:10px;
	text-align:center
}
.hamCont .hamQuick {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	background-color:rgba(255,255,255,.08);
	border-radius:0 30px 0 30px;
	margin-top:40px;
	height:100px
}
.hamCont .hamQuick .quickMenu {
	width:25%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	border-right:1px solid rgba(255,255,255,.15);
	padding:10px 0
}
.hamCont .hamQuick .quickMenu:last-child {
	border-right:0
}
.hamCont .hamQuick .quickMenu i {
	color:#ddd;
	font-size:1.5rem
}
.hamCont .hamQuick .quickMenu span {
	color:#ddd;
	font-size:.875rem;
	margin-top:10px
}
.hamCont .hamMenu {
	margin-top:20px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.hamCont .hamMenu .tabs {
	width:25%;
	background-color:rgba(255,255,255,.15);
	border-radius:4px 0 0 4px
}
.hamCont .hamMenu .tabs li.active {
	background-color:#74c968;
	border-radius:0 30px 0 30px;
	transition:.5s
}
.hamCont .hamMenu .tabs li.active a i {
	color:#fff
}
.hamCont .hamMenu .tabs li.active a span {
	color:#fff
}
.hamCont .hamMenu .tabs li a {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	height:120px;
	 
}
.hamCont .hamMenu .tabs li a i {
	color:#ddd;
	font-size:1.5rem
}
.hamCont .hamMenu .tabs li a span {
	color:#ddd;
	font-size:1rem;
	margin-top:15px;
	line-height:1.3;
	text-align:center;
	padding:0 7px;
	word-break: break-all;
}
.hamCont .hamMenu .tab_container {
	background-color:rgba(255,255,255,.08);
	flex:1;
	border-radius:0 4px 4px 0;
	padding:15px 20px;
	box-sizing:border-box
}
.hamCont .hamMenu .tab_container .hamGnbTop {
	color:#fff;
	font-size:1rem;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	height:50px;
	padding:0 20px
}
.hamCont .hamMenu .tab_container .hamGnbTop i {
	margin-right:10px
}
.hamCont .hamMenu .tab_container .hamGnb {
	margin-top:-1px
}
.hamCont .hamMenu .tab_container .hamGnb:last-child .hamGnbMenu {
	border-bottom:1px solid rgba(255,255,255,.05)
}
.hamCont .hamMenu .tab_container .hamGnb .hamGnbTit {
	color:#ddd;
	font-size:.875rem;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	border-bottom:1px solid rgba(255,255,255,.05);
	border-top:1px solid rgba(255,255,255,.05);
	padding:0 20px;
	height:50px
}
.hamCont .hamMenu .tab_container .hamGnb .hamGnbTit.on i {
	transform:rotate(90deg);
	transition:.5s
}
.hamCont .hamMenu .tab_container .hamGnb .hamGnbTit.childHamGnbTit {
	border:none
}
.hamCont .hamMenu .tab_container .hamGnb .hamGnbTit.long {
	flex-direction:column;
	align-items:flex-start;
	height:50px;
	justify-content:center;
	line-height:20px
}
.hamCont .hamMenu .tab_container .hamGnb .hamGnbTit.urlTit {
	color:#a8d1a2
}
.hamCont .hamMenu .tab_container .hamGnb .hamGnbMenu {
	display:none;
	padding:15px 0
}
.hamCont .hamMenu .tab_container .hamGnb .hamGnbMenu li a {
	color:#aaa;
	font-size:.875rem;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	height:35px;
	padding:0 25px
}
.hamCont .hamMenu .tab_container .hamGnb .hamGnbMenu li.long a {
	flex-direction:column;
	align-items:flex-start;
	height:50px;
	justify-content:center;
	line-height:20px
}
.hamCont .hamMenu .tab_container .hamGnb:first-child .hamGnbTit {
	border-top:0
}
.hamCont .hamNotice {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin:20px 0 30px;
	height:100px;
	background-color:rgba(255,255,255,.08);
	border-radius:4px;
	overflow:hidden
}
.hamCont .hamNotice .noticeIcon {
	position:relative;
	overflow:hidden;
	width:10%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.hamCont .hamNotice .noticeIcon:before {
	display:block;
	content:"";
	position:absolute;
	top:-26px;
	left:-92px;
	width:150px;
	height:150px;
	background:-moz-linear-gradient(90deg,#a8d1a2 0%,#74c968 50%,#45b035 100%);
	background:-webkit-linear-gradient(90deg,#a8d1a2 0%,#74c968 50%,#45b035 100%);
	background:linear-gradient(90deg,#a8d1a2 0%,#74c968 50%,#45b035 100%);
	border-radius:50%
}
.hamCont .hamNotice .noticeIcon i {
	color:#fff;
	font-size:1.5rem;
	z-index:9;
	margin-left:15px
}
.hamCont .hamNotice .noticeCont {
	width:90%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.hamCont .hamNotice .noticeCont .noticeRow {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	height:40px;
	width:100%
}
.hamCont .hamNotice .noticeCont .noticeRow p {
	color:#ddd;
	font-size:.875rem;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:68%;
	line-height:40px
}
.hamCont .hamNotice .noticeCont .noticeRow span {
	color:#aaa;
	font-size:.75rem;
	width:30%;
	text-align:right;
	padding-right:20px;
	box-sizing:border-box;
	white-space:nowrap
}
.hamCont .hamCall {
	background:rgba(255,255,255,.15);
	border-radius:4px;
	margin-bottom:25px
}
.hamCont .hamCall .callTit {
	color:#fff;
	font-size:.875rem;
	background:#45b035;
	border-radius:4px;
	padding:15px
}
.hamCont .hamCall .callBox {
	padding:25px 15px;
	box-sizing:border-box
}
.hamCont .hamCall .callBox .row {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.hamCont .hamCall .callBox .row:nth-child(2) {
	margin-top:20px
}
.hamCont .hamCall .callBox .row .icon {
	color:#fff;
	font-size:1rem
}
.hamCont .hamCall .callBox .row .txt {
	color:#fff;
	font-size:1rem;
	margin-left:15px
}
.hamCont .hamCall .callBox .row .txt.txt2 {
	color:#bbb;
	font-size:.875rem;
	line-height:1.8
}
.hamCont .hamBottom {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	width:100%;
	flex-wrap:wrap;
	margin-bottom:50px;
	margin-top:20px;
}
.hamCont .hamBottom .info {
	line-height:26px;
	margin-bottom:20px;
	border-bottom:1px dotted #797979;
	padding-bottom:20px
}
.hamCont .hamBottom .info span {
	margin-right:10px
}
.hamCont .hamBottom a {
	width:50%;
	color:#bbb;
	font-size:.8125rem;
	line-height:1.875rem
}
.hamCont .hamBottom p {
	width:100%;
	color:#bbb;
	font-size:.8125rem
}
.hamCont .hamBottomLogout,.hamCont .hamBottomExtra {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	margin:0 auto;
	width:100px;
	height:35px;
	color:#bbb;
	font-size:.75rem;
	border:1px solid #bbb;
	box-sizing:border-box
}
.hamCont .hamBottomLogout.hamBottomExtra,.hamCont .hamBottomExtra.hamBottomExtra {
	margin-top:.75rem
}
.mBottomMenu {
	box-sizing:border-box;
	background-color:#333;
	z-index:99;
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
	display:none;
	visibility:hidden
}
.mBottomMenu * {
	box-sizing:inherit
}
.mBottomMenu *::before,.mBottomMenu *::after {
	box-sizing:inherit
}
.mBottomMenu .menu {
	width:100%;
	font-size:.875rem;
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	background-color:#333;
	transition:background-color .8s;
	-webkit-tap-highlight-color:transparent
}
.mBottomMenu .menu__item {
	all:unset;
	flex-grow:1;
	z-index:100;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	cursor:pointer;
	position:relative;
	border-radius:50%;
	will-change:transform;
	padding:.75rem 0;
	transition:transform .8s
}
.mBottomMenu .menu__item .icon {
	width:2.125rem;
	height:2.125rem;
	stroke:#ccc;
	fill:transparent;
	stroke-width:1pt;
	stroke-miterlimit:10;
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-dasharray:400
}
.mBottomMenu .menu__item::before {
	display:block;
	content:"";
	position:absolute;
	z-index:-1;
	width:3.75rem;
	height:3.75rem;
	border-radius:50%;
	transform:scale(0);
	transition:background-color .8s,transform .8s
}
.mBottomMenu .menu__item.active {
	transform:translate3d(0,-0.8em,0)
}
.mBottomMenu .menu__item.active::before {
	transform:scale(1)
}
.mBottomMenu .menu__item.active .icon {
	animation:strok .8s reverse;
	stroke:#fff
}
.mBottomMenu .menu__item:nth-child(1).active::before {
	background-color:#a8d1a2
}
.mBottomMenu .menu__item:nth-child(2).active::before {
	background-color:rgba(255,255,255,.4)
}
.mBottomMenu .menu__item:nth-child(3).active::before {
	background-color:#74c968
}
.mBottomMenu .menu__item:nth-child(4).active::before {
	background-color:rgba(255,255,255,.4)
}
.mBottomMenu .menu__item:nth-child(5).active::before {
	background-color:#45b035
}
@keyframes strok {
	100% {
		stroke-dashoffset:400
	}
}
.mBottomMenu .menu__border {
	width:10.9em;
	height:2.4em;
	position:absolute;
	bottom:99%;
	left:0;
	clip-path:url(#menu);
	will-change:transform;
	background-color:#333;
	transition:transform .8s
}
.mBottomMenu .svg-container {
	width:0;
	height:0
}
.shopTop {
	position:fixed;
	right:5%;
	bottom:14%;
	background-color:rgba(0,0,0,.3);
	width:45px;
	height:45px;
	border-radius:50%;
	display:none
}
.shopTop i {
	color: #fff
}




/*로그인*/
.loginWrap {
    background: url(/images/Inqten/Common/loginBg.webp) no-repeat center;
    background-size: cover;
}



.subTopVisJoin {
    background: url(/images/Inqten/MyGeni/sub/subTopVis.jpg) no-repeat center;
    background-size: cover;
}


/*커뮤니티*/

.communityBody .mbTop,.groupBody .mbTop, .shopBody .mbTop, .myinfoBody .mbTop  {
	display:none;
}
.subTopVisComm, .subTopVisGroup, .subTopVisShop , .subTopVisMyinfo {
    background: url(/images/Inqten/MyGeni/sub/subTopVis.jpg) no-repeat center;
    background-size: cover;
}




 


/*팝업*/

.popup_blade{width:30%}

.modal-backdrop-basic {
	position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
	opacity: .5;
}

.modal-header .modal-title span {
    color: #fff;
    font-size: .8125rem;
    padding-left: 10px;
}


.modal-body .popCont h2 {
    color: #333;
    font-size: .9375rem;
    margin-bottom: 1.25rem;
}

.modal-body .popCont h2 i {
    color: #45b035;
    margin-right: 10px;
}


.modal-body .popCont .infoTb {
	border:1px solid #ededed;
	font-size:.8125rem;
	box-sizing:border-box
}
.modal-body .popCont .infoTb th {
	background-color:#f1f5f0;
	height:50px;
	color:#555;
	text-align:center;
	border-bottom:1px solid #fff;
	color:#333
}
.modal-body .popCont .infoTb tr:last-child th {
	border-bottom:1px solid #ddd
}
.modal-body .popCont .infoTb td {
	color:#333;
	border-bottom:1px solid #ddd;
	padding:8px 20px;
	line-height:20px
}
.modal-body .popCont .infoTb.benefitPop {
	border:1px solid #ddd
}
.modal-body .popCont .infoTb.benefitPop td {
	background:#f1f5f0;
	text-align:center;
	padding:15px 20px;
	border-right:1px solid #ddd
}
.modal-body .popCont .infoTb.benefitPop td:last-child {
	text-align:right;
	background:#fff;
	border-right:0
}
.modal-body .popCont .infoTb.benefitPop td i {
	cursor:pointer;
	color:#45b035;
	font-size:1rem;
	margin-left:4px;
	vertical-align:text-top
}
.modal-body .popCont .basicTb {
	border:1px solid #ededed;
	font-size:.8125rem;
	box-sizing:border-box
}
.modal-body .popCont .basicTb thead th {
	background-color:#f1f5f0;
	height:50px;
	color:#555;
	text-align:center
}
.modal-body .popCont .basicTb tbody tr:nth-child(odd) {
	background-color:#fff
}
.modal-body .popCont .basicTb tbody tr:nth-child(even) {
	background-color:#f6f6f6
}
.modal-body .popCont .basicTb tbody tr td {
	height:50px;
	color:#898989;
	text-align:center
}
.modal-body .popCont .basicTb tfoot td {
	height:50px;
	color:#898989;
	box-sizing:border-box;
	background-color:#e5e5e5;
	text-align:center
}
.modal-body .popCont .basicTb .invoiceNum {
	border:1px solid #45b035;
	padding:3px;
	color:#45b035;
	font-size:.75rem
}
.modal-body .popCont .basicTb .invoiceNum:hover {
	background-color:#45b035;
	color:#fff;
	transition:.5s
}
.modal-body .popCont .inputTb {
	border:1px solid #ededed;
	font-size:.8125rem;
	box-sizing:border-box
}
.modal-body .popCont .inputTb input {
	border:1px solid #ededed;
	height:2.25rem;
	color:#898989;
	padding:0 .625rem;
	box-sizing:border-box
}
.modal-body .popCont .inputTb th,.modal-body .popCont .inputTb td {
	border:1px solid #ededed
}
.modal-body .popCont .inputTb th {
	width:40%;
	padding-left:20px
}
.modal-body .popCont .inputTb td {
	color:#898989;
	padding:8px 20px;
	line-height:20px
}