#con07_area .wrap .custom_area {width: 1200px; height: auto; border: 3px solid #aeadd6; border-radius: 20px; box-shadow: 0 0 0.2rem #fff, 0 0 0.2rem #fff, 0 0 2rem #b3b2ff, 0 0 0.8rem #b3b2ff, 0 0 2.8rem #b3b2ff, inset 0 0 1.3rem #b3b2ff; background: rgb(255 255 255 / 5%)}

#con07_area .btn_orange {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 316px;
    height: 75px;
	border-radius: 50px;
	color: #fff;
    background: #ff4d2a;
    font-size: 2rem;
    font-family: 'EF_MACHO';
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
	outline: 8px solid rgba(255,77,42,30%);
	position: relative;
	z-index: 10;
}

#con07_area .btn_purple {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 162px;
    height: 75px;
	border-radius: 50px;
	color: #fff;
    background: #7978f2;
    font-size: 2rem;
    font-family: 'EF_MACHO';
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
	outline: 8px solid rgba(99,96,255,30%);
	position: relative;
	z-index: 10;
}

.hide {display: none;}

/* 아이템선택 */
#con07_area .wrap .custom_area .select_area li.selected .img {background: #8e8cf2!important; }
#con07_area .wrap .custom_area .step07 .inner .deco_area .select_area .bg_list li.selected .img{border: 6px solid #8e8cf2; border-radius: 10px;}


/* step01 */
#con07_area .wrap .custom_area .step01 {}
#con07_area .wrap .custom_area .step01 .inner {display: flex; flex-direction: column; align-items: center; padding: 190px 165px; }
#con07_area .wrap .custom_area .step01 .inner .intro {font-family: 'EF_MACHO'; font-size: 3.2rem; text-align: center; padding: 75px 0 70px;}


/* step02 */
#con07_area .wrap .custom_area .step02 {}
#con07_area .wrap .custom_area .step02 .inner {display: flex; flex-direction: column; align-items: center; padding: 230px 0 226px; }
#con07_area .wrap .custom_area .step02 .inner .intro {font-family: 'EF_MACHO'; font-size: 3.2rem; text-align: center;}
#con07_area .wrap .custom_area .step02 .inner input {font-family: 'EF_MACHO'; margin: 75px 0; width: 658px; height: 99px;border:#999 1px solid;border-radius: 10px; color: #fff; padding: 0 0 0 30px;}
#con07_area .wrap .custom_area .step02 .inner input::placeholder {color: #afafb5;}


/* step03 */
#con07_area .wrap .custom_area .step03 {}
#con07_area .wrap .custom_area .step03 .inner {display: flex; flex-direction: column; align-items: center; padding: 80px 80px 88px 80px; }
#con07_area .wrap .custom_area .step03 .inner .intro {font-family: 'EF_MACHO'; font-size: 3.2rem; text-align: center; padding: 0 0 80px 0;}

#con07_area .wrap .custom_area .step03 .inner .deco_area {display: flex; }
#con07_area .wrap .custom_area .step03 .inner .deco_area .preview {position: relative; background: #fff; width: 455px; height: 440px; border-radius: 20px;}
#con07_area .wrap .custom_area .step03 .inner .deco_area .preview .body {position: absolute; bottom: 72px; left: 50%; margin-left: -62px;}
#con07_area .wrap .custom_area .step03 .inner .deco_area .preview .face_select li {position: absolute; bottom: 163px; left: 50%; margin-left: -68px;}

#con07_area .wrap .custom_area .step03 .inner .deco_area .select_area {width: 59%;padding: 0 0 0 65px;}
#con07_area .wrap .custom_area .step03 .inner .deco_area .select_area .face_list {display: flex; flex-wrap: wrap; justify-content: center;}
#con07_area .wrap .custom_area .step03 .inner .deco_area .select_area .face_list li {width:156px; height: 165px; border-radius: 20px; background: #2c2b57; border: 1px solid #080834; margin: 0 20px 20px 0; display: flex; align-content: center; align-items: center; justify-content: center;}

