@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);               

* {-webkit-text-size-adjust:none; }

html, body, p, ul, li,h1 { margin: 0; padding: 0; }

html,body{ height: 100%; max-width: 100%; }
body { font-size:16px; color:#e9e9e9; background-color:#535353; font-family: 'Nanum Gothic', dotum, sans-serif; }
ul,li { list-style: none; }


/* 
		
		@media (min-width: 767px)  {

		}
		
		@media (max-width: 480px)  {

		}


*/

.typePlace { display: none }
.typePlace.active { display: block }

#priNav .place .typePlace li { display: none;}
#priNav .place .typePlace li.active { display: block;}

/*header*/
.lhc #header { 
	position: absolute;
	width: 100%; 
	height: 48px; 
	left: 0; top:0;
	background: #fff; 
	z-index: 20; 
}
.lhc #header #fullControl { width: 1.6em; height: 1.6em; text-indent: -999px; overflow: hidden; position: fixed; right: .6em; top: .6em; z-index: 30; cursor: pointer; display: none; }
.lhc #header #fullControl .normal { background: url('../files/img/m/fullbtn.png') no-repeat 50% 50%;  background-size: auto 100%; width: 100%; height: 100%; }
.lhc #header #fullControl .active { background: url('../files/img/m/fullbtn2.png') no-repeat 50% 50%;  background-size: auto 100%; width: 100%; height: 100%; }


.lhc #header .logo { 
	top: 0; left: 0; 
	position: absolute; 
	width: 100%;
	height: 48px; 
	display: table;
	color: #333;
}

.lhc #header .logo .img { 
	height: 100%;
	display: table-cell; vertical-align: middle; width: 140px;
	text-align: center;
}
.lhc #header .logo img { height: 16px; width: auto; }
.lhc #header .logo .text { 
	display: table-cell; vertical-align: middle; font-size: .45em;
	padding-top: 4px;
	overflow: hidden;
	height: 100%;
	letter-spacing: -1px;
}

.lhc #header #priNav { 
	background:#2e2b26; width: 100%; height: 42px; position: relative; top: 48px;
	font-size: 1em; 
}
.lhc #header #priNav > ul { display: table; width: 100%; height: 42px; }
.lhc #header #priNav > ul > li { display: table-cell; vertical-align: middle; height: 100%; }
.lhc #header #priNav .back { box-sizing: border-box; border-right: 1px solid #3f3c37; width: 16%; position:relative; cursor: pointer }
.lhc #header #priNav .back .icon { background: url('../files/img/m/back.png') no-repeat 50% 50%; width: 100%; height: 100%; background-size: auto 0.8em; display: block; }


.lhc #header #priNav .type { box-sizing: border-box; border-right: 1px solid #3f3c37; width: 28%; cursor: pointer}
.lhc #header #priNav .type li { height: 100%; text-align: center; text-shadow: 0.05em 0.05em 0 rgba(0,0,0,0.5); display: none; overflow: hidden }
.lhc #header #priNav .type li.active { display: block; }

.lhc #header #priNav .place { box-sizing: border-box; border-right: 1px solid #3f3c37; width: 28%; cursor: pointer}
.lhc #header #priNav .place li { height: 100%; text-align: center; text-shadow: 0.05em 0.05em 0 rgba(0,0,0,0.5); display: none; overflow: hidden }
.lhc #header #priNav .place li.active { display: block; }

/*.lhc #header #priNav .iso{ height: 117px; line-height: 117px; text-align: center; font-size: 3em; text-indent: -999px; background: url('../files/img/m/iso.png') no-repeat 50% 50%; background-size: auto 60%; overflow: hidden }*/

.lhc #header #priNav .iso{ height: 100%; text-align: center; overflow: hidden; cursor: pointer }

.lhc #header #priNav .on { background: #72b0c4; }


.lhc #header .mnspan { margin-left: 20px; }
.lhc #header .arrow { background: url('../files/img/m/rnmarrow.png') no-repeat 97% 50% }
.lhc #header #typeNav, 
.lhc #header #placeNav {
	position: absolute; width: 100%; left: 0; top: 90px; background: #000; display: none; z-index: 20 }

.lhc #header #typeNav .type { position: relative; width: 100%; }
.lhc #header #placeNav .place { position: relative; width: 100%; }

.lhc #header #typeNav li, 
.lhc #header #placeNav li{ 
	background: url('../files/img/m/list_bg.png') repeat-x; 
	height: 32px; width: 100%; line-height: 32px; color: #2e2b26; font-weight: bold;
	text-indent: 10px;
}


/* info Contents ~~~~~~~~~ */
.lhc #infoContents { position: absolute; z-index: 30; top: 0; right: -100%; width: 100%; height: 100%; background: #fff; display: none }

/* iso ~~~~~~~~~~~~~~~~~ */

.lhc #iso { display: none; position: absolute; z-index: 30; left: 0; top: 233px; background: #fff; width: 100%; background: url('../files/img/m/iso_back.png') no-repeat 50% 50%; background-size: cover }

