@charset "utf-8";

.closeBtn{
	position: absolute;
	top:0; right:0px;
	width:40px; height:40px;
	line-height: 40px;
	background-color: #ffffff;
	text-align: center;
	color:#333333;
	overflow: hidden;
}

.close_btn2{
	position: absolute;
	top:0; right:0px;
	width:40px; height:40px;
	line-height: 40px;
	background-color: #ffffff;
	text-align: center;
	color:#333333;
	overflow: hidden;
}

.close_btn3{
	position: absolute;
	top:0; right:0px;
	width:40px; height:40px;
	line-height: 40px;
	background-color: #ffffff;
	text-align: center;
	color:#333333;
	overflow: hidden;
}

.closeBtn a{
	display: block;
	line-height: 40px;
	font-size:32px;
	color:#333333;
}

.close_btn2 a{
	display: block;
	line-height: 40px;
	font-size:32px;
	color:#333333;
}
.close_btn3 a{
	display: block;
	line-height: 40px;
	font-size:32px;
	color:#333333;
}
/* 230328(s)_인테리어지니1 */
.interiorgenie_bg1{
	width: 500px; height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0; right: 0px;
	box-shadow: 2px 1px 2.97px 0.03px rgb(0 0 0 / 15%);
	z-index: 999999;
	padding: 40px 20px 0 20px;
	border-left: 1px solid #dedede;
	box-sizing: border-box;
	transition: all 0.3s;
}
.interiorgenie_bg1 h2{
	display: flex;
	flex-basis: 100%;
	align-items: center;
	font-size: 18px;
	font-family: 'PreBold', sans-serif;
	font-weight: normal;
	text-align: center;
	line-height: 18px;
}
.interiorgenie_bg1 h2::before{
	content: "";
	flex-grow: 1;
	margin: 0px 16px 0px 0px;
	background-color: #d7d7d7;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
}
.interiorgenie_bg1 h2::after{
	content: "";
	flex-grow: 1;
	margin: 0px 0px 0px 16px;
	background-color: #d7d7d7;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
}
.interiorgenie_bg1 h2 strong {
	margin-left: 6px;
	font-size: 26px;
	font-family: 'PreBold', sans-serif;
	font-weight: normal;
}
.interiorgenie_bg1 h3{
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 16px;
	font-family: 'PreBold', sans-serif;
	font-weight: normal;
	text-align: center;
	line-height: 50px;
}
.interiorgenie_bg1 .step01_place{
	display: flex;
	flex-direction:row;
	align-items: center;
}
.interiorgenie_bg1 .step01_place_step{
	position: absolute;
	width: 100px; height: 35px;
	border-radius: 50px;
	background-color: #744EFF;
	text-align: center;
	left: 40%; top: 18%;
}
.interiorgenie_bg1 .step01_place_step h3{
	font-size: 18px;
	color: #fff;
	font-family: 'PreBold', sans-serif;
	font-weight: normal;
	line-height: 35px;
}
.interiorgenie_bg1 .step01_place_step strong{
	position: absolute;
	width: 400px; height: auto;
	font-size: 28px;
	left: -150%; top: 140%;
	font-family:'PreBold', sans-serif ;
}
.interiorgenie_bg1 .step01_place_tag .place01 {
	position: absolute;
	width: 191px; height: 133px;
	background-color: #000;
	left:10%; top:30%;
	background-image: url(../img/common/step01_1.png);
	background-repeat: no-repeat;
}
.interiorgenie_bg1 .step01_place_tag .place01 strong {
	position: absolute;
	left:42%; top:105%;
	font-size: 18px;
	font-family: 'PreBold', sans-serif;
}
.interiorgenie_bg1 .step01_place_tag .place02 {
	position: absolute;
	width: 191px; height: 133px;
	background-color: #000;
	right:10%; top:30%;
	background-image: url(../img/common/step01_2.png);
	background-repeat: no-repeat;
}
.interiorgenie_bg1 .step01_place_tag .place02 strong {
	position: absolute;
	left:42%; top:105%;
	font-size: 18px;
	font-family: 'PreBold', sans-serif;
}
.interiorgenie_bg1 .step01_place_tag .place03 {
	position: absolute;
	width: 191px; height: 133px;
	background-color: #000;
	left:10%; top:50%;
	background-image: url(../img/common/step01_3.png);
	background-repeat: no-repeat;
}
.interiorgenie_bg1 .step01_place_tag .place03 strong {
	position: absolute;
	left:42%; top:105%;
	font-size: 18px;
	font-family: 'PreBold', sans-serif;
}
.interiorgenie_bg1 .step01_place_tag .place04 {
	position: absolute;
	width: 191px; height: 133px;
	background-color: #000;
	right:10%; top:50%;
	background-image: url(../img/common/step01_4.png);
	background-repeat: no-repeat;
}
.interiorgenie_bg1 .step01_place_tag .place04 strong {
	position: absolute;
	left:42%; top:105%;
	font-size: 18px;
	font-family: 'PreBold', sans-serif;
}
.interiorgenie_bg1 .step01_place_tag a:hover{
	border: 2px solid #744EFF;
}
.interiorgenie_bg1 .step01_place_tag.on{
	border: 2px solid #744EFF;
}
.interiorgenie_bg1 .step01_aitxt{
	position: absolute;
	width: auto; height: auto;
	left:12%; top: 70%;
}
.interiorgenie_bg1 .step01_next .next_btn{
	position: absolute;
	width: 405px; height: 56px;
	background-color: #744EFF;
	border-radius: 10px;
	text-align: center;
	left: 10%; top: 80%;
}
.interiorgenie_bg1 .step01_next .next_btn strong{
	color: #fff;
	font-size: 20px;
	line-height: 50px;
}
.interiorgenie_bg1 .step01_next a:hover{
	background-color: #9a7fff;
}
._bullets{
	margin-top: 150%;
	text-align: center;
}
.bulletButton1.on{
	background-color: #744EFF;
}
.bulletButton1{
	display: inline-block;
	width: 30px;
	height: 8px;
	border-radius: 20px;
	border:1px solid #744EFF;
	box-sizing: border-box;
	margin: 0 4px;
}

