/* BASIC css start */
#ch-plugin-entry { display:none !important; }

h3 { display:block; position: fixed; z-index: 999; height: 4.6rem;  text-align: center; line-height: 4.6rem; font-size: 1.5rem; top:0; transform: translateX( -50% );left: 50% }

#content { position:relative; margin-top:4.6rem; margin-bottom:8rem; } 
#content img { width:100%; }


.intro { position:relative; display:block; width:100%; height:100%; overflow:hidden; }

.intro .ob01 {position:absolute;top: 29rem;right: 4.5rem;width: 6rem !important;animation:floating-m 1.4s alternate infinite .2s;} 
.intro .ob02 {position:absolute;top: 28.5rem;left: 2rem;width: 6.5rem !important;animation:tossing 1.2s alternate infinite .5s;} 
.intro .ob03 { position:absolute; top:30.5rem; right: 2rem; width:23rem !important; }  
.intro .ob04 { position:absolute; top:27.5rem; left: 2rem; width:4.5rem !important; }   



.area_02 { position:relative; display:block; width:100%; height:100%; overflow:hidden; }
.area_02_text { position:absolute; width:100%; text-align:center; bottom:4rem; }
.area_02_text .tit { font-size:1.5rem; font-weight:bold; color:#333; line-height:2.3rem; margin-top:1rem; }
.area_02_text .info { font-size:1.3rem; font-weight:500; color:#555; line-height:2rem; letter-spacing:-0.09rem; }
.area_02_text .info .gray { color:#999; font-size:1.2rem; }


.area_03 { position:relative; display:block; width:100%; height:100%; overflow:hidden; }
.area_03 a {position:absolute;width: 32rem;height: 4.5rem;bottom: 12rem;left: 3rem;}

.area_04 { position:relative; display:block; width:100%; height:100%; overflow:hidden; }
.area_04 a { position:absolute; width:25rem; height:4rem; bottom:3.4rem; left:6rem; }

.area_05 { position:relative; display:block; width:100%; height:100%; overflow:hidden; margin-bottom:10.5rem; }
.area_05 a {position:absolute;width: 32rem;height: 4.5rem;bottom: 17rem;left: 3rem;}





/* 신청하기 */
.fixed_bt { width:100%; position:fixed; bottom:0; background:#fff; box-sizing:border-box; z-index:999; border-top:1px solid #e9e9e9; padding:0 1.3rem; border-radius:0.7rem 0.7rem 0 0; }
.fixed_bt a { width: 100%; background:#5808fb; display: block; text-align: center; vertical-align: middle;
    padding: 1.9rem 0;  margin: 1rem 0; border-radius: 1rem; color: #fff; font-weight: bold; font-size:2rem;}
    
.fixed_bt .sub {font-size: 1.6rem;font-weight: 700;line-height: 2.2rem;text-align:center;padding-top: 1.5rem;background: linear-gradient(to right top, #6834ff, #f831ff);color: transparent;-webkit-background-clip: text;}
    
    
    
    
    
    
    
    
    
/*floating*/

@keyframes floating-m {
0% {transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);}
100% {transform: translateY(-2.5rem);-webkit-transform: translateY(-2.5rem);-ms-transform: translateY(-2.5rem);-moz-transform: translateY(-2.5rem);-o-transform: translateY(-2.5rem);}
}


/*tossing*/

.tossing { animation-name: tossing;-webkit-animation-name: tossing;	animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
	animation-duration: 2.5s; -webkit-animation-duration: 2.5s;	 }

@keyframes tossing {
	0% {
		transform: rotate(-2deg);	
	}
	50% {
		transform: rotate(2deg);
	}
	100% {
		transform: rotate(-2deg);	
	}						
}

@-webkit-keyframes tossing {
	0% {
		-webkit-transform: rotate(-4deg);	
	}
	50% {
		-webkit-transform: rotate(4deg);
	}
	100% {
		-webkit-transform: rotate(-4deg);	
	}				
}


























/* 상단 fix 타이틀 */
#fix_shop { position:fixed; top:0; width:100%; background:#fff; z-index:999; height:4.6rem; }
h3 { display:block; position: fixed; z-index: 999; height: 4.6rem;  text-align: center; line-height: 4.6rem; font-size: 1.5rem; top:0; transform: translateX( -50% );left: 50% }

.bt_goBack { position:absolute; top:1.5rem; left:1.5rem; }
.bt_goBack .goBack { display:inline-block; width:2rem; height:3rem; background:url(/design/kichmom/10276/m/common/icon_back.png) no-repeat; background-size:1.8rem auto; vertical-align:top;}

.home { position:absolute; top:1.2rem; left:4.6rem; width:2.5rem; height:2.5rem; cursor:pointer; background:url(/design/kichmom/10276/m/common/icon_home.png) 0 0 no-repeat;background-size:2.3rem; }

.share {position:absolute;top: 1.5rem;right: 1.5rem;width: 2rem;height: 2em;cursor:pointer;background:url(/design/kichmom/10276/ico_share.svg) 0 0 no-repeat;background-size: 2rem;}
.share a { display:block; width:1.8rem; height:1.8rem; }





/*popup*/
.popup_layer { position:fixed;top:0;left:0;z-index: 10000; width: 100%; height: 100%; background:rgba(0,0,0,.6); }
/*팝업 박스*/
.popup_box2 { position: relative;top:50%;left:50%; overflow: auto; height: 15rem; width:90%;transform:translate(-50%, -50%);z-index:1002;box-sizing:border-box;background:#fff;box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);}
.popup_box2 .top { position:fixed; height:4rem; display:block; padding:1rem; background:#fff; width:100%; overflow:hidden; box-sizing:border-box; border-bottom: 1px solid #eee; text-align:center; }
.popup_box2 .top  a { float:right; }
.popup_box2 .top img { width:1.5rem; height:1.5rem; }
.popup_box2 h5 { display:inline-block; padding-left:1rem; font-size:1.5rem; }


/*컨텐츠 영역*/
.popup_box2 .popup_cont { padding-top:6rem; text-align:center; }
.popup_box2 .popup_cont .share_bt2 { display:inline-block; width:7rem; }
.popup_box2 .popup_cont .share_bt2 img { width:5rem; margin-bottom:0.3rem; }

.popup_box2 .popup_cont .share_bt2 button { border:none; background:none; }
.popup_box2 .popup_cont .share_bt2 button img { display:block; }


/*버튼영역*/
.popup_box2 .popup_btn { position:absolute; bottom:0; display:table; table-layout: fixed; width:100%; }
.popup_box2 .popup_btn a { position: relative; display: table-cell; height:12vw; font-size:4vw; text-align:center;vertical-align:middle;text-decoration:none; background:#e74174; color:#fff; }



/* BASIC css end */