#con07_area .wrap .custom_area .step03 .inner .btn_area {padding: 60px 0 0 0; display: flex; justify-content: space-between; width: 41%;}
#con07_area .wrap .custom_area .step03 .inner .btn_area .btn_orange {width: 228px; height: 62px; font-sizE: 1.8rem;}
#con07_area .wrap .custom_area .step03 .inner .btn_area .btn_purple {width: 162px; height: 62px; font-sizE: 1.8rem;}


/* step04 */
#con07_area .wrap .custom_area .step04 {}
#con07_area .wrap .custom_area .step04 .inner {display: flex; flex-direction: column; align-items: center; padding: 80px 80px 88px 80px; }
#con07_area .wrap .custom_area .step04 .inner .intro {font-family: 'EF_MACHO'; font-size: 3.2rem; text-align: center; padding: 0 0 80px 0;}

#con07_area .wrap .custom_area .step04 .inner .deco_area {display: flex; }
#con07_area .wrap .custom_area .step04 .inner .deco_area .preview {position: relative; background: #fff; width: 455px; height: 440px; border-radius: 20px;}
#con07_area .wrap .custom_area .step04 .inner .deco_area .preview .body {position: absolute; bottom: 72px; left: 50%; margin-left: -62px; z-index: 9;}
#con07_area .wrap .custom_area .step04 .inner .deco_area .preview .face_select li {position: absolute; bottom: 163px; left: 50%; margin-left: -68px; z-index: 10;}

#con07_area .wrap .custom_area .step04 .inner .deco_area .select_area {width: 59%;padding: 0 0 0 65px;}
#con07_area .wrap .custom_area .step04 .inner .deco_area .select_area .expression_list {display: flex; flex-wrap: wrap; justify-content: center;}
#con07_area .wrap .custom_area .step04 .inner .deco_area .select_area .expression_list li { margin: 0 20px 20px 0;}
#con07_area .wrap .custom_area .step04 .inner .deco_area .select_area .expression_list li .img{width:156px; height: 165px; border-radius: 20px; background: #2c2b57; border: 1px solid #080834; display: flex; align-content: center; align-items: center; justify-content: center;}
#con07_area .wrap .custom_area .step04 .inner .deco_area .select_area .expression_list li .txt {font-size: 1.8rem; text-align: center; padding: 10px 0 0 0;}


#con07_area .wrap .custom_area .step04 .inner .btn_area {padding: 60px 0 0 0; display: flex; justify-content: space-between; width: 41%;}
#con07_area .wrap .custom_area .step04 .inner .btn_area .btn_orange {width: 228px; height: 62px; font-sizE: 1.8rem;}
#con07_area .wrap .custom_area .step04 .inner .btn_area .btn_purple {width: 162px; height: 62px; font-sizE: 1.8rem;}



/* step05 */
#con07_area .wrap .custom_area .step05 {}
#con07_area .wrap .custom_area .step05 .inner {display: flex; flex-direction: column; align-items: center; padding: 80px 80px 88px 80px; }
#con07_area .wrap .custom_area .step05 .inner .intro {font-family: 'EF_MACHO'; font-size: 3.2rem; text-align: center; padding: 0 0 80px 0;}

#con07_area .wrap .custom_area .step05 .inner .deco_area {display: flex; }
#con07_area .wrap .custom_area .step05 .inner .deco_area .preview {position: relative; background: #fff; width: 455px; height: 440px; border-radius: 20px;}
#con07_area .wrap .custom_area .step05 .inner .deco_area .preview .face {position: absolute; bottom: 163px; left: 50%; margin-left: -68px; z-index: 10;}
#con07_area .wrap .custom_area .step05 .inner .deco_area .preview .body {position: absolute; bottom: 72px; left: 50%; margin-left: -62px; }
#con07_area .wrap .custom_area .step05 .inner .deco_area .preview .body_select li {position: absolute; bottom: 72px; left: 50%; margin-left: -62px; z-index: 9;}

#con07_area .wrap .custom_area .step05 .inner .deco_area .select_area {width: 59%;padding: 0 0 0 65px;}
#con07_area .wrap .custom_area .step05 .inner .deco_area .select_area .body_list {display: flex; flex-wrap: wrap; justify-content: center;}
#con07_area .wrap .custom_area .step05 .inner .deco_area .select_area .body_list li {width:156px; height: 165px; border-radius: 20px; background: #2c2b57; border: 1px solid #080834; margin: 0 20px 20px 0; display: flex; align-content: center; align-items: center; justify-content: center; z-index: 9;}

