* { margin: 0; padding: 0; border: 0;}
.blind, legend, hr, caption { display: block; position: absolute; left: 1000em; top: 0; overflow: hidden; }
i, em, address { font-style: normal; font-weight: normal; }
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, li, table, th, td,  form, address, pre, caption, cite, ode, dfn, var { font-style: normal; text-decoration: none; }
body { min-width: 320px; word-wrap: break-word; word-break: break-all; text-size-adjust: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; font-size: 100%; }
article, aside, details, figcaption, figire, footer, header, hgroup, menu, nav, section { display: block; }
ul, li, ol, dl { height: auto; overflow: hidden; list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
img, video { vertical-align: top; width: 100%; }
button { background: none; outline: none; border: none; cursor: pointer; background-color: transparent; border-radius: 0px; }
label { cursor: pointer; vertical-align: middle; }
input, select, textarea, button { font: inherit; color: inherit; vertical-align: middle; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #f6f8f9 inset !important; }
select::-ms-expand { display: none; }
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
textarea { resize: none; }
a, a:hover, a:focus { display: block; color: inherit; text-decoration: none; }

@-ms-viewport { width:device-width; }
@media only screen and (min-device-width:800px) { html { overflow:hidden; } }
body { -webkit-touch-callout:none;}

html, body { width: 100%; height: 100%; }
body                                {font-family:Malgun Gothic, Arial, Verdana; font-size:12px; line-height:20px; white-space:normal;}
div                                 {display:block; font-size:0;}
img {display:block;}

#contentPano                        {width:100%; height:100%; overflow:auto;}

#contentPano #divTitle              {margin:0px 30px 0px 30px; height:70px; overflow:hidden; }
#contentPano #divPano               {margin:0px 30px 0px 30px; height:300px; overflow:hidden;}
#contentPano #divController         {margin:0px 30px 0px 30px; height:54px; padding-top:18px; background-color:#000000; }
#contentPano #divThumb              {margin:0px 30px 0px 30px; height:78px; background-color:#000000; color:#ffffff;}

#contentPano #divTitle #pTitle      {position:absolute; top:25px;  font-size:22px;}
#contentPano #divPano #pNoscript    {font-size:20px; font-weight:bold;}


#contentPano  #divController #wrapController       {position:relative; width:320px; height:32px; left:10px;}
#divController #wrapController > a                 {position:absolute; width:32px; height:32px; cursor:pointer}
#divController #wrapController > a:nth-child(1)    {left:0px;}
#divController #wrapController > a:nth-child(2)    {left:0px;}
#divController #wrapController > a:nth-child(3)    {left:40px;}
#divController #wrapController > a:nth-child(4)    {left:80px;}
#divController #wrapController > a:nth-child(5)    {left:120px;}
#divController #wrapController > a:nth-child(6)    {left:160px;}
#divController #wrapController > a:nth-child(7)    {left:200px;}
#divController #wrapController > a:nth-child(8)    {left:240px;}
#divController #wrapController > a:nth-child(9)    {left:280px;}

#wrapThumb                                         { background-color:#000000;}

.thumb   {position:relative; float:left; display:block; width:140px; height:78px; cursor:pointer;}
.thumbM   {float:left; display:block; width:100px; height:56px;}

.btnDefault                         {position:absolute; left:0px; }
.btnOver                            {position:absolute; left:0px; display:none; }
.btnDown                            {position:absolute; left:0px; display:none; }