.bulletButton2.on{
	background-color: #744EFF;
}
.bulletButton2{
	display: inline-block;
	width: 30px;
	height: 8px;
	border-radius: 20px;
	border:1px solid #744EFF;
	box-sizing: border-box;
	margin: 0 4px;
}

.bulletButton3.on{
	background-color: #744EFF;
}
.bulletButton3{
	display: inline-block;
	width: 30px;
	height: 8px;
	border-radius: 20px;
	border:1px solid #744EFF;
	box-sizing: border-box;
	margin: 0 4px;
}
/* 230328(e)_인테리어지니1 */

/* 230328(s)_인테리어지니2 */
.interiorgenie_bg2{
	width: 500px; height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0; right: 0px;
	box-shadow: 2px 1px 2.97px 0.03px rgb(0 0 0 / 15%);
	z-index: 999998;
	padding: 40px 20px 0 20px;
	border-left: 1px solid #dedede;
	box-sizing: border-box;
	transition: all 0.3s;
}
.interiorgenie_bg2 h2{
	display: flex;
	flex-basis: 100%;
	align-items: center;
	font-size: 18px;
	font-family: 'PreBold', sans-serif;
	font-weight: normal;
	text-align: center;
	line-height: 18px;
}
.interiorgenie_bg2 h2::before{
	content: "";
	flex-grow: 1;
	margin: 0px 16px 0px 0px;
	background-color: #d7d7d7;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
}
.interiorgenie_bg2 h2::after{
	content: "";
	flex-grow: 1;
	margin: 0px 0px 0px 16px;
	background-color: #d7d7d7;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
}
.interiorgenie_bg2 h2 strong {
	margin-left: 6px;
	font-size: 26px;
	font-family: 'PreBold', sans-serif;
	font-weight: normal;
}
.interiorgenie_bg2 h3{
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 16px;
	font-family: 'PreBold', sans-serif;
	font-weight: normal;
	text-align: center;
	line-height: 50px;
}
.interiorgenie_bg2 .step02_style{
	display: flex;
	flex-direction:row;
	align-items: center;
}
.interiorgenie_bg2 .step02_style_step{
	position: absolute;
	width: 100px; height: 35px;
	border-radius: 50px;
	background-color: #744EFF;
	text-align: center;
	left: 40%; top: 18%;
}
.interiorgenie_bg2 .step02_style_step h3{
	font-size: 18px;
	color: #fff;
	font-family: 'PreBold', sans-serif;
	font-weight: normal;
	line-height: 35px;
}
.interiorgenie_bg2 .step02_style_step strong{
	position: absolute;
	width: 400px; height: auto;
	font-size: 28px;
	left: -150%; top: 140%;
	font-family:'PreBold', sans-serif ;
}
.interiorgenie_bg2 .step02_style_tag .style01 {
	position: absolute;
	width: 191px; height: 133px;
	background-color: #000;
	left:10%; top:30%;
	background-image: url(../img/common/step02_1.png);
	background-repeat: no-repeat;
}
.interiorgenie_bg2 .step02_style_tag .style01 strong {
	position: absolute;
	left:42%; top:105%;
	font-size: 18px;
	font-family: 'PreBold', sans-serif;
}
.interiorgenie_bg2 .step02_style_tag .style02 {
	position: absolute;
	width: 191px; height: 133px;
	background-color: #000;
	right:10%; top:30%;
	background-image: url(../img/common/step02_2.png);
	background-repeat: no-repeat;
}
.interiorgenie_bg2 .step02_style_tag .style02 strong {
	position: absolute;
	left:40%; top:105%;
	font-size: 18px;
	font-family: 'PreBold', sans-serif;
}
.interiorgenie_bg2 .step02_style_tag .style03 {
	position: absolute;
	width: 191px; height: 133px;
	background-color: #000;
	left:10%; top:50%;
	background-image: url(../img/common/step02_3.png);
	background-repeat: no-repeat;
}
.interiorgenie_bg2 .step02_style_tag .style03 strong {
	position: absolute;
	left:42%; top:105%;
	font-size: 18px;
	font-family: 'PreBold', sans-serif;
}
.interiorgenie_bg2 .step02_style_tag .style04 {
	position: absolute;
	width: 191px; height: 133px;
	background-color: #000;
	right:10%; top:50%;
	background-image: url(../img/common/step02_4.png);
	background-repeat: no-repeat;
}
.interiorgenie_bg2 .step02_style_tag .style04 strong {
	position: absolute;
	left:40%; top:105%;
	font-size: 18px;
	font-family: 'PreBold', sans-serif;
}
.interiorgenie_bg2 .step02_style_tag a:hover{
	border: 2px solid #744EFF;
}
.interiorgenie_bg2 .step02_style_tag.on{
	border: 2px solid #744EFF;
}
.interiorgenie_bg2 .step02_aitxt{
	position: absolute;
	width: auto; height: auto;
	left:12%; top: 70%;
}
.interiorgenie_bg2 .step02_next .next_small_btn{
	position: absolute;
	width: 195px; height: 56px;
	background-color: #744EFF;
	border-radius: 10px;
	text-align: center;
	left: 52%; top: 80%;
}
.interiorgenie_bg2 .step02_next .next_small_btn strong{
	color: #fff;
	font-size: 20px;
	line-height: 50px;
}
.interiorgenie_bg2 .step02_next .next_small_btn:hover{
	background-color: #9a7fff;
}
.interiorgenie_bg2 .step02_next .back_btn{
	position: absolute;
	width: 195px; height: 56px;
	background-color: #686868;
	border-radius: 10px;
	text-align: center;
	left: 10%; top: 80%;
}
.interiorgenie_bg2 .step02_next .back_btn strong{
	color: #fff;
	font-size: 20px;
	line-height: 50px;
}
.interiorgenie_bg2 .step02_next .back_btn:hover{
	background-color: #ACACAC;
}
/* 230328(e)_인테리어지니2 */