#con07_area .wrap .custom_area .step05 .inner .btn_area {padding: 60px 0 0 0; display: flex; justify-content: space-between; width: 41%;}
#con07_area .wrap .custom_area .step05 .inner .btn_area .btn_orange {width: 228px; height: 62px; font-sizE: 1.8rem;}
#con07_area .wrap .custom_area .step05 .inner .btn_area .btn_purple {width: 162px; height: 62px; font-sizE: 1.8rem;}




/* step06 */
#con07_area .wrap .custom_area .step06 {}
#con07_area .wrap .custom_area .step06 .inner {display: flex; flex-direction: column; align-items: center; padding: 80px 80px 88px 80px; }
#con07_area .wrap .custom_area .step06 .inner .intro {font-family: 'EF_MACHO'; font-size: 3.2rem; text-align: center; padding: 0 0 80px 0;}


#con07_area .wrap .custom_area .step06 .inner .deco_area {display: flex; }
#con07_area .wrap .custom_area .step06 .inner .deco_area .preview {position: relative; background: #fff; width: 455px; height: 440px; border-radius: 20px;}
#con07_area .wrap .custom_area .step06 .inner .deco_area .preview .body {position: absolute; bottom: 72px; left: 50%; margin-left: -62px; z-index: 9;}
#con07_area .wrap .custom_area .step06 .inner .deco_area .preview .face {position: absolute; bottom: 163px; left: 50%; margin-left: -68px; z-index: 10;}
#con07_area .wrap .custom_area .step06 .inner .deco_area .preview .protector_select li {position: absolute; bottom: 62px; left: 50%; margin-left: -153px; z-index: 10!important;}
#con07_area .wrap .custom_area .step06 .inner .deco_area .preview .protector li {z-index:10;}

#con07_area .wrap .custom_area .step06 .inner .deco_area .select_area {width: 59%; padding: 0 0 0 45px; overflow: auto; height: 440px;}
#con07_area .wrap .custom_area .step06 .inner .deco_area .select_area .protector_list {display: flex; flex-wrap: wrap; justify-content: center;}
#con07_area .wrap .custom_area .step06 .inner .deco_area .select_area .protector_list li { margin: 0 20px 20px 0; }
#con07_area .wrap .custom_area .step06 .inner .deco_area .select_area .protector_list li .img{width:156px; height: 165px; border-radius: 20px; background: #2c2b57; border: 1px solid #080834; display: flex; align-content: center; align-items: center; justify-content: center;}
#con07_area .wrap .custom_area .step06 .inner .deco_area .select_area .protector_list li .txt {font-size: 1.65rem; text-align: center; padding: 10px 0 0 0; line-height: 1.4;}


#con07_area .wrap .custom_area .step06 .inner .btn_area {padding: 60px 0 0 0; display: flex; justify-content: space-between; width: 41%;}
#con07_area .wrap .custom_area .step06 .inner .btn_area .btn_orange {width: 228px; height: 62px; font-sizE: 1.8rem;}
#con07_area .wrap .custom_area .step06 .inner .btn_area .btn_purple {width: 162px; height: 62px; font-sizE: 1.8rem;}

/* 스크롤 디자인 */
#con07_area ::-webkit-scrollbar { width: 10px; }
#con07_area ::-webkit-scrollbar-track { background-color: rgba(255,255,255,.1); border-radius: 10px; }
#con07_area ::-webkit-scrollbar-thumb { background-color: rgba(255,255,255,.8); border-radius: 10px; }




/* step07 */
#con07_area .wrap .custom_area .step07 {}
#con07_area .wrap .custom_area .step07 .inner {display: flex; flex-direction: column; align-items: center; padding: 80px 80px 88px 80px; }
#con07_area .wrap .custom_area .step07 .inner .intro {font-family: 'EF_MACHO'; font-size: 3.2rem; text-align: center; padding: 0 0 80px 0;}

