@charset "utf-8";
#eh-page{min-width:320px;overflow:hidden;background:white;}
.ui-loader .ui-icon-loading {background-color:transparent;filter: Alpha(Opacity=100);opacity:1;width:64px;height:64px;background-size:100% 100%;}
.ui-loader-default {filter:none;opacity:1;}
.div_clear{clear:both;padding:0;margin:0;font:0;display:none;}

.toplogos {display: none;}

/******************************************헤더*********************************************************************/

#eh-header {overflow:hidden;height:47px;background:none;border-top:0;}
#eh-header h2 {padding-top:12px;margin:0 auto;width:250px;}
#eh-header h2 img {}
#eh-header .ui-btn {background:none;padding:0;border:0;top: 10px;}
#eh-header .ui-icon-grid{display:none;}


/**************************** 탭메뉴 ***************************************/

/* ==================================================================
   [공통 규칙] 이벤트하우스 탭 헤더 및 메뉴 레이아웃 기본 세팅
   ================================================================== */
#tabs_header {
    padding: 0px;
    overflow: hidden;
}

#eh-tabs-menu {
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-right: 1px solid #11224D;
} 

/* --- 상단 메인 탭 기본 버튼 스타일 --- */
#eh-tabs-menu .top-menu li .ui-btn {
    font-size: 14px;
    padding: 0.9em 0.1em;
    border-color: #1E53BB;
    text-shadow: 0 1px 0 #222;
    color: #FFFFFF;
    border-top: 1px solid #1A459C;
}

/* --- 하위 서브 탭 기본 버튼 스타일 --- */
#eh-tabs-menu .tsub-menu li .ui-btn {
    font-size: 12px;
    padding: 0.8em 0.1em;
    border-top: 0;
    border-left-width: 1px;
    text-shadow: none;
    color: #FFFFFF;
    font-weight: bold; /* 파스텔 배경 위에서 글자가 흐려지지 않도록 굵기 지정 */
}


/* ==================================================================
   1. 평상시 기본 상태: 상단 메인 블루 + 하단 진한 파스텔 톤 배치
   ================================================================== */

/* [상단 메인 메뉴 기본] 홈페이지 고유의 맑은 로얄 블루(#225CCF) 기반 미세 그라데이션 */
#mm .ui-btn, #mw .ui-btn, #mf .ui-btn, #mb .ui-btn, #ma .ui-btn, #mu .ui-btn { 
    background: linear-gradient(90deg, #225CCF 0%, #1A52C0 100%) !important; 
    color: #FFFFFF !important; 
}

/* [하단 서브 메뉴 기본] 모든 채널의 명도와 채도 감도를 자석처럼 균일하게 맞춘 정밀 톤 다운 세팅 */
#eas .ui-btn { background: #374151 !important; border-color: #1F2937 !important; } /* 전체경품: 지정해주신 진한 회색 통 고정 */
#ews .ui-btn { background: linear-gradient(90deg, #4F8CF5 0%, #3B7CE0 100%) !important; border-color: #2D6CD1 !important; } /* 웹사이트: 화사한 스카이 오션 블루 */
#efs .ui-btn { background: linear-gradient(90deg, #42639B 0%, #31518A 100%) !important; border-color: #24417A !important; } /* 페이스북: 파스텔 슬레이트 네이비 */
#ens .ui-btn { background: linear-gradient(90deg, #329E1F 0%, #278A16 100%) !important; border-color: #1F730F !important; } /* N블로그: 부드러운 리프 그린 */
#eis .ui-btn { background: linear-gradient(90deg, #7462F5 0%, #5E4CD4 100%) !important; border-color: #4A3EBF !important; } /* 인스타그램: 라벤더 퍼플 블루 */
#eus .ui-btn { background: linear-gradient(90deg, #E64343 0%, #D33131 100%) !important; border-color: #C02020 !important; } /* 유튜브: 파스텔 로즈 레드 */


/* ==================================================================
   2. [핵심 교정] 상단 메인 탭 마우스 오버(Hover) 시 서브 메뉴 색상과 100% 일치 연동
   ================================================================== */

/* 1. 전체경품 (#mm) 오버 시 -> 상단 버튼을 서브(#eas) 색상과 동일하게 전환 */
#mm:hover .ui-btn, #mm:focus .ui-btn, #mm .ui-btn:active { background: #374151 !important; border-color: #1F2937 !important; }

