#contentsArea { width: 100% }
#contentsArea { font-size: 12px; position:relative; }
#contentsArea img { max-width: 100% }
#contentsArea .hover { opacity: 0.7 }
#contentsArea #popularSpot ul, #contentsArea #recommendTour .data, #contentsArea #themeTour ul, #contentsArea .share ul { letter-spacing: -.4em; width: 100%; }
#contentsArea #popularSpot li, #contentsArea #recommendTour .data span, #contentsArea #themeTour li, #contentsArea .share li { display: inline-block; letter-spacing: normal; vertical-align: top; }

#contentsArea .section li { line-height: 1.4; padding: 10px 1%; text-align: left; }
#contentsArea .section { padding: 10px; width: 100%; }
#contentsArea .section img { width: 100% }

#contentsArea #popularSpot li { width: 50% }
#contentsArea #popularSpot li .thumb { position: relative }
#contentsArea #popularSpot li .thumb a { color: #fff; display: inline-block; font-size: 4vw; font-weight: bold; padding: 0.4em 0; position: absolute; text-align: center; text-shadow: 0 0 3px #000,0px 0 1px #000; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; }
#contentsArea #popularSpot li .thumb a::after { background-color: #fff; bottom: 0; -moz-box-shadow: 0 0 3px #000,0px 0 1px #000; -webkit-box-shadow: 0 0 3px #000,0px 0 1px #000; box-shadow: 0 0 3px #000,0px 0 1px #000; content: ""; height: 3px; left: 50%; margin-left: -24px; position: absolute; width: 48px; }
#contentsArea #popularSpot li .thumb img { width: 100%; }
#contentsArea #popularSpot li p { padding-top: 4px; text-align: center; }