#con07_area .wrap .custom_area .step07 .inner .deco_area {display: flex; }
#con07_area .wrap .custom_area .step07 .inner .deco_area .preview {position: relative; background: #fff; width: 455px; height: 440px; border-radius: 20px;}
#con07_area .wrap .custom_area .step07 .inner .deco_area .preview .face {position: absolute; bottom: 163px; left: 50%; margin-left: -68px; z-index: 10;}
#con07_area .wrap .custom_area .step07 .inner .deco_area .preview .body {position: absolute; bottom: 72px; left: 50%; margin-left: -62px; z-index: 9;}
#con07_area .wrap .custom_area .step07 .inner .deco_area .preview .protector {position: absolute; bottom: 62px; left: 50%; margin-left: -153px; z-index: 10;}
#con07_area .wrap .custom_area .step07 .inner .deco_area .preview .bg_select li {position: absolute; z-index: 8}
#con07_area .wrap .custom_area .step07 .inner .deco_area .preview .bg_select li img {height: 440px; border-radius: 20px;}

#con07_area .wrap .custom_area .step07 .inner .deco_area .select_area {width: 59%;padding: 0 0 0 65px;}
#con07_area .wrap .custom_area .step07 .inner .deco_area .select_area .bg_list {display: flex; flex-wrap: wrap; justify-content: center;}
#con07_area .wrap .custom_area .step07 .inner .deco_area .select_area .bg_list li { margin: 0 20px 20px 0;}
#con07_area .wrap .custom_area .step07 .inner .deco_area .select_area .bg_list li .img {width:156px; height: 150px; border-radius: 20px; background: #2c2b57; border: 1px solid #080834; display: flex; align-content: center; align-items: center; justify-content: center; z-index: 9;}
#con07_area .wrap .custom_area .step07 .inner .deco_area .select_area .bg_list li .img img {border-radius: 5px;}

#con07_area .wrap .custom_area .step07 .inner .deco_area .select_area .bg_list li .txt {font-size: 1.8rem; text-align: center; padding: 10px 0 0 0;}

#con07_area .wrap .custom_area .step07 .inner .btn_area {padding: 60px 0 0 0; display: flex; justify-content: space-between; width: 41%;}
#con07_area .wrap .custom_area .step07 .inner .btn_area .btn_orange {width: 228px; height: 62px; font-sizE: 1.8rem;}
#con07_area .wrap .custom_area .step07 .inner .btn_area .btn_purple {width: 162px; height: 62px; font-sizE: 1.8rem;}



/* step08 */
#con07_area .wrap .custom_area .step08 {}
#con07_area .wrap .custom_area .step08 .inner {display: flex; flex-direction: column; align-items: center; padding: 230px 0 226px; }
#con07_area .wrap .custom_area .step08 .inner .intro {font-family: 'EF_MACHO'; font-size: 3.2rem; text-align: center;}
#con07_area .wrap .custom_area .step08 .inner input {font-family: 'EF_MACHO'; margin: 75px 0; width: 658px; height: 99px;border:#fff 1px solid; border-radius: 10px; color: #fff; padding: 0 0 0 30px;}
#con07_area .wrap .custom_area .step08 .inner input::placeholder {color: #afafb5;}

#con07_area .wrap .custom_area .step08 .inner .btn_area {padding: 60px 0 0 0; display: flex; justify-content: space-between; width: 36%;}
#con07_area .wrap .custom_area .step08 .inner .btn_area .btn_orange {width: 228px; height: 62px; font-sizE: 1.8rem;}
#con07_area .wrap .custom_area .step08 .inner .btn_area .btn_purple {width: 162px; height: 62px; font-sizE: 1.8rem;}


/* step09 */
#con07_area .wrap .custom_area .step09 {}
#con07_area .wrap .custom_area .step09 .inner {display: flex; flex-direction: column; align-items: center; padding: 80px 80px 88px 80px; }
#con07_area .wrap .custom_area .step09 .inner .intro {font-family: 'EF_MACHO'; font-size: 3.2rem; text-align: center; padding: 0 0 50px 0;}

#con07_area .wrap .custom_area .step09 .inner .preview {position: relative; background: #fff; width: 455px; height: 440px; border-radius: 20px;}
#con07_area .wrap .custom_area .step09 .inner .preview .face {position: absolute; bottom: 163px; left: 50%; margin-left: -68px; z-index: 10;}
#con07_area .wrap .custom_area .step09 .inner .preview .body {position: absolute; bottom: 72px; left: 50%; margin-left: -62px; z-index: 9;}
#con07_area .wrap .custom_area .step09 .inner .preview .protector {position: absolute; bottom: 62px; left: 50%; margin-left: -153px; z-index: 10;}

