body {font-family:Arial,Gulim;color:#606060;text-size-adjust: none;}
html {-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
.Mokpo {background-image:url(../flagrecords/Mokpo-Namhang.jpg);background-position:center top; background-attachment:fixed;background-repeat: repeat-y;}
.Aphae {background-image:url(../flagrecords/Aphae.jpg);background-position:center top; background-attachment:fixed;}
DIV.wrapper {position:absolute; left:50%; margin-left:-500px; width:1000px; }
DIV.wrap {position:absolute; left:50%; margin-left:-500px; width:1000px; }
h2 {font-size:18px;font-weight:bold;margin:6px;text-align:center;}
h3 {font-size:16px;font-weight:bold;margin:6px;text-align:center;}
h4 {font-size:14px;font-weight:bold;margin:6px;text-align:center;}
a:link { text-decoration:none; font-weight:bold; color:#606060; }
a:active { text-decoration: none; font-weight:bold;color: #606060; }
a:visited { text-decoration: none; font-weight:bold;color: #606060; }
a:hover { text-decoration: none; font-weight:bold;color: #e05454; }
.thbox {margin-bottom:10px;padding:10px;border:1px solid #a0a0a0;width:980px;border-radius: 5px;background:#efefef;text-align:center;}
.txboxm {width:944px;margin-left:auto;margin-right:auto;margin-top:0px;padding:5px;border:1px solid #a0a0a0;border-radius: 5px;background:#f5f5f5;text-align:left;font-size:13px;text-align:center;}

.box0 {margin-bottom:10px;padding:10px;border:1px solid #a0a0a0;width:980px;border-radius: 5px;background:#efefef;text-align:center;}
.box1 {width:934px;margin-left:auto;margin-right:auto;margin-top:10px;padding:10px;border:1px solid #a0a0a0;border-radius: 5px;background:#f5f5f5;text-align:left;font-size:13px;}
.htbox {background:#fcfcfc;border:1px solid #a0a0a0;text-align:center;padding:5px;font-weight:bold;border-radius: 5px;}

.dxboxn {background:#f5f5f5;;border:1px solid #a0a0a0;margin-top:10px;padding:10px;font-family:Arial; font-size:14px;float:left;border-radius: 5px;}
.dxboxs {background:#f5f5f5;;border:1px solid #a0a0a0;margin-top:10px;margin-left:10px;padding:10px;font-family:Arial; font-size:14px;float:left;border-radius: 5px;}
.dcm {width:168px;float:left;background:#fcfcfc;border:1px solid #a0a0a0;text-align:center;padding:5px;font-weight:bold;font-family:Arial; font-size:12px;border-radius: 3px 3px 3px 3px;}

.mbut { padding:.5em ; /* padding:5px 8px 5px 8px;*/ background-color: #ffffff; color: #606060; font-size: 12px; font-weight:bold; text-align: center; border: 1px solid #a0a0a0; border-radius:5px; display: inline-block;cursor: pointer;text-decoration:none;}
.mbut:hover {color: #e05454;background-color:#ddf4d5;}

col3 {display: grid; grid-template-columns: auto auto auto;font-family: sans-serif;font-size:.8em;}
col14 {display: grid; grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;font-family: sans-serif;font-size:.8em;}
col1 {display: grid; grid-template-columns: auto;font-family: sans-serif;font-size:.9em;}
col2 {display: grid; grid-template-columns: auto auto;font-family: sans-serif;font-size:.9em;}
col4 {display: grid; grid-template-columns: auto auto auto auto;font-family: sans-serif;font-size:.9em;}
col5 {display: grid; grid-template-columns: auto auto auto auto auto;font-family: sans-serif;font-size:.8em;}
col8 {display: grid; grid-template-columns: auto auto auto auto auto auto auto auto;font-family: sans-serif;font-size:.8em;}
col12 {display: grid; grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto;font-family: sans-serif;font-size:.8em;}

.ml6 {margin-left:6px;}
.mt5: {margin-top:5px;}
.mb10 {margin-bottom:10px;}
.mt10 {margin-top:10px;}
.fr {float:right;}
.fl {float:left;}
.bgi {font-size:10px; margin-right:20px; text-align:right;}
.clr0 {clear:both;}
.clr {clear:both;}
.mc {margin-left:auto;margin-right:auto;}
.m5{margin: 0 5px 5px 5px;}
.mx {margin: 10px 5px 5px 5px;}
.mx5 {margin: 5px;}
.ml10 {margin-left:10px }
.pd10 {padding:10px;}
.wimg {width:444px;}

.hidden {display:none;}
.thumb {border:1px solid #a0a0a0; border-radius:5px;}
.w350 {width:350px;}
.logo {font-size:1em;width:170px;margin-top:10px;margin-bottom:10px;text-align:center;float:left;padding:1px;background:#efefef;line-height:120%;border:1px solid #a0a0a0;border-radius: 5px;}
.logom  {background:#fafafa;border:1px solid #a0a0a0;border-radius: 5px;width:150px;margin-top:5px;margin-bottom:5px;}
.thumbm {background:#fafafa;border:1px solid #a0a0a0;border-radius: 5px;width:150px;padding:0px;}
.f16 {font-size:16px;}
.f12 {font-size:6px;}
.fs092 {font-size:92%;}

.ybox {background:#fcfcfc;border:1px solid #a0a0a0;text-align:center;padding:5px 4px 5px 4px;font-weight:bold;border-radius: 5px;}
.ybut {height:30px; padding:.5em ; margin:5px;/* padding:5px 8px 5px 8px;*/ background-color: #ffffff; color: #606060; font-size: 13px; font-weight:bold; text-align: center; border: 1px solid #a0a0a0; border-radius:5px; display: inline-block;cursor: pointer;text-decoration:none;}
.ybut:hover {color: #e05454;background-color:#ddf4d5;}
.flbox {width:167px;background:#fcfcfc;border:1px solid #a0a0a0;text-align:center;padding:5px;font-weight:bold;font-family:Arial; font-size:12px;border-radius: 5px;}
.button { width:150px; height:40px; background-color: #ffffff; background-position: 10px 4px; background-repeat: no-repeat; color: #606060; font-size: 13px; font-weight:bold; text-align: left; padding-left:50px; border: 1px solid #a0a0a0; border-radius:5px; display: inline-block;cursor: pointer;text-decoration:none;}
/*.button:hover {color: #fcfcfc;background:#c0c0c0;}*/
.butora {background-image: url(../flagrecords/dot-orange.png); }
.butgre {background-image: url(../flagrecords/dot-green.png); }
.butwhi {background-image: url(../flagrecords/dot-white.png); }
.butwbd {background-image: url(../flagrecords/dot-white-bands.png); }
.butred {background-image: url(../flagrecords/dot-red.png); }
.butrbd {background-image: url(../flagrecords/dot-red-bands.png); }
.butbla {background-image: url(../flagrecords/dot-black.png); }
.butblu {background-image: url(../flagrecords/dot-blue-light.png); }
.butory {background-image: url(../flagrecords/dot-orange-yellow.png); }
.butyel {background-image: url(../flagrecords/dot-yellow.png); }
.butblw {background-image: url(../flagrecords/dot-black-white.png); }
.butobu {background-image: url(../flagrecords/dot-orange-blue.png); }
.butbly {background-image: url(../flagrecords/dot-black-yellow.png); }
.butybu {background-image: url(../flagrecords/dot-yellow-blue.png); }
.butwbu {background-image: url(../flagrecords/dot-white-blue.png); }
.butbuw {background-image: url(../flagrecords/dot-blue-white.png); }
.butgbd {background-image: url(../flagrecords/dot-green-bands.png); }
.butmbd {background-image: url(../flagrecords/dot-metal-band.png); }
.butoyc {background-image: url(../flagrecords/dot-oy-bands.png); }
.butstat {background-image: url(../flagrecords/dot-statistics.png); }
.butbfsd {background-image: url(../flagrecords/dot-BFS.png); }


.marbut {height:50px;background-color: #fcfcfc;color: #606060; text-align: left; font-size: 11px; font-weight:bold; border: 1px solid #a0a0a0; border-radius:5px; display: inline-block;cursor: pointer;text-decoration:none;}
.butAphae {width:190px; padding-left:65px; padding-right:5px; background-image:url(../res/But-Images/but-AP.jpg); background-position:0px 0px; background-repeat:no-repeat;}
.butMokpo {width:190px; padding-left:65px; padding-right:5px; background-image:url(../res/But-Images/but-MO.jpg); background-position:0px 0px; background-repeat:no-repeat;}
.butData {width:190px; padding-left:65px; padding-right:5px; background-image:url(../res/But-Images/but-CT.jpg); background-position:0px 0px; background-repeat:no-repeat;}
.butGallery {width:190px; padding-left:65px; padding-right:5px; background-image:url(../res/But-Images/but-BI.jpg); background-position:0px 0px; background-repeat:no-repeat;}
.butEdu {width:190px; padding-left:65px; padding-right:5px; background-image:url(../res/But-Images/but-ED.jpg); background-position:0px 0px; background-repeat:no-repeat;}
.buthl {width:190px; padding-left:65px; padding-right:5px; background-image:url(../res/But-Images/but-home-n.jpg); background-position:0px 0px; background-repeat:no-repeat;}
.hdr {width:910px;margin-top:5px;text-align:center;}
button:hover {color: #e05454;background-color:#ddf4d5;}
.menbut {width:32px;height:42px;background-color: #fcfcfc;color: #606060; background-image:url(../res/But-Images/BG-menu.png);text-align: left; font-size: .82em; font-weight:bold; border: 1px solid #a0a0a0; border-radius:5px; display: inline-block;cursor: pointer;text-decoration:none;}
.mb {margin:0px 0px 5px 0px;}
.mb2 {margin:0px 5px 5px 0px;}
.dpd {position: relative;display: inline-block;}
.dpd-numlist {display: none;position: absolute;top:10px; left:-192px;background-color:#ffffff;font-weight:bold; z-index: 55;padding:5px 5px 0px 5px;border:solid 2px #a0a0a0; border-radius:5px;} 
.dpd:hover .dpd-numlist {display: block;}

.butByYear {width:190px; padding-left:65px; padding-right:5px; background-image:url(../res/But-Images/but-Cal.jpg); background-position:0px 0px; background-repeat:no-repeat;}
.butByYears {width:120px; padding-left:65px; padding-right:5px; background-image:url(../res/But-Images/but-Cal.jpg); background-position:0px 0px; background-repeat:no-repeat;}
.butGodwit {width:190px; padding-left:65px; padding-right:5px; background-image:url(../res/But-Images/but-Godwit.jpg); background-position:0px 0px; background-repeat:no-repeat;}
.butOyster {width:190px; padding-left:65px; padding-right:5px; background-image:url(../res/But-Images/but-Oyster.jpg); background-position:0px 0px; background-repeat:no-repeat;}
.butTerek {width:190px; padding-left:65px; padding-right:5px; background-image:url(../res/But-Images/but-Terek.jpg); background-position:0px 0px; background-repeat:no-repeat;}
.butWhimbrel {width:190px; padding-left:65px; padding-right:5px; background-image:url(../res/But-Images/but-Whimbrel.jpg); background-position:0px 0px; background-repeat:no-repeat;}
.butDunlin {width:190px; padding-left:65px; padding-right:5px; background-image:url(../res/But-Images/but-Dunlin.jpg); background-position:0px 0px; background-repeat:no-repeat;}
.butGKnot {width:190px; padding-left:65px; padding-right:5px; background-image:url(../res/But-Images/but-GKnot.jpg); background-position:0px 0px; background-repeat:no-repeat;}
.butTurnstone {width:190px; padding-left:65px; padding-right:5px; background-image:url(../res/But-Images/but-Turnstone.jpg); background-position:0px 0px; background-repeat:no-repeat;}
.butTattler {width:190px; padding-left:65px; padding-right:5px; background-image:url(../res/But-Images/but-Tattler.jpg); background-position:0px 0px; background-repeat:no-repeat;}
.butRnStint {width:190px; padding-left:65px; padding-right:5px; background-image:url(../res/But-Images/but-RnStint.jpg); background-position:0px 0px; background-repeat:no-repeat;}
.butESpoonb {width:190px; padding-left:65px; padding-right:5px; background-image:url(../res/But-Images/but-ESpoonb.jpg); background-position:0px 0px; background-repeat:no-repeat;}
.butBFS {width:190px; padding-left:65px; padding-right:5px; background-image:url(../res/But-Images/but-BFS.jpg); background-position:0px 0px; background-repeat:no-repeat;}

.AphaeL {position: relative;display: inline-block;}
.AphaeL-numlist {display: none;position: absolute;top:10px; left:-82px;background-color:#ffffff;font-weight:bold; z-index: 55;padding:5px 5px 0px 5px;border:solid 2px #a0a0a0; border-radius:5px;} 
.AphaeL:hover .AphaeL-numlist {display: block;}
.MokpoL {position: relative;display: inline-block;}
.MokpoL-numlist {display: none;position: absolute;top:10px; left:-82px;background-color:#ffffff;font-weight:bold; z-index: 55;padding:5px 5px 0px 5px;border:solid 2px #a0a0a0; border-radius:5px;} 
.MokpoL:hover .MokpoL-numlist {display: block;}
.ByYear {position: relative;display: inline-block;}
.ByYear-numlist {display: none;position: absolute;top:10px; left:-52px;background-color:#ffffff;font-weight:bold; z-index: 65;padding:5px 5px 0px 5px;border:solid 2px #a0a0a0; border-radius:5px;} 
.ByYear2-numlist {display: none;position: absolute;top:10px; left:-142px;background-color:#ffffff;font-weight:bold; z-index: 65;padding:5px 5px 0px 5px;border:solid 2px #a0a0a0; border-radius:5px;} 
.ByYear:hover .ByYear-numlist {display: block;}
.ByYear:hover .ByYear2-numlist {display: block;}
.Godwits {position: relative;display: inline-block;}
.Godwits-numlist {display: none;position: absolute;top:10px; left:-52px;background-color:#ffffff;font-weight:bold; z-index: 65;padding:5px 5px 0px 5px;border:solid 2px #a0a0a0; border-radius:5px;} 
.Godwits:hover .Godwits-numlist {display: block;}
.Oyster {position: relative;display: inline-block;}
.Oyster-numlist {display: none;position: absolute;top:10px; left:-52px;background-color:#ffffff;font-weight:bold; z-index: 65;padding:5px 5px 0px 5px;border:solid 2px #a0a0a0; border-radius:5px;} 
.Oyster:hover .Oyster-numlist {display: block;}
.Terek {position: relative;display: inline-block;}
.Terek-numlist {display: none;position: absolute;top:10px; left:-52px;background-color:#ffffff;font-weight:bold; z-index: 65;padding:5px 5px 0px 5px;border:solid 2px #a0a0a0; border-radius:5px;} 
.Terek:hover .Terek-numlist {display: block;}
.Whimbrel {position: relative;display: inline-block;}
.Whimbrel-numlist {display: none;position: absolute;top:10px; left:-52px;background-color:#ffffff;font-weight:bold; z-index: 65;padding:5px 5px 0px 5px;border:solid 2px #a0a0a0; border-radius:5px;} 
.Whimbrel:hover .Whimbrel-numlist {display: block;}
.Dunlin {position: relative;display: inline-block;}
.Dunlin-numlist {display: none;position: absolute;top:10px; left:-52px;background-color:#ffffff;font-weight:bold; z-index: 65;padding:5px 5px 0px 5px;border:solid 2px #a0a0a0; border-radius:5px;} 
.Dunlin:hover .Dunlin-numlist {display: block;}
.GKnot {position: relative;display: inline-block;}
.GKnot-numlist {display: none;position: absolute;top:10px; left:-52px;background-color:#ffffff;font-weight:bold; z-index: 65;padding:5px 5px 0px 5px;border:solid 2px #a0a0a0; border-radius:5px;} 
.GKnot:hover .GKnot-numlist {display: block;}
.Turnstone {position: relative;display: inline-block;}
.Turnstone-numlist {display: none;position: absolute;top:10px; left:-52px;background-color:#ffffff;font-weight:bold; z-index: 65;padding:5px 5px 0px 5px;border:solid 2px #a0a0a0; border-radius:5px;} 
.Turnstone:hover .Turnstone-numlist {display: block;}
.Tattler {position: relative;display: inline-block;}
.Tattler-numlist {display: none;position: absolute;top:10px; left:-52px;background-color:#ffffff;font-weight:bold; z-index: 65;padding:5px 5px 0px 5px;border:solid 2px #a0a0a0; border-radius:5px;} 
.Tattler:hover .Tattler-numlist {display: block;}
.RnStint {position: relative;display: inline-block;}
.RnStint-numlist {display: none;position: absolute;top:10px; left:-52px;background-color:#ffffff;font-weight:bold; z-index: 65;padding:5px 5px 0px 5px;border:solid 2px #a0a0a0; border-radius:5px;} 
.RnStint:hover .RnStint-numlist {display: block;}
.ESpoonb {position: relative;display: inline-block;}
.ESpoonb-numlist {display: none;position: absolute;top:10px; left:-52px;background-color:#ffffff;font-weight:bold; z-index: 65;padding:5px 5px 0px 5px;border:solid 2px #a0a0a0; border-radius:5px;} 
.ESpoonb:hover .ESpoonb-numlist {display: block;}