/* 2. 웹사이트 (#mw) 오버 시 -> 상단 버튼을 서브(#ews) 색상과 동일하게 전환 */
#mw:hover .ui-btn, #mw:focus .ui-btn, #mw .ui-btn:active { background: linear-gradient(90deg, #4F8CF5 0%, #3B7CE0 100%) !important; border-color: #2D6CD1 !important; }

/* 3. 페이스북 (#mf) 오버 시 -> 상단 버튼을 서브(#efs) 색상과 동일하게 전환 */
#mf:hover .ui-btn, #mf:focus .ui-btn, #mf .ui-btn:active { background: linear-gradient(90deg, #42639B 0%, #31518A 100%) !important; border-color: #24417A !important; }

/* 4. 네이버 블로그 (#mb) 오버 시 -> 상단 버튼을 서브(#ens) 색상과 동일하게 전환 */
#mb:hover .ui-btn, #mb:focus .ui-btn, #mb .ui-btn:active { background: linear-gradient(90deg, #329E1F 0%, #278A16 100%) !important; border-color: #1F730F !important; }

/* 5. 인스타그램 (#ma) 오버 시 -> 상단 버튼을 서브(#eis) 색상과 동일하게 전환 */
#ma:hover .ui-btn, #ma:focus .ui-btn, #ma .ui-btn:active { background: linear-gradient(90deg, #7462F5 0%, #5E4CD4 100%) !important; border-color: #4A3EBF !important; }

/* 6. 유튜브 (#mu) 오버 시 -> 상단 버튼을 서브(#eus) 색상과 동일하게 전환 */
#mu:hover .ui-btn, #mu:focus .ui-btn, #mu .ui-btn:active { background: linear-gradient(90deg, #E64343 0%, #D33131 100%) !important; border-color: #C02020 !important; }


/* --- [서브 메뉴 자체 호버] 고유색을 유지하면서 15%만 부드럽게 어두워지는 피드백 --- */
#eas:hover .ui-btn, #ews:hover .ui-btn, #efs:hover .ui-btn, #ens:hover .ui-btn, #eis:hover .ui-btn, #eus:hover .ui-btn { 
    filter: brightness(0.85);
}


/* ==================================================================
   3. [수정 완료] 선택 완료된 활성화(Active) 상태: 진짜 약간만 연해진 세련된 크림슨 레드
   ================================================================== */
#mm.active .ui-btn, #mw.active .ui-btn, #mf.active .ui-btn, #mb.active .ui-btn, #ma.active .ui-btn, #mu.active .ui-btn { 
    background: linear-gradient(90deg, #D61A2D 0%, #B50E1E 100%) !important; 
    color: #FFFFFF !important; 
    border-color: #8E0714 !important; 
}

#ms-active .ui-btn { 
    background: linear-gradient(90deg, #D61A2D 0%, #B50E1E 100%) !important; 
    color: #FFFFFF !important; 
    border-color: #8E0714 !important; 
}

#m-active .ui-btn {
    background: linear-gradient(90deg, #D61A2D 0%, #B50E1E 100%) !important; 
    border-color: #8E0714 !important;
}


/*----------------------------------------------------------------*/

#eh-content-main{display:block;position:relative;background:#fff;height:100%;overflow:hidden;}

/*************************메뉴 패널************************/
#mymenu{background-color:#fff;border:1px solid #ccc;padding:0;marign:0 auto;box-shadow:none;width:250px;top:0;}
#mymenu .ui-listview .ui-li-divider{padding:0;border:0;text-shadow:none;}
#mymenu .menuwarp{position:relative;margin-bottom:10px;text-align:center;width:100%;display:block;}
#mymenu .ui-listview .ui-li-static{padding:0;margin:0;border:0;}
#mymenu  H1{color:#fff}
#mymenu  .ui-listview> li h1{margin:0;padding:0px;font-size:14px;text-shadow:1px 1px 1px #222;}
#mymenu  .ui-listview> li h2{padding:0;margin:0;border-left:1px solid #cacaca;border-right:1px solid #cacaca;}
#mymenu .ui-collapsible-content .ui-listview{border-left:1px solid #cacaca;border-right:1px solid #cacaca;}
#mymenu .ui-body{font-size:13px;text-shadow:none}
#mymenu .ui-btn{font-size:14px;text-shadow:0 1px 0 #fff;}
#mymenu .ui-btn-icon-left:after{width:10px;height:10px;margin-top:-5px;}
#mymenu .ui-btn-icon-right:after{width:10px;height:10px;margin-top:-5px;}
#mymenu .pmenuwarp  li{border-width:1px;}
#mymenu .pmenuwarp  ul .ui-btn {font-size:13px;text-shadow:0 0 0 #fff;color:#444;background:#fff;}
#mymenu .datepicker .ui-corner-all{border-radius:0;}
#mymenu .datepicker td a{padding:5px 5px;font-size:13px;border:1px solid #ccc;}