#con07_area .wrap .custom_area .step09 .inner .preview .bg li {position: absolute; z-index: 1;}
#con07_area .wrap .custom_area .step09 .inner .preview .bg.selected img {height: 440px; /*border-radius: 15px;*/}

#con07_area .wrap .custom_area .step09 .inner .preview .action_area {position: absolute; top: 35px; width: 100%; padding: 0 30px; z-index: 2;}
#con07_area .wrap .custom_area .step09 .inner .preview .action_area .action_txt {display: flex; justify-content: center; padding: 22px 24px 18px; background: rgba(255,255,255,.9);border-radius: 10px; font-size: 2rem; color: #000; font-family: 'GmarketSansBold'; line-height: 1.3; text-align: center;}
#con07_area .wrap .custom_area .step09 .inner .preview .action_area::after{content: ''; position: absolute; border-top: 10px solid rgba(255,255,255,.9); border-right: 10px solid transparent; border-left: 10px solid transparent; left: 49%;}

#con07_area .wrap .custom_area .step09 .inner .txt01 {font-size:1.8rem; padding: 10px 0 0 0;}
#con07_area .wrap .custom_area .step09 .inner .btn_area {padding: 60px 0 0 0;  display: flex; justify-content: space-between; width: 40%;}
#con07_area .wrap .custom_area .step09 .inner .btn_area .btn_orange {width: 228px; height: 62px; font-sizE: 1.8rem;}
#con07_area .wrap .custom_area .step09 .inner .btn_area .btn_purple {width: 162px; height: 62px; font-sizE: 1.9rem;}



/* step end */
#con07_area .wrap .custom_area .step.end .inner {padding: 80px 80px 88px 80px;}
#con07_area .wrap .custom_area .step.end .inner .preview {position: relative; background: #fff; width: 455px; height: 440px; border-radius: 20px;}
#con07_area .wrap .custom_area .step.end .inner .preview .bg li{position: absolute; top:0; left:0; z-index: 0}
#con07_area .wrap .custom_area .step.end .inner .preview .face li{position: absolute; bottom: 163px; left: 50%; margin-left: -68px; z-index: 10;}
#con07_area .wrap .custom_area .step.end .inner .preview .body02 li{position: absolute; bottom: 72px; left: 50%; margin-left: -62px; z-index: 9;}
#con07_area .wrap .custom_area .step.end .inner .preview .protector li{position: absolute; bottom: 62px; left: 50%; margin-left: -153px; z-index: 10;}
#con07_area .wrap .custom_area .step.end .inner .preview .action_area {position: absolute; top: 35px; width: 100%; padding: 0 30px; z-index: 2;}
#con07_area .wrap .custom_area .step.end .inner .preview .action_area .action_txt {display: flex; justify-content: center; padding: 22px 24px 18px; background: rgba(255,255,255,.9);border-radius: 10px; font-size: 1.6rem; color: #000; font-family: 'GmarketSansBold'; line-height: 1.3; text-align: center;}
#con07_area .wrap .custom_area .step.end .inner .preview .action_area::after{content: ''; position: absolute; border-top: 10px solid rgba(255,255,255,.9); border-right: 10px solid transparent; border-left: 10px solid transparent; left: 49%;}


#con07_area .wrap .custom_area .step.end .inner .txt01 {font-size:1.8rem; padding: 10px 0 0 0;}
#con07_area .wrap .custom_area .step.end .inner .btn_area {padding: 60px 0 0 0; }
#con07_area .wrap .custom_area .step.end .inner .btn_area .btn_purple {width: 283px; height: 62px; font-sizE: 1.9rem;}
#con07_area .wrap .custom_area .step.end .inner .btn_area .btn_orange {width: 228px; height: 62px; font-sizE: 1.8rem;}