.lhc #iso .place1,
.lhc #iso .place2,
.lhc #iso .place3,
.lhc #iso .place4,
.lhc #iso .place5,
.lhc #iso .place6,
.lhc #iso .place7,
.lhc #iso .place8,
.lhc #iso .place10 { width: 3em; height: 3em; overflow: hidden; text-indent: -999px }

.lhc #iso .place1 { background: url('../files/img/m/iso1.png') no-repeat 50% 50%; background-size: 100% auto; }
.lhc #iso .place2 { background: url('../files/img/m/iso2.png') no-repeat 50% 50%; background-size: 100% auto; }
.lhc #iso .place3 { background: url('../files/img/m/iso3.png') no-repeat 50% 50%; background-size: 100% auto; }
.lhc #iso .place4 { background: url('../files/img/m/iso4.png') no-repeat 50% 50%; background-size: 100% auto; }
.lhc #iso .place5 { background: url('../files/img/m/iso5.png') no-repeat 50% 50%; background-size: 100% auto; }
.lhc #iso .place6 { background: url('../files/img/m/iso6.png') no-repeat 50% 50%; background-size: 100% auto; }
.lhc #iso .place7 { background: url('../files/img/m/iso7.png') no-repeat 50% 50%; background-size: 100% auto; }
.lhc #iso .place8 { background: url('../files/img/m/iso8.png') no-repeat 50% 50%; background-size: 100% auto; }
.lhc #iso .place10 { background: url('../files/img/m/iso10.png') no-repeat 50% 50%; background-size: 100% auto; }

/* title */
.lhc #infoContents .title { margin-top: 0.2em; background: url('../files/img/m/nav_bg.png') repeat-x; border-radius: 0.4em 0.4em 0 0; height: 2em; position: relative }
.lhc #infoContents .produ { font-size: 0.8em; line-height: 2.4em; color: #e87e02; margin-left: 0.5em; font-weight: bold; }
.lhc #infoContents .option { font-size: 0.5em; line-height: 2.2em; color: #fff; margin-left: 0.5em; }
.lhc #infoContents .closeBtn { position: absolute; right: 0; top: 0; width: 3em; height: 100%; background: url('../files/img/m/closeBtn.png') no-repeat 50% 50%; overflow: hidden; background-size: auto 0.8em; text-indent: -999px; }
/* decription */
.lhc #infoContents .description { background: #f7f5ed; border: 1px solid #e0dbc7; border-radius: 0 0 .4em .4em; font-size: 1em; color: #fff; color: #898887; min-height: 30% }
.lhc #infoContents .desc { margin: 0.6em; font-size: 0.8em;  }
/* img */
.lhc #infoContents .img { margin-top: 0; /*border-radius: 5px 5px 0 0;*/ width: 100%; height: 13em; overflow: hidden; text-indent: -999px; background: url('../files/img/loading.png') 55% 50% #ebe7d9 no-repeat; background-size: 30% auto }
.lhc #infoContents .img .data { width: 100%; height: 100%; background-size: cover; }

.lhc #controller { position: fixed; bottom: 10px; left:0; width: 100%; height: 57px; z-index: 10; display: none }

.lhc #controller:after {content:""; display:block; clear:both;}
.lhc #controller {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
.lhc #controller:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */ 


.lhc #controller .autoDrive { float: left; background: url('../files/img/m/autoDrive.png') no-repeat; background-size: 100% auto; width: 6em; height: 2em; text-indent: -999px; overflow: hidden; margin-left: 10px; }
.lhc #controller .zoomControl { float: right; background: url('../files/img/m/zoomControl.png') no-repeat 50% 50%; background-size: 100% auto; width: 110px; height: 50px; margin-right: 10px; }
.lhc #controller .zoomOut { width: 55px; height: 100%; text-indent: -999px; overflow: hidden; float: left; }
.lhc #controller .zoomIn { width: 55px; height: 100%; text-indent: -999px; overflow: hidden; }


.lhc #cms { width: 100%; height: 100%; }

.lhc .radius5px { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } 


#magamView { display: none }

.hide { display: none }

[onclick] { cursor: pointer }


#sns { position: absolute; right: 44px; top: 0; display: table; z-index: 999 }
#sns li { width: 25px; height: 25px; display: table-cell; overflow: hidden; text-indent: -999px; padding: 10px 1px; }
#sns .tw { background: url(../files/img/tw.png) 50% no-repeat; background-size: 90% auto; cursor: pointer }
#sns .fb { background: url(../files/img/fb.png) 50% no-repeat; background-size: 90% auto; cursor: pointer }
.table { display: table; }
.table-cell { display: table-cell; }


#currentex { 
	width: 100%; position: absolute; left: 0; bottom: 0; text-align: center; color: #fff; z-index: 100; pointer-events: none;
	padding: 10px 0;
	box-sizing: border-box;
	font-size: .7em;
	text-shadow: 1px 1px 2px #000;
}

#currentex i { position: relative; top: 2px; }