/* ***********************************************************
 Author			: www.drimhitech.com ysh
 Create Date	: 2022. 12. 02
 Subject		: mainTop CSS
 Comment		: 
------------------------------------------------------------
 Modify Date 	:
 Comment     	:
*********************************************************** */

/* *************************************************************** 상단TOP 영역 ****************************************************** */
#top-dvMainTopWrapper{
    width:100%;display:table; /* border-bottom:1px solid #B2B2B2; */
}
#top-dvMainTopWrapper > div{
    display:table-cell;vertical-align:middle;
}
#top-dvMainTopMenu{
    float:left;
}
#top-dvMainTopMenu > img{
    width:100%;height:100%;
}
#top-dvMainTopPrev{
	float:left;
}
#top-dvMainTopPrev > img{
	width:100%;height:100%;
}
#top-dvMainTopCall{
    float:left;padding-left:10px;
}
#top-dvMainTopCall > img{
    width:100%;height:100%;
}
#top-dvMainTopHome{
	 float:left;padding-left:17px;
}
#top-dvMainTopHome > img{
	width:100%;height:100%;
}

#top-dvMainTopStore{
    float:left;padding-left:10px;display:table;
}
#top-dvMainTopStore > div{
    display:table-cell;vertical-align:middle;text-align:center;font-size:inherit;color:inherit;padding-top:1px;
}
#top-dvMainTopChange{
    float:right;background-color:#77BC23;display:table;color:#ffffff;
     border-radius: 2px 2px 2px 2px; 
	-moz-border-radius: 2px 2px 2px 2px; 
	-webkit-border-radius: 2px 2px 2px 2px; 
}
#top-dvMainTopChange > div{
    display:table-cell;font-size:inherit;vertical-align:middle;text-align:center;color:inherit;
}
#top-dvMainTopCart{
	float:right;
}
#top-dvMainTopCart > img{
	width:100%;height:100%;
}
#top-dvTopCartCnt {
	position:relative;top:-130%;left:50%;width:60%;height:60%;background-color:#FF8324;border-radius:50%;
}
#top-dvTopCartCnt > div {
	 width:100%;height:100%;display:table;
}
#top-dvTopCartCnt > div > div{
	display:table-cell;text-align:center;vertical-align:middle;color:#FFFFFF;padding-top:2px;
}

.topTabClass{
	width:50%; text-align:center; color:#B2B2B2; border-radius:25px;
}

.topTabClickClass{
	width:50%; background-color:#77BC23;  text-align:center; color:#FFFFFF; border-radius:25px;
}


/* *************************************************************** 메뉴팝업 메뉴리스트 영역 ****************************************************** */
#top-dvMainMenuWrapper{
    position:absolute;top:0px;left:0px;z-index:6;background-color:#ffffff;display:none;
}
#top-dvMainMenuWrapper > div{
    display:table-cell;vertical-align:top;text-align:center;/*padding:0 20px 0 20px;*/
}
#top-dvMenuFix{
	padding:0 20px 0 20px;
}
#top-dvMenuScroll{
	overflow-y:auto;padding:0 20px 0 20px;-webkit-overflow-scrolling: touch;
}
#top-dvMenuLink > span{
    font-size:inherit;
}
#top-dvMenuLink > span:first-child{
    color:#77BC23;
}
.top-dvMenuListRowCss{
    display:table;width:100%;
}
#top-dvMenuLogin{
	display:table-cell;vertical-align:middle;text-align:left;font-size:inherit;
}
#top-dvMenuLogin > div{
	float:left;
}
#top-dvMenuLogin > div:first-child{
	margin-right:15px;
}
#top-dvMenuLogin > div:nth-child(2){
	margin-right:15px;
}
#top-dvMenuLogin > div:nth-child(4){
	margin-left:10px;
}

#top-dvMenuLogin > div > span{
	font-size:inherit;
}
#top-dvMenuLogin > div > span:first-child{
	color:#77BC23;
}

.top-dvMenuListRowCss > div:first-child{
    display:table-cell;vertical-align:middle;text-align:left;font-size:inherit;
}
.top-dvMenuListRowCss > div:last-child{
    display:table-cell;vertical-align:middle;text-align:right;
}
.top-dvMenuLineCss1{
    border-bottom:1px solid #77BC23;
}
.top-dvMenuLineCss1 > div:first-child{
    color:#77BC23;
}
.top-dvMenuLineCss2{
    border-bottom:1px solid #B2B2B2;
}