@media (max-width: 1024px){
	/*step01, step02*/
	#con07_area .wrap .custom_area .step01 .inner {padding: 120px 100px;}
	#con07_area .wrap .custom_area .step02 .inner {padding: 120px 0;}
	
	/* step03 */
	#con07_area .wrap .custom_area .step03 .inner {padding: 80px 60px 88px;}
	#con07_area .wrap .custom_area .step03 .inner .deco_area .select_area {padding: 0 0 0 35px; overflow: auto; height: 440px;}
	#con07_area .wrap .custom_area .step03 .inner .deco_area .select_area .face_list li {width: 150px; height: 155px; margin: 0 15px 15px 0;}
	#con07_area .wrap .custom_area .step03 .inner .btn_area {width: 53%;}
	
	/* step04 */
	#con07_area .wrap .custom_area .step04 .inner {padding: 80px 60px 88px;}
	#con07_area .wrap .custom_area .step04 .inner .deco_area .select_area {padding: 0 0 0 35px; overflow: auto; height: 440px;}
	#con07_area .wrap .custom_area .step04 .inner .deco_area .select_area .face_list li {width: 150px; height: 155px; margin: 0 15px 15px 0;}
	#con07_area .wrap .custom_area .step04 .inner .btn_area {width: 53%;}
	
	/* step05 */
	#con07_area .wrap .custom_area .step05 .inner {padding: 80px 60px 88px;}
	#con07_area .wrap .custom_area .step05 .inner .deco_area .select_area {padding: 0 0 0 35px; overflow: auto; height: 440px;}
	#con07_area .wrap .custom_area .step05 .inner .deco_area .select_area .face_list li {width: 150px; height: 155px; margin: 0 15px 15px 0;}
	#con07_area .wrap .custom_area .step05 .inner .btn_area {width: 53%;}
	
	/* step06 */
	#con07_area .wrap .custom_area .step06 .inner {padding: 80px 60px 88px;}
	#con07_area .wrap .custom_area .step06 .inner .deco_area .select_area {padding: 0 0 0 35px; overflow: auto; height: 440px;}
	#con07_area .wrap .custom_area .step06 .inner .deco_area .select_area .face_list li {width: 150px; height: 155px; margin: 0 15px 15px 0;}
	#con07_area .wrap .custom_area .step06 .inner .btn_area {width: 53%;}
	
	/* step07 */
	#con07_area .wrap .custom_area .step07 .inner {padding: 80px 60px 88px;}
	#con07_area .wrap .custom_area .step07 .inner .deco_area .select_area {padding: 0 0 0 35px; overflow: auto; height: 440px;}
	#con07_area .wrap .custom_area .step07 .inner .deco_area .select_area .face_list li {width: 150px; height: 155px; margin: 0 15px 15px 0;}
	#con07_area .wrap .custom_area .step07 .inner .btn_area {width: 53%;}
	
	/* step08 */
	#con07_area .wrap .custom_area .step08 .inner {padding: 120px 100px}
	#con07_area .wrap .custom_area .step08 .inner input {margin: 55px 0;}
	#con07_area .wrap .custom_area .step08 .inner .btn_area {width: 59%; padding: 0;}
	
}








@media (max-width: 820px){
	
	#con07_area .wrap .custom_area .inner .deco_area .select_area li {margin: 0 2px 20px 0!important;}
	#con07_area .wrap .custom_area .inner .deco_area .select_area li .img {width: 115px!important; height: 115px!important;}
	
	#con07_area .wrap .custom_area .step02 .inner input {width: 80%;}
	
	#con07_area .wrap .custom_area .step03 .inner .deco_area .select_area .face_list li {width: 115px; height: 115px;}
	#con07_area .wrap .custom_area .step03 .inner .deco_area .select_area .face_list li img {width:80%;}
	#con07_area .wrap .custom_area .step05 .inner .deco_area .select_area .body_list li {width:115px; height: 115px;}
	#con07_area .wrap .custom_area .step05 .inner .deco_area .select_area .body_list li img {width:75%;}
	#con07_area .wrap .custom_area .step06 .inner .deco_area .select_area .protector_list li .txt {font-size: 1.4rem;}
	#con07_area .wrap .custom_area .step06 .inner {padding: 80px 50px 88px;}

	
	#con07_area .wrap .custom_area .step03 .inner .btn_area,
	#con07_area .wrap .custom_area .step04 .inner .btn_area,
	#con07_area .wrap .custom_area .step05 .inner .btn_area,
	#con07_area .wrap .custom_area .step06 .inner .btn_area,
	#con07_area .wrap .custom_area .step07 .inner .btn_area {width:68%;}
	
	#con07_area .wrap .custom_area .step08 .inner {padding: 80px;}
	#con07_area .wrap .custom_area .step08 .inner input {width: 100%;}
	#con07_area .wrap .custom_area .step08 .inner .btn_area {width: 73%;}
	
	#con07_area .wrap .custom_area .step09 .inner .intro {padding: 0 0 45px 0;}
	#con07_area .wrap .custom_area .step09 .inner .btn_area {padding: 50px 0 0 0;}
	
}



