/* SMALL 모바일 사이즈 =============================== */
@media screen and (max-width: 930px)   {

	
    /* SMALL 전체 내부 영역 */
    .indexNewContainer {
        padding: 0% 0px;
        margin-top:0px !important;
    }

    /* SMALL 6개 메뉴 전체 영역 */
    .indexNewContent {
        padding: 15px 0px;
    }

    /* SMALL 메뉴박스 바깥 흰 테두리 */
    .boxClass {
        width:46%;
        height:25% !important;
        margin: 1% 1% 3% 1%;
    }
  
	/* SMALL 메뉴 제목 글자 */
	.boxTitIn { 
 		font-size: 1.1em;
		line-height:35px;
  	}
 
    /* SMALL 메뉴 아이콘 크기 */
    .boxIcon {
     	position: relative;
    	top: 50%;
    	height:60%;
        width:auto;
    	transform: translateY(-50%);
    }
}


/* BIG PC 사이즈 ===================================== */
@media screen and (min-width: 931px)   {
	
    /* BIG 전체 내부 영역 */
    .indexNewContainer{
        padding: 0px 0px;
        margin-top:0px !important;
    }

    /* BIG 회원 이름 상단 출력 */
    .indexCnNewTitle{
        font-size: 2em;
    }

    /* BIG 6개 메뉴 전체 영역 */
    .indexNewContent{
        padding: 0px 0px;
        /* background:green;  */
    }

    /* BIG 메뉴박스 바깥 흰 테두리 */
    .boxClass{
        width: 30%;
        height: 40%;
        margin: 1% 1% 1% 1%;   
        /* background:yellow !important;    */
    }
 
	/* BIG 메뉴 제목 글자 */
	.boxTitIn { 
		/* color:red;
		background:blue; */
		font-size: 1.2em;
		line-height:50px;
	}

    /* BIG 메뉴 아이콘 크기 */
    .boxIcon{
     	position: relative;
    	top: 50%;
    	height:40%;
        width:auto;
    	transform: translateY(-50%);
    }
    
}



/* Extra BIG PC 사이즈 ===================================== */
@media screen and (min-width: 1240px){
	.indexNewContent {
    	padding-top: 5px;
	}
}


/* 기기 '높이가 최대 450px 이상인 [가로방향]" 일때 적용=================== */
@media screen and (max-device-height:450px) and (orientation: landscape){
	
 	
    /* SMALL-Port 전체 내부 영역 */
    .indexNewContainer {
        margin-top:0px !important;
    }

    /* SMALL-Port6개 메뉴 전체 영역 */
    .indexNewContent {
        padding: 1% 0%;
    }

    /* SMALL-Port 메뉴박스 바깥 흰 테두리 */
    .boxClass {
        width:46%;
        height:20% !important;
        margin: 1% 1% 1% 1%;   
        /* background:purple !important;     */
    }
 
	/* SMALL-Port 메뉴 제목 글자 */
	.boxTitIn { 
		/* color:green;
		background:yellow; */
 		font-size: 1.1em;
		line-height:35px;
		margin-top:6%;
  	}
 
    /* SMALL-Port 메뉴 아이콘 크기 */
    .boxIcon {
     	position: relative;
    	height:100%;
        top: 50%;
 
        transform: translateY(-50%);
    }
    
	/* SMALL-Port 메뉴 내부 */
	.boxInnerClass {
	    width:50px !important;
	    height:50px  !important; 
	    position:relative !important; 
	    left:10% !important; 
	    float:left;
	    background:transparent !important; 
	}
 
	/* SMALL-Port 메뉴 아이콘 영역 eef9ff   */
	.boxImgClass {
	    border-radius: 3px !important;
	    vertical-align: middle  !important;
	    background: none  !important;
	    position: absolute  !important;
	    left:0px  !important;
	    top:0px  !important;
	}

}
 

/* Common 헤더 ================================ */

/* Common 메뉴 제목 크기 및 색상 */
.boxTitClass {
 	display:inline-block;
	width:100%;
	height:20%;
    /* background:aqua; */
	vertical-align: middle;
	text-align:center;
}

/* Common 메뉴 제목 글자 */
.boxTitIn { 
	width:95%;
	font-weight:bolder;
	display: inline-block;
    vertical-align: middle;
    text-shadow: none !important;
}
 
/* Common 메인 전체 영역 */
.indexNewClass {
    width: 100%;
 	text-align:center; 
 	height:100%;
    background:#4F1730;
    background-image: url(/images/enq/bg_cloud.png);
 	position:fixed;
 	top:60px;
 	left:0;
}
 

/* Common 메뉴박스 바깥 흰 테두리 */
.boxClass {
    display: inline-block;
    border-radius: 10px;   
    background: #ffffff/*#523B37*/;
    border:1px solid #d3d3d3;
}

/* Common 메뉴 중간*/
.boxOutterClass{
    width: 100%;
    height:100%;
    vertical-align: middle !important;
    text-align: center;
    /* background:blue; */
    cursor:pointer;
}

/* Common 메뉴 내부 */
.boxInnerClass {
    display: inline-block;
    width:90%;
    height:80%;
    position: relative;
    /* background:orange; */
}
 
/* Common 메뉴 아이콘 영역   */
.boxImgClass {
    border-radius: 10px;
    vertical-align: middle;
    background: #e8e1ec;
    position: absolute;
    top: 2%;
    bottom: 10%;
    left: 2%;
    right: 2%;
}
 
/* Common 전체 내부 영역 */
.indexNewContainer {
	text-align:center;
    width:100%;
    /*  background:brown; */
    height:100%;
    position:fixed;
    top:60px;
    left:0;
    display:inline-block;
}
 

/* Common 전체 영역 */
.indexNewContent{
    display:inline-block;
    max-width: 1240px;
    width: 100%;
 	height:100%;
 	margin:0 auto;
   /* background:yellow; */
}