.dateview .ui-listview .ui-btn{border-left:1px solid #cacaca;border-right:1px solid #cacaca;}
/*************************검색 패널************************/
#mysearch{top:0;border-left:1px solid #ccc;background: #fff;}
#mysearch .ui-body-a{padding:0px;background:none;border:0;padding:10px;}
#mysearch legend{margin-top:20px;color:#444;text-shadow:1px 1px 1px #fff;font-size:12px;}
#mysearch .search-button{border:0;text-shadow:1px 1px 1px #fff;border:1px solid #ccc}
#mysearch .ui-input-search{border: 1px solid #ccc;padding-top:3px;padding-bottom:3px;}
#mysearch .search-field{}
#mysearch  .search-delete{position:absolute;background: none;padding:0;border: 0;top: 5px;left:-30px;cursor:pointer;width:30px;height:30px;}
#mysearch .ui-panel-inner{padding:0;}





/********************************** 리스트뷰 *******************************/
#eh-content-right{position:relative;padding:0;margin:0;padding-bottom:10px;}
#eh-content-right .list-header{overflow:hidden;border-color:#ddd;border-top-width:0;border-right-width:0px;border-bottom:0;}
#eh-content-right  .list-header .ui-btn-active{background:#fff;text-shadow:none;color:#d7192f;border-left:1px solid #ddd;}
#eh-content-right .list-header-under{overflow:hidden;border:1px solid #bbb;border-left:0;}
#eh-content-right .list-header li .ui-btn{padding-left:1px;padding-right:1px;border-left:1px solid #ddd;}
#eh-content-right .list-header-under li .ui-btn{padding-left:1px;padding-right:1px;}

#eh-content-right .ui-listview .ui-li-divider{border:0;border:1px solid #ccc;padding:0;color:#333;text-shadow:none;border-left:0;border-right:0}
#eh-content-right .ui-listview .ui-li-divider .span-divider .ui-btn{margin:0;border:0;font-size:1.1em;background:#fff;text-align:left;padding:9px 0 8px 40px;}
#eh-content-right .ui-listview  .ui-li-num{position:absolute;top:0;right:0;min-width:20px;font-size:12px;background:rgba(255,255,255,.9);padding:5px 5px;text-shadow:none;font-size:12px;text-align:center;border-left:1px solid #aaa;border-bottom:1px solid #aaa}
#eh-content-right .ui-listview   .ui-btn-icon-left:after{background-color:#cdcdcd;}
#eh-content-right .ui-listview .ui-li-has-alt{border-right-width:1px;}
#eh-content-right .ui-listview .ui-field-contain{position:absolute;right:0;top:10px;}
#eh-content-right .ui-listview .list  .ui-btn{padding:5px 5px;border-width:0;white-space:normal;height:120px;border-right:1px solid #dfdfdf;}
#eh-content-right .ui-listview .list  .ui-btn-active{background:none;text-shadow:none;color:#555;border:0}
#eh-content-right .ui-listview .list-img{float:left;position:relative;border:1px solid #ccc;width:130px;height:130px;background-size:100% auto;margin:10px 5px 5px 5px;}
#eh-content-right .ui-listview .list-content{float:none;position:relative;overflow:hidden;}
#eh-content-right .ui-listview .ui-li-aside {}

#eh-content-right .ui-listview p{font-size:13px;line-height:160%;white-space:normal;padding-right:40px;}
#eh-content-right .ui-listview h1{;font-size:13px;}
#eh-content-right .list-ad{display:block;margin:0 auto;margin-top:5px;}
#eh-content-right .list-page{display:block;width:100%;margin:10px auto;text-align:center;}
#eh-content-right .list-page .ui-btn-inline{margin:2px ;padding:10px 10px;}

/** new 리본 ***/
.nr{position:absolute;;left:-1px;top:-1px;background:url('../img/ribon/newbg.png') no-repeat;height:37px;width:37px;}



/**************응모저장구문 ******************/
#eh-content-right .info_save{position:absolute;top:-3px;right:5px;width:110px;text-align:right;}
#eh-content-right .info_save .ui-btn{font-size:12px;width:35px;height:21px;padding:0;padding-top:7px ;text-align:center;}
#eh-content-right .info_save .ui-btn-active{background:#3388cc;border-color:#2e7bb9;}


#eh-content-right .info_save .ui-state-disabled{filter: Alpha(Opacity=60);opacity: .6;}

#eh-footer{padding:4px 0 4px 0;text-align:center;height:30px;border-width:1px;border-bottom-width:0;}
#eh-footer p{;font-size:.77em;}
#eh-footer .ui-btn {background:none;padding:0;border:0;top: 0px;}
#pmsg{background:#444;color:#fff;text-shadow:1px 1px 1px #333;border:1px solid #3e526e;padding:10px;font-size:12px;}




.google_ad_hsize {width:auto;height:auto;}
.google_ad_vsize{width:230px;height:600px;text-align:center}



@media all and (max-width:600px){ /***************************************/

#eh-content-main{box-shadow:none;padding:0;}
#eh-content-right{padding-right:0;}
#eh-header {width:100%;margin:0 auto;border-width:0;border-bottom-width:1px;}
#eh-footer{box-shadow:none;border-left:0;border-right:0;}
#eh-tabs-menu{margin:0;padding:0;overflow:hidden;border-right:0} 

#eh-content-right .ui-listview .ui-li-divider .span-divider .ui-btn{font-size:1em;}
#eh-content-right .ui-listview .ui-btn-icon-right:after {top:50%;right:20px;}
#eh-content-right .ui-listview  .list .ui-btn{border-width:0;}
#eh-content-right .ui-listview p{height:80px;overflow:hidden;line-height:150%;padding-right:10px;}
#eh-content-right .ui-listview  .list-img{width:100px;height:110px;background-repeat:repeat-y}
#eh-content-right .eh-search-field{display:none;}
#eh-content-right .list-header{border-left-width:0;border-right-width:0;}
#eh-content-right .ui-listview p{font-size:11px;}
#eh-content-right .ui-listview h1{font-size:14px;}
.tad_warp{padding-left:2px;}

.toplogos {display: block;width: 100%;}

}







@media all and (min-width:600px){ /***************************************/
#eh-tabs-menu .top-menu li .ui-btn{font-size:14px;padding:0.9em 0.1em;}
#eh-tabs-menu .tsub-menu  li .ui-btn{font-size:12px;padding:0.8em 0.1em;}
#eh-footer {width:100%;margin:0 auto;}
#eh-header {width:100%;margin:0 auto;}
#eh-header h2{width:auto;text-align:left;padding-left:40px;}	
#eh-content-main{width:100%;margin:0 auto;}
#eh-content-right .ui-listview p{font-size:12px;}
#eh-content-right .ui-listview h1{font-size:15px;}
#eh-content-right  .info-list{display:block;width:100%;padding-top:10px;}
#eh-content-right .ui-listview  .list-img{width:110px;height:120px;background-repeat:repeat-y}
#eh-content-right .ui-listview  .list .ui-btn{height:130px;overflow:hidden;}
.google_ad_hsize {width:100%;max-height:100px;}
}



@media all and (min-width:850px){ /***************************************/
#eh-tabs-menu .top-menu li .ui-btn{font-size:14px;padding:0.9em 0.1em;}
#eh-tabs-menu .tsub-menu  li .ui-btn{font-size:13px;padding:0.8em 0.1em;}
#eh-header {width:98%;margin:0 auto;}
#eh-footer {width:98%;margin:0 auto;border:1px solid #37465b;border-bottom-width:0;}
#eh-content-main{width:98%;}
#eh-content-right{margin-left:240px;}
#mymenu {visibility: visible;position: relative; left:0;top:0px;clip: auto;width: 230px;min-width:230px;padding:0;margin:0;border:0;float:left;background:none;display:block;z-index:10;overflow:visible;-webkit-transition: none !important;-moz-transition: none !important; transition: none !important;-webkit-transform: none !important;-moz-transform: none !important;transform: none !important;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow:none;}
#mymenu .ui-panel-inner{padding:4px;}
#eh-header .ui-icon-grid{display:inline-block;}
#eh-header .ui-icon-bars{display:none;}
#eh-content-right .ui-listview .list-img{background-size:100% auto;margin-left:0;width:120px; height:135px;}
#eh-content-right .ui-listview .list-content{max-width:400px;}
#eh-content-right .ui-listview  .list .ui-btn{height:150px;overflow:hidden;}
#eh-content-right .ui-listview p{font-size:12px;}
#eh-content-right .ui-listview h1{font-size:15px;}
.google_ad_hsize {width:100%;height:100px;display:inline-block;overflow:hidden;}



}




@media all and (min-width:1024px){ /**************1200px*************************/
#eh-tabs-menu .top-menu  li .ui-btn{font-size:15px;padding:0.7em 0.7em;}
#eh-tabs-menu .tsub-menu  li .ui-btn{font-size:15px;padding:0.7em 0.7em;}
#eh-header {width:978px;margin:0 auto;}
#eh-footer {width:980px;margin:0 auto;}
#eh-content-main{width:980px;}
#eh-content-right{margin-left:240px;}
#mymenu .ui-panel-inner{padding:4px;}
#eh-content-right .ui-listview p{font-size:14px;}
#eh-content-right .ui-listview h1{font-size:16px;}
#eh-content-right .ui-listview  .list .ui-btn{height:160px;overflow:hidden;}
#eh-content-right .ui-listview .list-img{background-size:100% auto;margin-left:0;width:150px; height:150px;}
.google_ad_hsize {width:100%;height:110px;display:inline-block;overflow:hidden;}

}



.ellipsis{overflow:hidden;white-space:nowrap;}



.ad_title{width:70px;border:0px solid #dfdfdf;background:#fff;border-bottom:0;text-align:center;font-size:11px;}
.tab_warper{height:100px;overflow:hidden;text-align:center;margin:5px auto 5px 5px}
.tad_warp{overflow:hidden;margin:5px auto;text-align:center;}

.tad_list{position:relative;float:left;width:97px;height:90px;margin:0 5px 5px 0;border: 1px solid  #555;overflow:hidden;border-radius:0px;text-align:left;}



.tad_1{position:absolute;left:3px;top:3px;width:14px;height:13px;background: url('./img/list/list_1.gif')   no-repeat;z-index:10;}
.tad_2{position:absolute;left:3px;top:3px;width:14px;height:13px;background: url('./img/list/list_2.gif')   no-repeat;z-index:10;}
.tad_3{position:absolute;left:3px;top:3px;width:14px;height:13px;background: url('./img/list/list_3.gif')   no-repeat;z-index:10;}
.tad_4{position:absolute;left:3px;top:3px;width:14px;height:13px;background: url('./img/list/list_4.gif')   no-repeat;z-index:10;}
.tad_5{position:absolute;left:3px;top:3px;width:14px;height:13px;background: url('./img/list/list_5.gif')   no-repeat;z-index:10;}
.tad_6{position:absolute;left:3px;top:3px;width:14px;height:13px;background: url('./img/list/list_6.gif')   no-repeat;z-index:10;}
.tad_7{position:absolute;left:3px;top:3px;width:14px;height:13px;background: url('./img/list/list_7.gif')   no-repeat;z-index:10;}
.tad_9{position:absolute;left:3px;top:3px;width:14px;height:13px;background: url('./img/list/list_9.gif')   no-repeat;z-index:10;}

.ref{position:absolute;top:-5px;left:-5px;width:80px;height:123px;background:url('http://www.eventhouse.kr/ad/ribbon.png') no-repeat;z-index:10;}

.adb_text{position:absolute;bottom:0px;left:0;height:15px;width:180px;border-top:0px solid #dfdfdf;background:#fff;background:rgba(255,255,255,.88);opacity:0.88;filter:Alpha(opacity=88);font-size:11px;font-family:tahoma,dotum,gulim;text-shadow:1px 1px 0 #fff;font-weight:normal;padding:5px 0 5px 20px;color:#222;letter-spacing:-1px;}
.adb_text:hover{color:#dd0000;}
.ad_tnum{position:absolute;right:5px;bottom:5px;font-family:tahoma,arial;font-size:10px;color:#018ee2;font-weight:normal;text-shadow:1px 1px 0 #fff;}
.ad_si{position:absolute;left:6px;bottom:10px;width:9px;height:11px;background:url('http://www.eventhouse.kr/ad/is.gif') no-repeat;z-index:9;}
.ad_sin{position:absolute;left:5px;bottom:9px;width:11px;height:13px;background:url('http://www.eventhouse.kr/ad/sin.gif') no-repeat;z-index:9;}
.imgstyle{width:100%;}