@media (max-width: 768px){
		
	
	#con07_area .wrap .custom_area .step03 .inner .btn_area,
	#con07_area .wrap .custom_area .step04 .inner .btn_area,
	#con07_area .wrap .custom_area .step05 .inner .btn_area,
	#con07_area .wrap .custom_area .step06 .inner .btn_area,
	#con07_area .wrap .custom_area .step07 .inner .btn_area {width: 73%;}
	#con07_area .wrap .custom_area .step08 .inner .btn_area {width: 79%;}
}




@media (max-width: 480px){
	/* 캐릭터 꾸미기 영역 */
	#con07_area .wrap .custom_area .inner .preview img {width: 70%}
	/* 공통 */
	#con07_area  .step01 .btn_orange, #con07_area  .step02 .btn_orange {width: 100%; height: 55px; font-size: 1.6rem;}
	#con07_area .wrap .custom_area .inner {padding: 11.1111% 2.9444% 12.2222%!important;/*11.1111% 6.9444% 12.2222%!important;*/}
	#con07_area .wrap .custom_area .inner .intro {font-size: 1.7rem!important; padding: 0 0 6.25% 0!important;}
	
	#con07_area .wrap .custom_area .inner .deco_area {display: flex; flex-direction: column;}
	#con07_area .wrap .custom_area .inner .preview {width: 90%!important; height: 300px!important; margin: auto;}
	#con07_area .wrap .custom_area .inner .preview .body {position: absolute; bottom: 50px!important; left: 50%; margin-left: -45px!important;}
	#con07_area .wrap .custom_area .inner .preview .face_select li {position: absolute; bottom: 114px!important; left: 50%; margin-left: -49px!important;}
	#con07_area .wrap .custom_area .inner .preview .face {bottom: 114px!important; margin-left: -49px!important;}
	#con07_area .wrap .custom_area .inner .preview .body_select li {bottom: 50px!important; margin-left: -45px!important;}
	#con07_area .wrap .custom_area .inner .preview .protector {bottom: 42px!important; margin-left: -106px!important}
	#con07_area .wrap .custom_area .inner .preview .protector_select li {bottom: 42px!important; margin-left: -110px!important;}
	#con07_area .wrap .custom_area .inner .preview .protector .vacuum {left: 60%!important; margin-left: -145px!important;}
	#con07_area .wrap .custom_area .inner .preview .protector .vacuum img {width: 80%!important;}
	#con07_area .wrap .custom_area .inner .preview .protector_select li.vacuum {left: 60%!important; margin-left: -145px!important;}
	#con07_area .wrap .custom_area .inner .preview .protector_select li.vacuum img{width: 80%!important;}
	#con07_area .wrap .custom_area .inner .preview .bg img {height:300px!important;width: 100%;}
	#con07_area .wrap .custom_area .inner .preview .bg_select li img { height: 300px!important; width: 100%; object-fit: cover;}
	
	
	#con07_area .wrap .custom_area .step03 .inner .btn_area,
	#con07_area .wrap .custom_area .step04 .inner .btn_area,
	#con07_area .wrap .custom_area .step05 .inner .btn_area,
	#con07_area .wrap .custom_area .step06 .inner .btn_area,
	#con07_area .wrap .custom_area .step07 .inner .btn_area,
	#con07_area .wrap .custom_area .step08 .inner .btn_area{width: 93%; padding: 3.0556% 0 0 0;}
	
	#con07_area .wrap .custom_area .inner .btn_area .btn_orange {width: 65%!important; height: 55px!important; font-sizE: 1.6rem!important; margin: 0 0 0 3%;}
	#con07_area .wrap .custom_area .inner .btn_area .btn_purple {width: 50%!important; height: 55px!important; font-sizE: 1.5rem!important; margin: auto;}
	
	#con07_area .wrap .custom_area .inner .deco_area .select_area {padding: 6.9444% 0 0 0!important; overflow: auto; height: auto!important; width: 100%!important;}
	#con07_area .wrap .custom_area .inner .deco_area .select_area li {width: 32%!important; margin: 4px 4px 20px 0!important; border-radius: 6px!important;}
	#con07_area .wrap .custom_area .inner .deco_area .select_area li .img {width: 100%!important; height: 70%!important; border-radius: 6px!important; background: #13122a;}
	
	
	/* step */
	#con07_area .wrap .custom_area .step01 .inner .intro {font-size: 1.5rem; padding: 13.8889% 0 11.1111%!important;}
	#con07_area .wrap .custom_area .step02 .inner input, #con07_area .wrap .custom_area .step08 .inner input  {margin: 6.9444% 0 13.1111%; width: 90%; height: 65px; font-size: 1.6rem; padding: 0 20px;}
	
	/*#con07_area .wrap .custom_area .step04 .inner .deco_area .preview .face.select li {bottom: 114px; margin-left: -49px}*/
	#con07_area .wrap .custom_area .step04 .inner .deco_area .select_area .expression_list li .img {width: 100%!important; height:85%!important;}
	#con07_area .wrap .custom_area .step04 .inner .deco_area .select_area .expression_list li .img img{width: 80%;}
	#con07_area .wrap .custom_area .step04 .inner .deco_area .select_area .expression_list li .txt {font-size: 1.5rem; text-align: center; padding: 7px 0 0 0;}
	
	#con07_area .wrap .custom_area .step06 .inner .deco_area .select_area {width: 100%; height: auto; margin: 6.9444% 0 0 0!important; padding: 0!important;}
	#con07_area .wrap .custom_area .step06 .inner .deco_area .select_area .protector_list li {width: 32%!important; max-height: 130px; margin: 0 2px!important;}
	#con07_area .wrap .custom_area .step06 .inner .deco_area .select_area li .img {width: 100%!important; border-radius: 5px!important; height: 58%!important;}
	#con07_area .wrap .custom_area .step06 .inner .deco_area .select_area li .img img {width: 80%;}
	#con07_area .wrap .custom_area .step06 .inner .deco_area .select_area .protector_list li .txt {font-size: 1.2rem; line-height: 1.25;}
	
	
	#con07_area .wrap .custom_area .step07 .inner .deco_area .select_area {overflow: auto; height: auto!important; margin: 8.9444% 0 0 0; padding: 0!important;}
	#con07_area .wrap .custom_area .step07 .inner .deco_area .select_area li .img {height:75%;}
	#con07_area .wrap .custom_area .step07 .inner .deco_area .select_area .bg_list li .txt {font-size: 1.4rem; text-align: center; padding: 10px 0 0 0;}
	#con07_area .wrap .custom_area .step07 .inner .deco_area .select_area .bg_list li.selected .img {
    border: 6px solid #8e8cf2;
    border-radius: 5px; height: 75%!important;
}
	
	#con07_area .wrap .custom_area .step09 .inner .preview .action_area {top: 21px;}
	#con07_area .wrap .custom_area .step09 .inner .preview .action_area .action_txt {display: flex; justify-content: center;  padding: 13px 15px 11px; border-radius: 5px; font-size: 1.4rem;}
	#con07_area .wrap .custom_area .step09 .inner .preview .action_area::after {content: '';position: absolute; border-top: 8px solid rgba(255,255,255,.9); border-right: 8px solid transparent; border-left: 8px solid transparent; left: 49%;}
	#con07_area .wrap .custom_area .step09 .inner .txt01 {font-size: 1.4rem;}
	#con07_area .wrap .custom_area .step09 .inner .btn_area {padding: 8.0556% 0 0 0; width: 100%}
	#con07_area .wrap .custom_area .step09 .inner .btn_area .btn_purple {width: 45%!important; height: 55px;}
	
	
	
	
	
	
	
}