/* Reset CSS */
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
* {margin:0; padding:0; outline:0;}
html {margin:0;padding:0;height:100%;}
a {text-decoration:none; color:#313131;}
img {border:none; margin:0 auto; padding:0 auto; vertical-align:top;max-width: 100%;}
table {border-collapse:collapse;border-spacing:0}
input{vertical-align:middle; padding:6px 5px 7px 5px; border:solid 1px #bbbbbb;background:#ffffff;font-family:Malgun Gothic;font-size:16px;}
select{vertical-align:middle;height:36px;padding:2px 5px; border:solid 1px #bbbbbb;background:#ffffff;font-family:Malgun Gothic;font-size:16px;line-height:1.5em;}

body {margin:0;padding:0;height:100%;background:#fff;font-family:Malgun Gothic;Verdana, Tahoma, Dotum; font-size:100%; line-height:1.2em; color:#313131;}
textarea {margin:0;padding:0;height:100%;background:#fff;font-family:Malgun Gothic;Verdana, Tahoma, Dotum; font-size:100%;}
alt {overflow:hidden;}
a { text-decoration: none; }
a { color:inherit; }
a:hover { text-decoration: none;}
a:active { text-decoration: none;}
ul, ol, dl { list-style: none; }

#wrapper {position:relative;min-height:100%;}
#footer {position:absolute;bottom:0;width:100%;}
.footblankapp {height:7.5em;}
.footblank {height:100px;}
/*
input[type=radio   ]:not(old){  width   : 28px;  margin  : 0;  padding : 0;  opacity : 0;}
input[type=radio   ]:not(old) + label{  display      : inline-block;  margin-left  : -28px;  padding-left : 28px;  background   : url(../images/checks.png) no-repeat 0 0;  line-height  : 24px;}
input[type=radio]:not(old):checked + label{  background-position : 0 -48px;}

input[type=checkbox]:not(old){  width   : 28px;  margin  : 0;  padding : 0;  opacity : 0;}
input[type=checkbox]:not(old) + label{  display      : inline-block;  margin-left  : -28px;  padding-left : 28px;  background   : url(../images/checks.png) no-repeat 0 0;  line-height  : 24px;}
input[type=checkbox]:not(old):checked + label{  background-position : 0 -24px;}
*/
.ta100center {width:100%;margin:0 auto;}
.ta1200enter {width:1200px;margin:0 auto;}

.tacenter {margin:0 auto;}
.headmenu_area {width:100%;background:#003182;color:#fff;font-family:'Nanum Square';font-size:18px;}
.topmenu_area {width:100%;background:#fff;font-family:'Nanum Square';border-bottom:solid 1px #003182;}
.toplogo_area {padding:30px 0;color:#003182;font-size:48px;font-weight:bolder;line-height:1.0em;}

.topmain_bn {width:100%;background:#eeeeee url(/images/bg_maintop.jpg) no-repeat; width:2000px; height:217px; background-position:center top;border-bottom:solid 1px #bfbfbf;}

.maincate_title {font-size:34px;color:#313131;font-weight:bold;}
.maincate_sub {font-size:0.75em;font-weight:normal;}
.catebtm_line {height:4px;background:#434343;}
.catebtm_line1 {height:1px;background:#434343;}
.mainsub_ctns {height:130px;padding:15px;font-size:22px;line-height:40px;vertical-align:top;}
.topsub_area {font-size:27px;font-family:'Nanum Square';font-weight:normal;line-height:1.5em;letter-spacing:-0.05em;}
.ctns_area {width:100%;background:#fff;font-family:'Nanum Square';}
.ctnslist_area {padding:20px 0;border-bottom:solid 1px #434343;}
.ctnslist_title {font-size:27px;padding:0 0 10px;line-height:1.5em;}
.ctnslist_sub {color:#959595;font-size:0.75em;}
.ctnslist_txt {width:850px;font-size:18px;line-height:1.5em;word-break:break-all;}
.profile_area {width:400px;padding:20px 0;font-size:18px;line-height:1.5em;letter-spacing:-0.025em;font-weight:lighter;}
.profile_area table {width:375px}
.profile_pic {width:280px;height:330px;}
.profile_pic2 {width:280px;max-height:330px;}
.profile_txt {padding-top:10px;word-break:break-all;color:#404040;}
.profile_txt span {font-size:24px;font-weight:bold;}

/* btn Style */
.btn {display: inline-block;outline: none;cursor: pointer;text-align: center;text-decoration: none;}
.btn:hover { text-decoration: none;}
.btn:active { position: relative;}

/***************************************************************2019-03-21*/
.topmenu {width:150px;padding:15px 0;background:#fff;color:#4d4d4d; font-size:24px;font-weight:bolder;}
.topmenu:hover {background:#fff;color:#003182;}
.topmenu:active {background:#fff;color:#003182;}

.topmenuov {width:150px;padding:15px 0;background:#fff;color:#003182; font-size:24px;font-weight:bolder;}
.topmenuov:hover {background:#fff;color:#003182;}
.topmenuov:active {background:#fff;color:#003182;}

.submenut {width:140px;display:inline-block;padding:20px 5px;background:#fff;border-bottom:solid 1px #ccc;color:#333; font-size:24px;font-weight:bold;text-align:center;border-radius: 4px;}
.submenut:hover {background:#2B6584;color:#fff;}
.submenut:active {background:#2B6584;color:#fff;}
/***************************************************************/

.btnlogin {padding:15px;background:#003182;color:#fff; font-size:18px;font-weight:normal;border-radius:6px;border:solid 2px #fff;}
.btnlogin:hover {background:#ffffff;color:#003182;}
.btnlogin:active {background:#ffffff;color:#003182;}

.mapname {cursor:pointer;display:inline-block;padding:3px 8px;background:rgba(0,0,0,.5);color:#fff;font-size:13px;font-weight:bold;text-align:center;font-family:Malgun Gothic;line-height:1.5em;}
.mapname:hover {background:rgba(255,255,255,.5);color:#000;}
.mapname:hover {background:rgba(255,255,255,.5);color:#000;}

/* Board img */
.thumbnail-wrap {display: inline-block; width: 200px;}
.thumbnail-wrap img {display: block;max-width: 100%;height: auto;}
.thumbnail {position: relative;padding-top: 100%;overflow: hidden;}
.thumbnail img {position: absolute; top:0; left: 0;}
.thumbnail .centered {position: absolute;top: 0;left: 0;right: 0;bottom: 0;-webkit-transform: translate(50%,50%);-ms-transform: translate(50%,50%);transform: translate(50%,50%);}
.thumbnail .centered img {-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.thumbnail img.portrait {width: 100%;max-width: none;height: auto;}
.thumbnail img.landscape {width: auto;max-width: none;height: 100%;}

.dropdown {position: relative;display: inline-block;z-index:11;}
.dropdown-content {display: none;position: absolute;right:0;background-color: #fff;border:solid 1px #ccc;box-shadow: none;z-index: 1;line-height:1.75em;}
.dropdown:hover .dropdown-content {display: block;}

.footerbg {background:#4f505a;padding:50px 0;color:#d5d5d7;font-size:15px;}
.pagetxt {display:inline-block;cursor: pointer;padding:8px 12px 17px;margin:0 4px;width:30px;height:10px;background:#f5f5f5;border:solid 1px #ccc;font-weight:normal;text-align:center;color:#808080;font-size:12px;border-radius:5px;}
.pagenum {display:inline-block;cursor: pointer;padding:8px 12px 17px;margin:0 4px;width:30px;height:10px;background:#fff;border:solid 1px #ccc;font-weight:normal;text-align:center;color:#666;font-size:12px;border-radius:5px;}
.pagenum1 {display:inline-block;cursor: pointer;padding:8px 12px 17px;margin:0 4px;width:30px;height:10px;background:#fff;border:solid 1px #ccc;font-weight:bold;text-align:center;color:#c30d23;font-size:12px;border-radius:5px;}

.gray {cursor:pointer;display:inline-block;padding:4px 18px;background:rgba(0,0,0,.5);color:#fff;font-size:15px;text-align:center;font-family:Malgun Gothic;line-height:1.5em;border-radius:9px;-border-radius:9px;-webkit-border-radius:9px;}
.gray:hover {background:rgba(0,0,0,.6);color:#fff;}
.gray:hover {background:rgba(0,0,0,.6);color:#fff;}
.redbig {cursor:pointer;display:inline-block;padding:12px 0;background:#e60012;color:#fff;font-size:24px;text-align:center;font-family:'Nanum Square';line-height:1.5em;border-radius:9px;-border-radius:9px;-webkit-border-radius:9px;}
.redbig:hover {background:#cc0011;color:#fff;}
.redbig:hover {background:#cc0011;color:#fff;}

.bluebig {cursor:pointer;display:inline-block;padding:12px 0;background:#307ea9;color:#fff;font-size:24px;text-align:center;font-family:'Nanum Square';line-height:1.5em;border-radius:9px;-border-radius:9px;-webkit-border-radius:9px;}
.bluebig:hover {background:#256485;color:#fff;}
.bluebig:active {background:#304DA0;color:#fff;}

.q011 {width:200px;padding:10px;background:#f5f5f5;border-radius:18px;border:solid 1px #ccc;display:block;}
.q021 {width:800px;padding:0 10px;}
.titc {color:#be0000;}
.stit {font-size:0.75em;color:#666;}

.boardlist {padding:20px;background:#000;text-align:center;color:#fff;font-size:18px;}
.boardtxt1 {padding:20px 10px;background:#fff;border-bottom:solid 1px #d0d0d0;text-align:center;color:#666;font-size:18px;}
.boardtxt2 {padding:20px 10px;background:#fff;border-bottom:solid 1px #d0d0d0;text-align:left;color:#000;font-size:21px;}
.listnew {padding:5px;color:#ff3300;font-family:Malgun Gothic;font-size:12px;}
.listfile {padding:5px;color:#2335dc;font-family:Malgun Gothic;font-size:12px;}


.boardtxt {line-height:1.5em;padding:0 0 30px;font-size:15px;}
.boardtitbox {padding:15px 15px 15px 30px ;background:#eee;font-size:24px;font-weight:bold;line-height:1.3em;}
.boardtitboxwr {font-size:15px;color:#7d7d7d;font-weight:normal;}

.filedl {border-top:solid 1px #ccc;padding:10px 0 0;color:#666;}
.filedltit {width:60px;font-size:13px;padding:0 5px 0 0;}
.filedltit img {vertical-align:middle}

.btntxt {display:inline-block;cursor: pointer;padding:12px 18px 17px;margin:0 4px;height:10px;background:#f5f5f5;border:solid 1px #ccc;font-weight:normal;text-align:center;color:#808080;font-size:18px;border-radius:5px;}

/*2019-03-21*/
.jointit {padding:5px 20px 0 100px;color:#313131;font-size:34px;font-weight:lighter;}
.joinsub {width:120px;padding:10px;background:#eee;border-radius:4px;color:#000;font-weight:bold;}

.blackside {padding:9px 15px;color:#fff; font-size:15px;border-radius:4px;background:#585858;}
.blackside:hover {color:#fff;}
.blackside:active {color: #fff;}

.termok {padding:30px;text-align:center;}

.ellipsis{white-space:nowrap;display:block;overflow:hidden;text-overflow: ellipsis;-o-text-overflow:ellipsis;-moz-any-white-space:normal;-moz-any-word-wrap:break-word;}
.orgfont{font-family:Malgun Gothic}

.btncheck{display: inline-block;background-color: #35373D;cursor: pointer;width: 7.0em;padding: 0.6em 0;border-radius: 0.2em;color: #fff;font-size:0.9em;font-weight:bold;text-align: center;}

.filebox {padding:10px;border: 1px solid #AAAAAA;background-color:#F8F9FA;cursor:pointer;display:inline-block;}
.filebox_list {padding:10px;border: 1px solid #AAAAAA;background-color:#F8F9FA;cursor:pointer;border-radius:4px;margin:0 1px;font-weight:bold;}

.ulinemenu {
	display:inline-block;line-height:50px;
	padding:0;
	text-decoration: none;
	background-image: linear-gradient(#009DE1, #009DE1);
	background-position: 50% 100%;
	background-repeat: no-repeat;
	background-size: 0% 4px;
	transition: background-size .2s;
}

.ulinemenu:hover, .ulinemenu:focus {
	background-size: 100% 4px;
}

/* iphone3, iphone4, iphone5, Galaxy s2, Galaxy S4 */
@media only screen
and (max-width: 359px ){body{font-size:0.75em;}}
/* Galaxy s3, Galaxy S2 lte */
@media only screen
and (min-width: 360px )
and (max-width: 374px ){body{font-size:0.85em;}}
/* iphone 6 */
@media only screen
and (min-width: 375px )
and (max-width: 383px ){body{font-size:0.9em;}}
/* LG Optimus L70, Nexus 4 */
@media only screen
and (min-width: 384px )
and (max-width: 399px ){body{font-size:0.9em;}}
/* Galaxy note */
@media only screen
and (min-width: 400px )
and (max-width: 413px ){body{font-size:1.0em;}}
/* iphone 6+ */
@media only screen
and (min-width: 414px )
and (max-width: 479px ){body{font-size:1.0em;}}
/* Horizen 480 */
@media only screen
and (min-width: 480px )
and (max-width: 533px ){body{font-size:1.0em;}}
/* Galaxy S horizen */
@media only screen
and (min-width: 533px )
and (max-width: 599px ){body{font-size:1.0em;}}
/* G Pad,Nexus 7 600 */
@media only screen
and (min-width: 600px )
and (max-width: 767px ){body{font-size:1.0em;}}
/* Horizen 640 */
@media only screen
and (min-width: 640px )
and (max-width: 767px ){body{font-size:1.2em;}}
/* iPad Retina 768 */
@media only screen
and (min-width: 768px )
and (max-width: 799px ){body{font-size:1.2em;}}
/* Tab 800 */
@media only screen
and (min-width: 800px )
and (max-width: 1023px ){body{font-size:1.2em;}}