@charset "utf-8";
/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
#logo {position:absolute; top:0px; left:20px; z-index:510;  }
#logo a {display:block;  width: 230px;  height:80px; background: url("../_images/logo.png") no-repeat left center;background-size:230px;}
#logo a img{width: 170px;}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
#logo {position:absolute;  top:5px; left:10px; z-index:510;  }
#logo a {display:block;  width:180px;  height:60px; background: url("../_images/logo.png") no-repeat left center; background-size:180px;}
#logo a img{width: 150px;}

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


	

:root {
	
--div-color1: #c9c1f5; /* men1  기본컬러 :bg */
--div-color2: #f5e9b7; /* men1  기본컬러 :bg */
--div-color3: #9fedde; /* men1  기본컬러 :bg */
--div-color4: #ffc8c8; /* men1  기본컬러 :bg */


/* 사운드아이콘 , 포인트 컬러 1 */
--div-color1-ov: #877EBB;
--div-color2-ov: #B79D72;
--div-color3-ov: #68ADA0;
--div-color4-ov: #C78383;
	

/* 사운드아이콘 , 포인트 컬러 2 */
--div-color1-ov-on: #5F559C;
--div-color2-ov-on: #9F7C42;
--div-color3-ov-on: #3A9483;
--div-color4-ov-on:#B15A5A;	

}