@charset "utf-8";

/* default.css */

body { margin:0; background:#FFF; font:normal 14px/1.6 "Wng", "Malgun Gothic"; color:#333; }

h3 { font:bold 14px/1 "Wng" }
div { margin:auto }
table { margin:auto; table-layout:fixed; empty-cells:show; border-collapse:collapse }
th, td { line-height:1.4; }
li { list-style-position:inside }
hr { border:solid .5px #EEE }
img { border:none; vertical-align:middle }
caption { text-align:right }
*[onclick] { cursor:pointer }
form, ol, ul, li, p, h1, h2, h3, h4, h5, h6, td, th { margin:0; padding:0 }
.fulldate { cursor:pointer; text-align:center }
.index { border-bottom:1px solid #EEE }
.index td { padding:9px 0 8px }

input[name="title"], input[name="iden"], textarea, #name, #address1, #address2 { ime-mode:active }
input[name="email"], input[name="phone"], #inputid, #phn1, #phn2, #phn3 { ime-mode:disabled }
input, select, textarea, comment { padding:3px; font:bold 12px "Wng"; vertical-align:middle }
input[type="checkbox"] { padding-bottom:4px }

a:link { color:inherit; text-decoration:none }
a:visited { color:inherit }
a:hover, a:active { color:#0eae95; text-decoration:none }

.blind { display:none }
.button { width:83px; height:35px; background:url(/internet/media/default/btnS.png) center no-repeat; font:bold 12px "Wng"; color:#333; border:none; cursor:pointer }
.btnW { width:99px; height:39px; background:url(/internet/media/default/btnW.png) center no-repeat; font:bold 12px "Wng"; color:#333; border:none; cursor:pointer }
.btnK { width:87px; height:32px; background:url(/internet/media/default/btnK.png) center no-repeat; font:bold 12px "Wng"; color:#FFF; border:none; cursor:pointer }
.btnMini { width:72px; height:26px; background:url(/internet/media/default/btnMini.png) bottom no-repeat; font:bold 11px "Wng"; color:#333; border:none; cursor:pointer }

.font1 { font-family:Verdana, Tahoma; font-size:11px; vertical-align:middle; color:#000 }
.font2 { font-family:Tahoma, Verdana; font-size:12px; vertical-align:middle; color:#000 }
.font3 { font-family:Tahoma, Verdana; font-size:13px; vertical-align:middle; color:#000 }
.font4 { font-family:"Wng"; font-size:11px; vertical-align:middle }
.font5 { font-family:"Wng"; font-size:12px; vertical-align:middle }
.font6 { font-family:"Wng"; font-size:13px; vertical-align:middle }

.em1 { font-weight:bold; color:Crimson }
.em2 { font-weight:bold; color:Royalblue }
.em3 { font-weight:bold; color:Black }

#popup1 { box-shadow:0 0 20px #333; -webkit-box-shadow:0 0 20px #333; -moz-box-shadow:0 0 20px #333 }
#popup2 { box-shadow:0 0 20px #333; -webkit-box-shadow:0 0 20px #333; -moz-box-shadow:0 0 20px #333 }
.popupImg img { border-radius:6px }

#imglay { position:fixed; top:0; left:0; width:100%; height:100%; background:url(/internet/media/default/opacity7.png) repeat; display:none; z-index:20 }
#imglay table { width:100%; height:100% }
#imglay td { text-align:center; vertical-align:middle }
#imglay span { position:absolute; right:30px; top:30px; font:bold 12px Tahoma; color:#FFF; cursor:default }
#imglay img { max-width:1280px; max-height:920px; box-shadow:0 0 25px #111; -webkit-box-shadow:0 0 25px #111; -moz-box-shadow:0 0 25px #111; margin-bottom:50px }

#summary { border-top:1px solid #DDD }
.summary th { width:110px; padding:8px 20px; background:#f9f9fc; border-bottom:1px solid #ededed; text-align:left }
.summary td { padding:8px 20px; border-left:1px solid #ededed; border-bottom:1px solid #ededed; }

#fillin { margin:0 auto; border-top:1px solid #CCC }
.fillin { margin:0 auto; border-top:1px solid #e5e5e5 }
.fillin th { width:120px; padding:10px 20px; background:#f9f9f9; border-bottom:1px solid #ededed; vertical-align:top; text-align:left }
.fillin td { padding:10px 16px; border-left:1px solid #ededed; border-bottom:1px solid #ededed; vertical-align:top }

#xtable {}
.xtable { margin:0 auto; border-top:1px solid #9CC; border-right:1px solid #ededed; }
.xtable th { padding:6px 8px; background:#fafafa; border-left:1px solid #ededed; border-bottom:1px solid #ededed; text-align:center }
.xtable td { padding:8px; border-left:1px solid #ededed; border-bottom:1px solid #ededed }

#intraway { position:fixed; top:0; left:0; width:100%; height:100%; background:url(/internet/media/default/opacity7.png) repeat; display:none; z-index:30 }
#gatebox { position:relative; width:300px; height:320px; background:url(/internet/media/default/gatebox.png) left top no-repeat; margin:120px auto }
#gatebox .input { position:absolute; left:36px; width:208px; height:20px; background:#EEE; border:2px solid Lightgrey; border-radius:5px; padding:10px 8px 12px; font:bold 16px Tahoma, Verdana; ime-mode:disabled }
#gatebox .input:focus { border-color:DarkGray }
#gatebox #staffid { top:180px; background:url(/internet/media/default/gatebox.png) -300px -20px no-repeat }
#gatebox #staffpw { top:235px; background:url(/internet/media/default/gatebox.png) -300px -70px no-repeat }
#gatebox #motion { position:absolute; left:224px; top:244px; width:28px; height:28px; background:url(/internet/media/default/gatebox.png) -300px -120px no-repeat; border:none; cursor:pointer }
#gatebox #cancel { position:absolute; left:245px; top:25px; width:28px; height:28px; background:url(/internet/media/default/gatebox.png) -300px -160px no-repeat; border:none; cursor:pointer }

#zipform { margin:20px 0px 25px }
#zipword { width:180px; padding:6px 8px; font-size:14px; vertical-align:middle; ime-mode:active }

/* CSS Document */