/* 메뉴리스트 고객의소리 (코너별 하루보이스 코드가 존재하는 경우) */
.top-dvMenuListRowVoiceCss{
	padding-left:5%;padding-bottom:12px;
}
.top-dvMenuListRowVoiceCss > div{
	text-align:left;line-height:200%;color:#727272;cursor:pointer;
}
.top-dvMenuListRowVoiceCss > div:first-child{
	color:#B2B2B2;	
}

.top-imArrowRCss{
    width:7px;height:auto;
}
.top-imArrowDCss{
	width:14px;height:auto;
}
.top-dvMenuLoginBtnCss{
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #B2B2B2;
	border-radius: 4px;
	display:table;cursor:pointer;
}
.top-dvMenuLoginBtnCss > div{
	display:table-cell;vertical-align:middle;text-align:center;font-size:inherit;
}

#top-dvEmBerText1{
	color:#222222
}

#top-dvEmBerText2{
	color:#666666;
}

/* *************************************************************** 메뉴팝업 운영시간 영역 ****************************************************** */
.top-dvTimeTitleCss{
    height:40px;display:table;width:100%;text-align:left;
}
.top-dvTimeTitleCss > div{
    display:table-cell;vertical-align:bottom;padding-bottom:5px;
}
.top-dvTimeTitleCss > div > span:first-child{
    font-size:13px;color:#77BC23;
}
.top-dvTimeTitleCss > div > span:last-child{
    font-size:11px;color:#727272;
}

.top-dvTimeContentsCss{
    height:70px;display:table;width:100%;text-align:left;
}
.top-dvTimeContentsCss > div{
    display:table-row;
}
.top-dvTimeContentsCss > div > div{
    display:table-cell;vertical-align:middle;text-align:left;width:50%;
}
.top-dvTimeContentsCss2{
    height:85px;display:table;width:100%;text-align:left;
}
.top-dvTimeContentsCss2 > div{
    display:table-row;
}
.top-dvTimeContentsCss2 > div > div{
    display:table-cell;vertical-align:middle;text-align:left;width:50%;
}

.top-dvTimeImg{
    float:left;height:100%;display:table;
}
.top-dvTimeImg > div{
    display:table-cell;vertical-align:middle;text-align:left;
}
.top-dvTimeTxt{
    float:left;height:100%;display:table;padding-left:5px;
}
.top-dvTimeTxt > div{
     display:table-cell;vertical-align:middle;text-align:left;color:#727272;font-size:10px;
}

/* 조/중/석/야 이미지 */
.top-imTimeCss{
    width:28px;height:auto;vertical-align:middle;
}

/* *************************************************************** 이벤트&뉴스 영역 ****************************************************** */
#top-dvTopEventWrapper{
    position:absolute;top:0px;left:0px;z-index:8;background-color:#ffffff;display:none;
}
#top-dvTopEventWrapper > div{
    display:table-cell;vertical-align:top;text-align:center;
}
#top-dvTopEventFix{
    padding:0 20px 0 20px;
}
#top-dvTopEventRow{
    display:table;width:100%;border-bottom:1px solid #77BC23;
}
#top-dvTopEventRow > div:first-child{
    display:table-cell;vertical-align:middle;text-align:left;font-size:inherit;color:#77BC23;
}
#top-dvTopEventRow > div:last-child {
	display:table-cell;vertical-align:middle;text-align:right;
}
#top-dvTopEventScroll{
    overflow-y:auto;padding:0 0px 0 0px;-webkit-overflow-scrolling: touch;
}
#top-dvTopEventScroll > iframe{
    width:100%;height:100%;padding:0px;margin:0px;display:block;
}


/* *************************************************************** 팝업 뉴스 영역 ****************************************************** */
#top-dvNewsMainPopupWrapper{
    position:absolute;background-color:#000000;background-color:rgba(0,0,0,0.4);top:0px;left:0px;z-index:7;display:none;
}
#top-dvNewsMainPopupWrapper > div{
    display:table-cell;vertical-align:middle;text-align:center;
}
#top-dvNewsPopupWrapper{
    margin:auto;
}
#top-dvNewsPopupContents{
	border-bottom:1px solid #B2B2B2;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling: touch;
}
#top-dvNewsListWrapper{
	height:100%;
}
.top-dvNewsPopupListCss{
	float:left;height:100%;display:table;
}
.top-dvNewsPopupListCss > div{
	display:table-cell;vertical-align:middle;text-align:left;
}
.top-imNewsImgCss{
	width:100%;height:auto;display:block;
	-webkit-user-select: none;
    -khtml-user-select: none;
  	-moz-user-select: none;
  	-o-user-select: none;
  	user-select: none;
  	-webkit-user-drag: none;
  	-khtml-user-drag: none;
  	-moz-user-drag: none;
  	-o-user-drag: none;
  	user-drag: none;
}