/* 230328(s)_인테리어지니3 */
.interiorgenie_bg3{
	width: 500px; height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0; right: 0px;
	box-shadow: 2px 1px 2.97px 0.03px rgb(0 0 0 / 15%);
	z-index: 999997;
	padding: 40px 20px 0 20px;
	border-left: 1px solid #dedede;
	box-sizing: border-box;
	transition: all 0.3s;
}
.interiorgenie_bg3 h2{
	display: flex;
	flex-basis: 100%;
	align-items: center;
	font-size: 18px;
	font-family: 'PreBold', sans-serif;
	font-weight: normal;
	text-align: center;
	line-height: 18px;
}
.interiorgenie_bg3 h2::before{
	content: "";
	flex-grow: 1;
	margin: 0px 16px 0px 0px;
	background-color: #d7d7d7;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
}
.interiorgenie_bg3 h2::after{
	content: "";
	flex-grow: 1;
	margin: 0px 0px 0px 16px;
	background-color: #d7d7d7;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
}
.interiorgenie_bg3 h2 strong {
	margin-left: 6px;
	font-size: 26px;
	font-family: 'PreBold', sans-serif;
	font-weight: normal;
}
.interiorgenie_bg3 h3{
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 16px;
	font-family: 'PreBold', sans-serif;
	font-weight: normal;
	text-align: center;
	line-height: 50px;
}
.interiorgenie_bg3 .step03_style{
	display: flex;
	flex-direction:row;
	align-items: center;
}
.interiorgenie_bg3 .step03_style_step strong{
	position: absolute;
	width: 400px; height: auto;
	font-size: 28px;
	left: 10%; top: 20%;
	font-family:'PreBold', sans-serif ;
	text-align: center;
}
.interiorgenie_bg3 .step03_gif{
	position: absolute;
	left: 30%; top: 35%;
	width: 200px; height: 200px;
	background-image: url(../img/common/Comp.gif);
	
}
.interiorgenie_bg3 .step03_aitxt{
	position: absolute;
	width: auto; height: auto;
	left:12%; top: 70%;
}
.interiorgenie_bg3 .step03_next .next_btn{
	position: absolute;
	width: 405px; height: 56px;
	background-color: #744EFF;
	border-radius: 10px;
	text-align: center;
	left: 10%; top: 80%;
}
.interiorgenie_bg3 .step03_next .next_btn strong{
	color: #fff;
	font-size: 20px;
	line-height: 55px;
}
.interiorgenie_bg3 .step03_next a:hover{
	background-color: #9a7fff;
}
/* 230328(e)_인테리어지니3 */

