@charset "utf-8";
@font-face{src:url("/css/font/YDYGO11.ttf");font-family:"YDYGO11.ttf";}
@font-face{src:url("/css/font/YDYGO12.ttf");font-family:"YDYGO12.ttf";}
@font-face{src:url("/css/font/YDYGO13.ttf");font-family:"YDYGO13.ttf";}
@font-face{src:url("/css/font/YDYGO14.ttf");font-family:"YDYGO14.ttf";}
@font-face{src:url("/css/font/YDYGO15.ttf");font-family:"YDYGO15.ttf";}
@font-face{src:url("/css/font/YDYMJO13.TTF");font-family:"YDYMJO13.TTF";}
@font-face{src:url("/css/font/NotoSans-Regular.ttf");font-family:"NotoSans";}

/* 1280*960 초기화 */
html{width:1280px;height:650px;overflow:hidden;font-family:'YDYGO13.ttf', '돋움', dotum, sans-serif;}
html.busy, html.busy * {cursor: wait !important;}
#wrap{clear:both;z-index:20;width:1280px;height:720px;margin:0;overflow:hidden;position:absolute;top:0;left:0;font-size:26px;background-color:#232a38;}
#contents-area{width:1240px;height:580px;padding:40px 0px 100px 40px;color:#ffffff;}

/* 에러페이지 */
.error-notice{display:table;width:1100px;height:320px;}
.error-text{display:table-cell;text-align:center;vertical-align:middle;line-height:50px;font-family:"YDYGO12.ttf";}

/* 타이틀 */
#ch-20-title{width:1200px;height:95px;}
#ch-20-title img{height:40px;display:block;float:left;}
.title-text{display:block;margin-top:20px;height:25px;line-height:25px;font-family:'YDYGO11.ttf';letter-spacing:-0.04em;}
.date-text{float:right;text-align:right;height:80px;line-height:40px;}
.time-text .ampm{font-size:25px;}
.time-text .hhmm{font-size:40px;}
.day-text{display:inline-block;font-family:"NotoSans"; font-size:21px;}
.lunar-day{display:inline-block;}
.lunar-day img{padding:0px 10px;}

/* 메뉴들 */
#ch-20-menus{display:block;padding:0px;width:1090px;height:585px;overflow:visible;padding:0px 56px;}
.menu-list-area{display:block;float:left;margin:0;width:210px;height:405px;border-right:4px solid #232a38;border-left:4px solid #232a38;border-top:30px solid #232a38;padding-top:150px;}
.menu-list-area.on{border-top:none;height:535px;padding-top:50px;}

.menu-list-title{width:208px;height:95px;text-align:center;font-size:33px;padding-top:50px;padding-bottom:30px;}
.menu-list-area.on .menu-list-title{padding-top:0px;}
.menu-list-title p{margin:0;position:relative;top:-2px;}

.menu-list-element{display:block;height:42px;margin:0px;padding:1px 0px;text-align:center;line-height:32px;letter-spacing:-0.05em;display:none;}
.menu-list-element a {color:#FFF;text-decoration:none;}
.menu-list-element.on a{color:#ffeb7b; border-bottom:3px solid #ffeb7b;opacity:1;font-weight:800;}
.menu-list-empty{display:block;width:143px;height:39px;margin:0px;padding:0px;text-align:center;line-height:39px;opacity:0.4;}
.menu-list-empty a{color:#656b73;text-decoration:none;}

#life-menu{background:url("/img/main/menu_bg_life_off.png") 0px 0px no-repeat #3076af;}
#life-menu.on{background:url("/img/main/menu_bg_life_on.png") 0px 0px no-repeat #3076af;}
#weather-menu{background:url("/img/main/menu_bg_weather_off.png") 0px 0px no-repeat #734caf;}
#weather-menu.on{background:url("/img/main/menu_bg_weather_on.png") 0px 0px no-repeat #734caf;}
#airplane-menu{background:url("/img/main/menu_bg_airplane_off.png") 0px 0px no-repeat #4356af;}
#airplane-menu.on{background:url("/img/main/menu_bg_airplane_on.png") 0px 0px no-repeat #4356af;}
#info-menu{background:url("/img/main/menu_bg_info_off.png") 0px 0px no-repeat #a77a22;}
#info-menu.on{background:url("/img/main/menu_bg_info_on.png") 0px 0px no-repeat #a77a22;}
#tour-menu{background:url("/img/main/menu_bg_tour_off.png") 0px 0px no-repeat #1f863f;}
#tour-menu.on{background:url("/img/main/menu_bg_tour_on.png") 0px 0px no-repeat #1f863f;}

/* 팝업 가이드 */
.pop-arrow-guide{position:absolute;top:330px;left:40px;width:1200px;height:60px; background:url('/img/pop-arrow-guide.png') 0px 0px no-repeat;}

/* 하단 가이드 */
.main-guide{z-index:100;display:block;position:absolute;top:620px;left:0;height:95px;width:1100px;padding:5px 90px 0px 90px;font-size:23px;text-align:center;}
.guide-area{z-index:100;display:block;position:absolute;top:620px;left:0;height:95px;width:1100px;padding:5px 90px 0px 90px;background-color:rgba(0,0,0, 0.4);font-size:23px;text-align:center;}
.guide-text{display:inline-block;padding-left:30px;margin-left:15px;color:#fff;height:50px;line-height:50px;}
.button-red{background:url('/img/guide/btn-red.png') 0px 14px no-repeat;}
.button-green{background:url('/img/guide/btn-green.png') 0px 14px no-repeat;}
.button-back{background:url('/img/guide/btn-back.png') 0px 14px no-repeat;}
.button-top{background:url('/img/guide/btn-top.png') 0px 13px no-repeat;}
.button-down{background:url('/img/guide/btn-down.png') 0px 13px no-repeat;}
.button-exit{background:url('/img/guide/btn-exit.png') 0px 14px no-repeat;}
.button-move{background:url('/img/guide/btn-move.png') 0px 14px no-repeat;}
.guide-ok{display:inline-block;padding-left:35px;color:#ddd;height:50px;line-height:50px;float:right;margin-right:20px;}
.button-ok{background:url('/img/guide/btn-ok.png') 0px 14px no-repeat;}