/*************** guide Mask *****************/
.viewGuide {position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:url('/image/common/bg_opa/bg_opa_b80.png') 0 0 repeat;display:none;}
.viewGuide * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.viewGuide img {z-index:8;}



/*************** guide header ********************/
.gHeader {position:relative;}
.gHeader p {position:absolute;top:7px;width:60px;height:30px;}
.gHeader p.gMenu {left:15px;padding-left:30px;background:url("/image/read/mobile/mToggle.png") 0 0 no-repeat;background-size:20px;}
.gHeader p.gSearch {right:15px;padding-right:30px;background:url("/image/read/mobile/btn_search.png") 95% 0 no-repeat;background-size:20px ;}


/*************** guide content *********************/
.gIndex {padding:21px 8px;z-index:8;}
.gIndex .gIndexList {width:49.5%;border:1px solid #fff;background:url('/image/mobile/arrow_4.png') 99% 40% no-repeat;}
.gIndex .gIndexList img {}

.gIndex .gIndexList > span {background: #2aa9d3;display: block;padding: 5px;color: #fff;width: 100%;font-size: 0.8em;}
.gIndex .gIndexList p.txt {padding:5px;color:#000;background:#fff;}
.gIndex .gIndexList p.txt span {font-size: 0.7em;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%;}
.gIndex .gIndexList p.txt span strong {display:inline-block;margin-right:5px;}

.gList img{width:20px;}
.viewGuide h2 {color: #fff;font-size: 1.3em;font-weight: bold;margin-bottom: 15px;padding: 2px 2px 2px 25px;background: url('/image/mobile/bull_guide.png') 0 4px no-repeat;background-size: 18px;}
.gIndex h3 {font-size: 1.3em;font-weight: bold;margin-bottom: 10px;color:#fff;}

.gIndex .btnAdd {position:absolute;right:8px;background:url('/image/mobile/guide_addBtn.png') 0 0 no-repeat;width:16px;height:16px;background-size:16px;}

.gRepList {position:absolute;width:100%;padding:0 8px;left:0;}
.gRepList > div {width:49.5%;border:1px solid #dedede;}
.gRepList > div > p {position: relative;padding: 6px; height: 60px; width: 100%;display: block;background:#fff;}
.gRepList > div > p span.location {font-size: 0.95em;font-weight: bold;display: inline-block;color: #0f79e7;}
.gRepList > div > p span.subTitle {font-size:0.85em;display:block;}


.gListB {position:absolute;left:0;padding:20px 13px;width:100%;}
.gListB h2 {float: left;display: block;}
.gListB select {float: right;display: block;height: 25px;margin-top: 38px;}
.gListB .gInput {display: block;width: 95%;margin:20px auto 0 auto;position: relative;}
.gListB .gInput input {border: 1px solid #dedede;border-radius: 7px;width: 100%;}
.gListB .gInput button {display: block;position: absolute;right: 3px;top: 4px;width: 15px;height: 15px;background: url('/image/eat/mobile/list_search.png') 0 0 no-repeat;background-size: 15px 15px;}


.gHogam {position:absolute;width:16px;}

.gReadNav {position:absolute;padding:0 8px;left:0;width:100%;padding-top:20px;background:url('/image/mobile/line_read.png') center 6px no-repeat;background-size: 301px;}
.gReadNav ul li {display:table;table-layout:fixed;float: left; display: block; width: 15%;  padding: 0 5px; height:26px; text-align: center; }
.gReadNav ul li:last-child {width: 25%;}
.gReadNav ul li.type1 { background: #14a085; }
.gReadNav ul li.type2 { background: #e15872; }
.gReadNav ul li.type3 { background: #3853a2; }
.gReadNav ul li.type4 { background: #eb5a2d; }
.gReadNav ul li.type5 { background: #d3b62a; }
.gReadNav ul li.type6 { background: #5d8c2a; }
.gReadNav span {
	color: #fff;
    font-size: 0.85em;
    text-align: center;
    vertical-align: middle;
    position: relative;
    height: inherit;
    display: table-cell;
    width: inherit;
}


.gScore {position:absolute;left:0;width:100%;padding:0 8px;}
.gOverview {position:absolute;left:0;width:100%;padding:0 8px;}
.gScore p {display: inline-block;text-align: right;font-size: 0.9em;color:#fff;}
.gOverview .overview {margin-top:0;}
.gOverview ul.clear {background:#fff;}





/***************** guide text ****************/
.viewGuide .txtWrap {z-index:9;position:absolute;top:0;left:0;width:100%;height:100%;}
.viewGuide .txtWrap p {color:#fff;font-size:0.75em;}
.viewGuide .txtWrap p.orange {color:#fe840d;font-weight:bold;}
.viewGuide .txtWrap .txtMenu {top:7px;left:77px;width:90px;position:absolute;}
.viewGuide .txtWrap .txtLocSearch {top:12px;right:0;width:120px;position:absolute;}
.viewGuide .txtWrap .txtRecom {top:108px;left:32%;width:141px;position:absolute;line-height:1.2;padding-left:35px;background: url('/image/mobile/arrow_3.png') 0 -2px no-repeat;background-size:28px;}
.viewGuide .txtWrap .txtAdd {top:111px;right:2%;width:70px;position:absolute;background:url('/image/mobile/arrow_4.png') 26px 0 no-repeat;background-size:26px;padding-top:23px;}
.viewGuide .txtWrap .txtList {/*top:200px;*/left:50%;width:130px;position:absolute;padding-left:24px;background: url('/image/mobile/arrow_4.png') 0 40% no-repeat;background-size:26px;}

.viewGuide .txtWrap .txtListSearch:before{
	position:absolute;content: "";
	background-size:28px;
	background: url('/image/mobile/arrow_2.png') 0 0 no-repeat;
	-ms-transform: rotate(-140deg);-webkit-transform:rotate(-140deg);transform:rotate(-140deg);
    width:28px;height:28px;top:-4px;left:0;}

.viewGuide .txtWrap .txtListSearch {right:1%;width:110px;position:absolute;padding-top:22px;}
.viewGuide .txtWrap .txtAreaHogam {/*bottom:5px;*/width:160px;position:absolute;background: url('/image/mobile/arrow_2.png') 122px -6px no-repeat;background-size:28px;}
.viewGuide .txtWrap .txtViewList {left:15%;width:120px;position:absolute;background: url('/image/mobile/arrow_3.png') 0 0 no-repeat;padding-left:35px;background-size:28px;}
.viewGuide .txtWrap .txtCategory:before{position:absolute;content: "";background-size:28px;background: url('/image/mobile/arrow_2.png') 0 40% no-repeat;-ms-transform: rotate(144deg);-webkit-transform: rotate(144deg);transform: rotate(144deg);
    width:28px;height:28px;top:3px;left:0px;}
.viewGuide .txtWrap .txtCategory {right:4%;width:130px;position:absolute;padding-left:35px;}



/* view */
.viewGuide .txtWrap .txtViewArticle {top:95px;left:17%;width:150px;position:absolute;}
.viewGuide .txtWrap .txtContentsHogam {top:95px;right:3%;width:125px;position:absolute;}
.viewGuide .txtWrap .txtHotmark {top:200px;right:4%;width:120px;position:absolute;}


/* 읽어보기 */
.viewGuide .txtWrap .txtTab {left:33%;width:150px;position:absolute;}
.viewGuide .txtWrap .txtAreaHogam.read {bottom:0;top:230px;right:3%;}

/* 지역대표 */
.viewGuide .txtWrap .txtRate {left:15%;width:190px;position:absolute;background:url('/image/mobile/arrow_select.png') 0 75% no-repeat;padding-left:25px; }
.viewGuide .txtWrap .txtIndex {left:38%;width:180px;position:absolute;background:url('/image/mobile/arrow_input.png') 90% 0 no-repeat;padding-right:25px;}