/* 230328(s)_인테리어지니4 */
.interiorgenie_bg4{
	width: 500px; height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0; right: 0px;
	box-shadow: 2px 1px 2.97px 0.03px rgb(0 0 0 / 15%);
	z-index: 999996;
	padding: 40px 20px 0 20px;
	border-left: 1px solid #dedede;
	box-sizing: border-box;
	transition: all 0.3s;
}
.interiorgenie_bg4 h2{
	display: flex;
	flex-basis: 100%;
	align-items: center;
	font-size: 18px;
	font-family: 'PreBold', sans-serif;
	font-weight: normal;
	text-align: center;
	line-height: 18px;
}
.interiorgenie_bg4 h2::before{
	content: "";
	flex-grow: 1;
	margin: 0px 16px 0px 0px;
	background-color: #d7d7d7;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
}
.interiorgenie_bg4 h2::after{
	content: "";
	flex-grow: 1;
	margin: 0px 0px 0px 16px;
	background-color: #d7d7d7;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
}
.interiorgenie_bg4 h2 strong {
	margin-left: 6px;
	font-size: 26px;
	font-family: 'PreBold', sans-serif;
	font-weight: normal;
}
.interiorgenie_bg4 h3{
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 16px;
	font-family: 'PreBold', sans-serif;
	font-weight: normal;
	text-align: center;
	line-height: 50px;
}
.interiorgenie_bg4 .step04_style{
	display: flex;
	flex-direction:row;
	align-items: center;
}
.interiorgenie_bg4 .step04_style_step strong{
	position: absolute;
	width: 140px; height: 42px;
	font-size: 24px;
	left: 36%; top: 19%;
	font-family:'PreBold', sans-serif ;
	color: #fff;
	text-align: center;
	line-height: 42px;
	background-color: #744EFF;
	border-radius: 50px;
}
.interiorgenie_bg4 .step04_style_step h3{
	position: absolute;
	width: 400px; height: auto;
	font-size: 20px;
	left: 10%; top: 23%;
	font-family:'PreBold', sans-serif ;
	text-align: center;
}
.interiorgenie_bg4 .step04_img{
	position: absolute;
	left: 10%; top: 30%;
	width: 400px; height: 350px;
	/* background-image: url(../img/common/best_interior_disabled.png); */
	
}
.interiorgenie_bg4 .step04_aitxt{
	position: absolute;
	width: auto; height: auto;
	left:12%; top: 75%;
}
.interiorgenie_bg4 .step04_next .good_btn{
	position: absolute;
	width: 195px; height: 56px;
	background-color: #FF405A;
	border-radius: 10px;
	text-align: center;
	left: 10%; top: 80%;
}
.interiorgenie_bg4 .step04_next .good_btn strong{
	color: #fff;
	font-size: 20px;
	line-height: 55px;
}
.interiorgenie_bg4 .step04_next .good_btn:hover{
	background-color: #FF8898;
}
.interiorgenie_bg4 .step04_next .reset_btn{
	position: absolute;
	width: 195px; height: 56px;
	background-color: #686868;
	border-radius: 10px;
	text-align: center;
	left: 52%; top: 80%;
}
.interiorgenie_bg4 .step04_next .reset_btn strong{
	color: #fff;
	font-size: 20px;
	line-height: 55px;
}
.interiorgenie_bg4 .step04_next .reset_btn:hover{
	background-color: #acacac;
}

.interiorgenie_bg4 .step04_next .save_btn{
	position: absolute;
	width: 405px; height: 56px;
	background-color: #744EFF;
	border-radius: 10px;
	text-align: center;
	left: 10%; top: 88%;
}
.interiorgenie_bg4 .step04_next .save_btn strong{
	color: #fff;
	font-size: 20px;
	line-height: 55px;
}
.interiorgenie_bg4 .step04_next .save_btn:hover{
	background-color: #9a7fff;
}
/* 230328(e)_인테리어지니4 */

/* header css 추가 */
.interiorGenie {
	height: calc(100% - 60px);
	top: 60px;
	position: absolute;
	right:0px;
}