/* BASIC css start */
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; } 
#content img { width:100%; }


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

.intro .ob01 { position:absolute; top: 20rem; left: 4rem; width: 23rem !important; animation:floating-m 1.4s alternate infinite .2s;} 
.intro .ob02 { position:absolute; top:21.5rem; right: 6rem; width: 4.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_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_03 { position:relative; width:100%; height:104rem; background:#f6f6f6; text-align:left;margin-bottom:1rem; }
.area_03_text { position:absolute; width:100%; padding:2.8rem; box-sizing:border-box; }
.area_03_text .tit { font-size:1.5rem; font-weight:bold; color:#333; line-height:1.9rem; margin-bottom:1rem; }

.area_03_text dl { font-size:1.1rem; color:#888; line-height:1.3rem; margin-bottom:0.8rem;  }
.area_03_text dl dt { font-weight:bold; }
.area_03_text dl dd { letter-spacing:-0.1rem;  }
.area_03_text .bold { font-weight:500; color:#555; }

.area_03_text li { position:relative;  padding-left:0.3rem; line-height:1.4rem; font-size:1.1rem; letter-spacing:-0.12rem;  word-break:keep-all; }
.area_03_text li:before { content:"¡¤"; position:absolute; left:0;}






/* ½ÅûÇϱâ */
#fixRequest { width:100%; position:fixed; bottom:0;  box-sizing:border-box; z-index:999; padding:0 1.3rem;

background:rgba(255,255,255,.7);
	-webkit-box-shadow: 0px -5px 15px -8px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px -5px 15px -8px rgba(0,0,0,0.2);
	-o-box-shadow: 0px -5px 15px -8px rgba(0,0,0,0.2);
	-ms-box-shadow: 0px -5px 15px -8px rgba(0,0,0,0.2);
	box-shadow: 0px -5px 15px -8px rgba(0,0,0,0.2);
		
	-webkit-backdrop-filter: brightness(1.2) blur(10px);
	-moz-backdrop-filter: brightness(1.2) blur(10px);
	-o-backdrop-filter: brightness(1.2) blur(10px);
	-ms-backdrop-filter: brightness(1.2) blur(10px);
	backdrop-filter: brightness(1.2) blur(10px);
	
	display:block;}


#fixRequest a { width: 100%; background:#00c0c5; 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:1.8rem;}
    
    
/*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 */