#top-dvNewsPopupClose{
    display:table;width:100%;background-color:#ffffff;
}
#top-dvNewsPopupClose > div{
    display:table-cell;vertical-align:middle;text-align:center;font-size:inherit;
}
#top-dvNewsPopupClose > div > div{
    display:table;vertical-align:middle;text-align:center;;font-size:inherit;width:100%;
}

.top-dvNewsPopupCloseCss{
    display:table-cell;vertical-align:middle;text-align:center;font-size:inherit;width:50%;padding-top:5px;padding-bottom:5px;
}

.top-dvNewsPopupCloseLineCss{
    border-right:1px solid #B2B2B2;
}

#top-dvNewPopupPage{
    position:relative;top:0px;left:0px;display:table;background-color:#000000;background-color:rgba(0,0,0,0.5);
    border-radius: 25px 0px 0px 25px;
	-moz-border-radius: 25px 0px 0px 25px;
	-webkit-border-radius: 25px 0px 0px 25px;
}
#top-dvNewPopupPage > div{
    display:table-cell;vertical-align:middle;text-align:center;
}
#top-dvNewPopupPage > div > span{
    color:#ffffff;font-size:10px;padding:0px 2px 0px 2px;
}

/* *************************************************************** 재조회 아이콘 영역 ****************************************************** */
#top-dvMainReloadWrapper{
	position:absolute;left:0px;top:-30px;z-index:30;display:none;width:100%;outline:none;
	transition: all 0.3s;
}
#top-dvMainReloadWrapper > div{
	display:table-cell;vertical-align:middle;text-align: center;
}
#top-dvMainReloadWrapper > div > div{
	width:30px;height:30px;margin:auto;
}
#top-dvMainReloadWrapper > div > div > img{
	width:100%;height:auto;
}
#top-dvMainReloadWrapper:focus{
	transform: rotate( 90deg );
}

/* *************************************************************** 팝업 영역 ****************************************************** */
#top-dvMainPopupWrapper{
	position:absolute;background-color:#000000;background-color:rgba(0,0,0,0.4);top:0px;left:0px;z-index:17;display:none;
}
#top-dvMainPopupWrapper > div{
	display:table-cell;vertical-align:middle;text-align:center;	
}
#top-dvMainPopup{
	background-color:#ffffff;margin:0 auto;
}
#top-ifMainPopup{
	width:100%;height:100%;padding:0px;margin:0px;display:block;
}

/* *************************************************************** 퀵 메뉴 영역 ****************************************************** */
#top-quickMenuWrapper{
	/*position:absolute;left:0px;bottom:3.5%;z-index:20;*/	
	position:absolute;left:0px;bottom:0%;z-index:6;
}
#top-quickMenuConents{	
	/*margin:0 auto;background-color:#444444;border-radius:15px;*/
	margin:0 auto;background-color:#F9F9F9;
}
#top-quickMenuShow{
	position:relative;top:-70%;left:-3%;z-index:22;
}
#top-quickMenuShow > img{
	width:100%;height:auto;	
}
#top-quickMenuIcon{
	display:table;width:97%;height:100%;position:relative;top:0;left:3%;z-index:21;font-size:inherit;table-layout:fixed;
}
#top-quickMenuIcon > div{
	/*display:table-cell;vertical-align:middle;text-align:center;color:#FFFFFF;font-size:inherit;*/
	display:table-cell;vertical-align:middle;text-align:center;color:#727272;font-size:inherit;
}
#top-quickMenuIcon > div > span{
	font-size:inherit;color:inherit;
}
.top-dvQuickMenuCss{
	height:auto;
}
#top-quickMenuHideWrapper{
	position:relative;top:-8px;left:0;z-index:22;background-color:#444444;border-radius: 0px 30px 30px 0px;display:table;
}
#top-quickMenuHide{
	display:table-cell;vertical-align:middle;text-align:center;
}
#top-quickMenuHide > img{
	height:auto;padding-top :3px;
}

/* *************************************************************** iframe 메뉴 영역 **************************************************** */
/* iframe 영역 */
#top-dvFullFrameWrapper{
	position:absolute;top:0px;background-color:transparent;
}
#top-ifWrapper{
	width:100%;
}

#mid-dvFullFrameWrapper{
	position:absolute;
	display:none;
	top:0;
	background-color:transparent;
	width: 100%;
	height: 100%; 
}

#mid-ifWrapper{
	width:100%;
	height: 100%;
}