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%;}
.CNTdata {background-image:url(../flagrecords/Gallery-bg.jpg);background-position:center top; background-attachment:fixed;background-repeat: repeat-y;}
.Mokpo {background-image:url(../flagrecords/Mokpo-Namhang.jpg);background-position:center top; background-attachment:fixed;background-repeat: repeat-y;}
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:15px;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;}
.htboxtl {background:#fcfcfc;border:1px solid #a0a0a0;text-align:left;padding:10px;font-weight:bold;font-family:Arial; font-size:12px;line-height:130%;border-radius: 5px;}
.flbox {background:#fcfcfc;border:1px solid #a0a0a0;text-align:center;padding:0px 10px 5px 10px;font-weight:bold;font-family:Arial; font-size:12px;border-radius: 5px;}
.htboxtm {margin-left:auto;margin-right:auto;background:#fcfcfc;border:1px solid #a0a0a0;text-align:center;padding:5px;font-weight:bold;font-family:Arial; font-size:10px;line-height:130%;border-radius: 5px;}

.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: #fcfcfc;background:#c0c0c0;}
.ml6 {margin-left:6px;}
.mt5: {margin-top:5px;}
.fr {float:right;}
.fl {float:left;}
.bgi {font-size:10px; margin-right:20px; text-align:right;}
.clr {clear:both;}
.clr0 {clear:both;}
.clr20 {clear:both;margin-bottom:20px;}
.mc {margin-left:auto;margin-right:auto;}
.pd25 {padding-left:25px;padding-right:20px;}
canvas {-moz-user-select: none;	-webkit-user-select: none; -ms-user-select: none;}
.topleft {position:absolute; top:10px; left:10px;width:920px; height:372px; background:#fcfcfc;}
col6 {display: grid; grid-template-columns: auto auto auto auto auto auto;font-family: sans-serif;font-size:.7em;}
col6 {display: grid; grid-template-columns: auto auto auto auto auto auto auto;font-family: sans-serif;font-size:.7em;}
cola {display: grid; grid-template-columns: auto auto;font-family: sans-serif;font-size:.9em;}
cola img {width:270px;border:1px solid #a0a0a0;border-radius: 5px;}
colb {display: grid; grid-template-columns: auto auto auto;font-family: sans-serif;font-size:.9em;}
colb img {width:270px;border:1px solid #a0a0a0;border-radius: 5px;}
.mc {margin-left:auto;margin-right:auto;}


.hcb {font-family:Arial;font-size:18px;text-align:center;font-weight:bold;}
.pic {border:1px solid #a0a0a0; border-radius: 5px;}
.bgi {font-size:10px; margin-right:20px; text-align:right;}

/* buttons */
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mb10 {margin-bottom:10px;}
.ml10 {margin-left:10px;}
.mla {margin-left:auto;margin-right:auto;}
.ml6 {margin-left:6px;}
.ml15 {margin-left:15px;}
.mr15 {margin-right:15px;}
.chartbox {height:382px;position:relative;background:#fcfcfc;border:1px solid #a0a0a0;text-align:center;padding:0px;font-weight:bold;font-family:Arial; font-size:12px;border-radius: 5px;}
.piesboxx {height:200px;position:relative;background:#fcfcfc;border:1px solid #a0a0a0;text-align:center;padding:0px;font-weight:bold;font-family:Arial; font-size:12px;border-radius: 5px;}
.piechart {width:410px;height:355px;position:relative;background:#fcfcfc;border:1px solid #a0a0a0;text-align:center;padding:0px;font-weight:bold;font-family:Arial; font-size:12px;border-radius: 5px;}

.tbsmall {width:120px; border:1px solid #ff000; font-weight:normal;text-align:left;font-size:12px;}

.ctr {margin-left:auto;margin-right:auto;}
.w220 {width:220px}
.w260 {width:260px}
.w270 {width:270px}
.w302 {width:280px}
.w320 {width:320px}
.wth2 {width:290px}
.w350 {width:350px}
.w582 {width:582px}
.w600 {width:590px}
.h65 {height:60px}
.jt {text-align:justify;}
.lt {text-align:left;}
.ct {text-align:center;}
.ct img {border:1px solid #a0a0a0; border-radius:5px;}
.thumb {border:1px solid #a0a0a0; border-radius:5px;}

.thbtxt {height:140px;margin-left:auto;margin-right:auto;}
.cntthb {font-size:10px;width:122px;text-align:center;float:left;margin-top:10px;margin-bottom:10px;line-height:120%;background-color:#f0f0f0;border:1px solid #a0a0a0;border-radius: 5px;}
.cntthb img {width:110px;border:1px solid #a0a0a0;border-radius: 5px;margin-top:10px;}
.blank {width:112px;}
/* Mokpo */

.topleftpie {position:absolute; top:10px; left:10px;width:390px; height:335px; background:#fcfcfc;}
.chartbox {height:382px;position:relative;background:#fcfcfc;border:1px solid #a0a0a0;text-align:center;padding:0px;font-weight:bold;font-family:Arial; font-size:12px;border-radius: 5px;}
.pie1box {height:200px;width:320px;background:#fcfcfc;border:1px solid #a0a0a0;border-radius:5px;text-align:center;padding:0px;font-weight:bold;font-family:Arial; font-size:12px;border-radius: 5px;}
/*.tlpie1 {position:absolute; top:0px; left:10px;width:260px; height:190px; }*/
.tlpie1 {width:320px; height:190px;margin-bottom:10px; }
.piesbox {height:410px;position:relative;background:#fcfcfc;text-align:center;padding:0px;font-weight:bold;font-family:Arial; font-size:12px;border-radius: 5px;}
/*.tlpie2 {position:absolute; top:0px; left:0px;width:178px; height:190px; border:5px solid #daebf7;border-radius:5px;}
.tlpie2 {position:absolute; top:0px; left:0px;width:178px; height:198px; border:1px solid #a0a0a0;border-radius:5px;background-image:url(../Mokpo/Images/Pie2-bg.jpg);}
.tlpie3 {position:absolute; top:0px; left:187px;width:178px; height:198px; border:1px solid #a0a0a0;border-radius:5px;background-image:url(../Mokpo/Images/Pie3-bg.jpg);}
.tlpie4 {position:absolute; top:210px; left:0px;width:178px; height:198px; border:1px solid #a0a0a0;border-radius:5px;background-image:url(../Mokpo/Images/Pie4-bg.jpg);}
.tlpie5 {position:absolute; top:210px; left:187px;width:178px; height:198px; border:1px solid #a0a0a0;border-radius:5px;background-image:url(../Mokpo/Images/Pie5-bg.jpg);} */
.tlpie2 {width:270px; height:230px; border:1px solid #a0a0a0;border-radius:5px;background-image:url(../Mokpo/Images/Pie2-270.jpg);}
.tlpie3 {width:270px; height:230px; border:1px solid #a0a0a0;border-radius:5px;background-image:url(../Mokpo/Images/Pie3-270.jpg);}
.tlpie4 {width:270px; height:230px; border:1px solid #a0a0a0;border-radius:5px;background-image:url(../Mokpo/Images/Pie4-270.jpg);}
.tlpie5 {width:270px; height:230px; border:1px solid #a0a0a0;border-radius:5px;background-image:url(../Mokpo/Images/Pie5-270.jpg);}
.pies {height:180px;}
.bw {padding:5px;margin-left:auto;margin-right:auto;text-align:left;}
.bwf {border:1px solid #a0a0a0;border-radius:5px;padding:10px;}
.ybut { width:60px; margin:5px;/* padding:5px 8px 5px 8px;*/ background-color: #ffffff; color: #606060; font-size: 14px; font-weight:bold; text-align: center; border: 1px solid #a0a0a0; border-radius:5px; display: inline-block;cursor: pointer;text-decoration:none;}
.ybut:hover {color: #fcfcfc;background:#c0c0c0;}
.h190 {height:190px;}
.h200 {height:200px;}
.tl {text-align:left;}
.tc {text-align:center;}
.f12 {font-size:12px}
.yhdr {font-size:16px;font-weight:bold;margin-bottom:4px;}
.yhdr2 {font-size:16px;font-weight:bold;margin-bottom:4px;margin-top:4px;}
.tbr {font-size:11px; text-align:right;float:right;}
 /* Aphae */
.chbut1 {width:100px;height:20px;color:#606060;border:1px solid #a0a0a0;border-radius:5px;background-image: linear-gradient(to right,#fff4f4 50%, #f8fcfe 50%);cursor:pointer;}
.ychbut2 {width:100px;height:20px;color:#606060;border:1px solid #a0a0a0;border-radius:5px;background-color: #fcfff0;cursor:pointer;}
.chbut2 {width:100px;height:20px;color:#606060;border:1px solid #a0a0a0;border-radius:5px;background-image: linear-gradient(to right,#fff4f4 33.3%, #fcfff0 33.3%, #fcfff0 66.6%, #f8fcfe 66.6% );cursor:pointer;}
.ychbut1:hover {width:100px;height:20px;color:#606060;border:1px solid #a0a0a0;border-radius:5px;background-image: linear-gradient(to bottom,#fff4f4 50%, #f8fcfe 50%);cursor:pointer;}
.ychbut2:hover {width:100px;height:20px;color:#606060;border:1px solid #a0a0a0;border-radius:5px;background-image: linear-gradient(to bottom,#fff4f4 33.3%, #fcfff0 33.3%, #fcfff0 66.6%, #f8fcfe 66.6% );cursor:pointer;}
.xchbut1 {width:100px;height:20px;color:#606060;border:1px solid #a0a0a0;border-radius:5px;background-image: linear-gradient(to right,#fee1e1 50%, #e8f4fb 50%);cursor:pointer;}
.xchbut2 {width:100px;height:20px;color:#606060;border:1px solid #a0a0a0;border-radius:5px;background-image: linear-gradient(to right,#fee1e1 33.3%, #f4ffd9 33.3%, #f4ffd9 66.6%, #e8f4fb 66.6% );cursor:pointer;}
.chbut1:hover {width:100px;height:20px;color:#606060;border:1px solid #a0a0a0;border-radius:5px;background-image: linear-gradient(to bottom,#fee1e1 50%, #e8f4fb 50%);cursor:pointer;}
.chbut2:hover {width:100px;height:20px;color:#606060;border:1px solid #a0a0a0;border-radius:5px;background-image: linear-gradient(to bottom,#fee1e1 33.3%, #f4ffd9 33.3%, #f4ffd9 66.6%, #e8f4fb 66.6% );cursor:pointer;}
.overf {overflow:auto;max-height:230px;}