/* Reset CSS */
@import url(https://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
* {margin: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; border:solid 1px #999;background:#fff;font-family:Malgun Gothic;font-size:16px;color:#666;}
select{vertical-align:middle;height:;padding:5px; border:solid 1px #999;background:#fff;font-family:Malgun Gothic;font-size:16px;line-height:1.5em;color:#666;}
form {margin:0px;}

body {margin:0;padding:0;height:100%;font-family:Malgun Gothic, Verdana, Tahoma, Dotum; font-size:100%; line-height:1.2em; color:#313131;overflow-x:hidden;letter-spacing:-0.025em}
alt {overflow:hidden;}
a { text-decoration: none; }
a { color:inherit; }
a:hover { text-decoration: none;cursor:pointer;}
a:active { text-decoration: none;}

#wrapper {position:relative;min-height:100%;}
#footer {position:absolute;bottom:0;width:100%;}
.footblankapp {height:7.5em;}
.footblank {height:7.5em;}

input[type=radio   ]:not(old){  width   : 24px;  margin  : 0;  padding : 0;  opacity : 0;}
input[type=radio   ]:not(old) + label{  display      : inline-block;  margin-left  : -24px;  padding-left : 24px;  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   : 24px;  margin  : 0;  padding : 0;  opacity : 0;}
input[type=checkbox]:not(old) + label{  display      : inline-block;  margin-left  : -24px;  padding-left : 24px;  background   : url(../images/checks.png) no-repeat 0 0;  line-height: 24px;}
input[type=checkbox]:not(old):checked + label{  background-position : 0 -24px;}

#memjoin input{vertical-align:middle; padding:5px; border:solid 1px #999;background:#fff;font-family:Malgun Gothic;font-size:21px;color:#666;}
#memjoin select{vertical-align:middle;height:;padding:5px; border:solid 1px #999;background:#fff;font-family:Malgun Gothic;font-size:19px;line-height:1.5em;color:#666;}

/* SlidesPage style */
#container { width:0px; padding:0px; margin:0 auto; position:relative; z-index:0;}
/* Slideshow */
#slides { position:absolute; top: 0px; left:0px; z-index:100; width:2200px;left:50%;margin-left:-1100px;}
/* Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash */
.slides_container { width:2200px; overflow:hidden; position:relative; display:none; }
.slides_container img { width:2200px; height:400px;}
/* Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block */
.slides_container a { width:2200px; height:400px; display:block; }
.slides_container a span { display:block; width:2200px;height:400px; background-position:center top;}
/* Next/prev buttons */
#slides .next,#slides .prev { position:absolute; top:0; left:300px; width:33px; height:400px; display:block; z-index:101; }
#slides .next { left:1900px; }
/* Pagination */
.pagination {display:none;position:absolute;z-index:101; top:378px; left:1070px; margin:1px auto 0; width:90px }
.pagination li { float:left; margin:0 1px; list-style:none; }
.pagination li a { display:block; width:20px; height:0; padding-top:20px;
	background-image:url(/images/pagination.png); background-position:0 0;
	float:left;
	overflow:hidden;
}
.pagination li.current a {background-position:0 20px;}

/* basic */
.ta100center {width:100%;margin:0 auto;}
.ta1400enter {width:1400px;margin:0 auto;}
.tacenter {margin:0 auto;}
.ptb10 {padding:10px 0;}

/* Layer Location */
.white_content2 {position:absolute;z-index:98;top:0px;right:50%;margin:490px -640px;}

/* btn */


.btnt {display: inline-block;outline: none;cursor: pointer;text-align: center;text-decoration: none;}
.btnt:hover { text-decoration: none;}
.btnt:active { position: relative;}
.btn {display: inline-block;outline: none;cursor: pointer;text-align: center;text-decoration: none;padding: 18px 0;}
.btn:hover { text-decoration: none;}
.btn:active { position: relative;}
.btn1 {display: inline-block;outline: none;cursor: pointer;text-align: center;text-decoration: none;padding: 10px;}
.btn1:hover { text-decoration: none;}
.btn1:active { position: relative;}
.btnl {display: inline-block;outline: none;cursor: pointer;text-align: left;text-decoration: none;}
.btnl:hover { text-decoration: none;}
.btnl:active { position: relative;}



/***************************************************************2019-03-20*/

.topmenu {width:150px;padding:20px;color:#1b1b1b; font-size:21px;background:#ffffff;font-weight:bold;border-radius: 4px;}
.topmenu:hover {background:#e3e3e3;}
.topmenu:active {background:#e3e3e3;}

.topmenuov {width:150px;padding:20px;color:#1b1b1b; font-size:21px;background:#e3e3e3;font-weight:bold;border-radius: 4px;}
.topmenuov:hover {background:#e3e3e3;}
.topmenuov:active {background:#e3e3e3;}

.submenut {width:150px;padding:20px;background:#eee;border-bottom:solid 1px #ccc;color:#333; font-size:20px;font-weight:bold;border-radius: 4px;box-shadow: 3px 3px 6px #a2a2a2;}
.submenut:hover {background:#353535;color:#fff;}
.submenut:active {background:#353535;color:#fff;}

.submenutov {width:150px;padding:20px;background:#dc2c31;border-bottom:solid 1px #ccc;color:#fff; font-size:20px;font-weight:bold;}
.submenutov:hover {background:#353535;color:#fff;}
.submenutov:active {background:#353535;color:#fff;}
/***************************************************************/




.submenu {width:140px;padding:10px 0;background:#11449b;border-bottom:solid 1px #0b2969;color:#fff; font-size:15px;}
.submenu:hover {background:#0e3982;color:#fff;}
.submenu:active {background:#0e3982;color:#fff;}

.submenu2ov {width:140px;padding:14px 0;background:#11449b;border-radius:10px;color:#fff; font-size:16px;font-weight:bold;}
.submenu2ov:hover {}
.submenu2ov:active {}
.submenu2 {width:140px;padding:14px 0;background:#d3d3d3;border-radius:10px;color:#555; font-size:16px;font-weight:bold;}
.submenu2:hover {background:#11449b;color:#fff;}
.submenu2:active {background:#11449b;color:#fff;}

.submenu3ov {width:180px;padding:10px;background:#dc2c31;border-bottom:solid 1px #ccc;color:#fff; font-size:15px;}
.submenu3ov:hover {background:#0e3982;color:#fff;}
.submenu3ov:active {background:#0e3982;color:#fff;}
.submenu3 {width:180px;padding:10px;background:#eee;border-bottom:solid 1px #ccc;color:#333; font-size:15px;}
.submenu3:hover {background:#0e3982;color:#fff;}
.submenu3:active {background:#0e3982;color:#fff;}

.submenupay {width:140px;padding:10px 0;background:#BB0000;border-radius:10px;color:#fff; font-size:15px;}

.bigone {padding:20px;color:#fff; font-size:24px;border-radius:6px;background:linear-gradient(to top, #7f191e, #dc2c31);border:solid 1px #7f191e;font-weight:bold;line-height:1.0em;}
.bigone:hover {color:#fff;}
.bigone:active {color: #fff;}

.bigblueone {padding:20px;color:#fff; font-size:24px;border-radius:6px;background:linear-gradient(to top, #0c2868, #345398);border:solid 1px #0c2868;font-weight:bold;line-height:1.0em;}
.bigblueone:hover {color:#fff;}
.bigblueone:active {color: #fff;}

.blueone {padding:10px;color:#fff; font-size:20px;border-radius:6px;background:linear-gradient(to top, #0c2868, #345398);border:solid 1px #0c2868;font-weight:bold;line-height:1.0em;}
.blueone:hover {color:#fff;}
.blueone:active {color: #fff;}

.redone {padding:10px;color:#fff; font-size:20px;border-radius:6px;background:linear-gradient(to top, #7f191e, #dc2c31);border:solid 1px #7f191e;font-weight:bold;line-height:1.0em;}
.redone:hover {color:#fff;}
.redone:active {color: #fff;}

.greenone {padding:10px;color:#fff; font-size:20px;border-radius:6px;background:linear-gradient(to top, #208118, #28df32);border:solid 1px #208118;font-weight:bold;line-height:1.0em;}
.greenone:hover {color:#fff;}
.greenone:active {color: #fff;}

.grayone {padding:10px;color:#fff; font-size:20px;border-radius:6px;background:linear-gradient(to top, #6d6d6d, #adadad);border:solid 1px #6d6d6d;font-weight:bold;line-height:1.0em;}
.grayone:hover {color:#fff;}
.grayone:active {color: #fff;}

.blackone {padding:20px;color:#fff; font-size:24px;border-radius:6px;background:linear-gradient(to top, #2e2e2e, #919191);border:solid 1px #000d1f;font-weight:bold;line-height:1.0em;}
.blackone:hover {color:#fff;}
.blackone:active {color: #fff;}
.cancleone {padding:20px;color:#666; font-size:24px;border-radius:12px;background:linear-gradient(to top, #808080, #fff); border: solid 1px #666;font-weight:bold;line-height:1.0em;}
.cancleone:hover {color:#666;}
.cancleone:active {color: #666;}
.blackside {padding:9px 15px;color:#fff; font-size:15px;border-radius:4px;background:#585858;}
.blackside:hover {color:#fff;}
.blackside:active {color: #fff;}
.blackside2 {padding:5px 8px;color:#fff; font-size:13px;border-radius:3px;background:#585858;}
.blackside2:hover {color:#fff;}
.blackside2:active {color: #fff;}





.snsreply {width:31px;height:20px;background:#b9b9b9;padding:11px 0 0;border-radius:3px;}
.snsreply:hover {background:#87aaca;}
.snsreply:active {background:#87aaca;}
.likereply {width:60px;height:25px;background:#eee;padding:5px 5px 0;border-radius:3px;font-size:13px;color:#11449b;}
.likereply:hover {background:#11449b;color:#fff;}
.likereply:active {background:#11449b;color:#fff;}
.filedown {background:#f5f5f5;padding:5px;border-radius:2px;border:solid 1px #bababa;font-size:12px;color:#333;}
.filedown:hover {border:solid 1px #11449b;color:#11449b;}
.filedown:active {border:solid 1px #11449b;color:#11449b;}
.btnmb {width:150px;background:#eee;padding:5px;border-radius:3px;font-size:13px;color:#11449b;font-size:15px;font-weight:bold;}
.btnmb:hover {background:#fff;color:#11449b;}
.btnmb:active {background:#fff;color:#11449b;}

/* top */
.headbg {background:#0c2869;padding:10px 0;color:#fff;}
.topsearch {vertical-align:middle; padding:10px; border:solid 1px #dcdcdc;background:#dcdcdc;font-family:Malgun Gothic;font-size:15px;color:#8a8a8a;}
.topsearch2 {padding:10px;font-size:13px;width:300px:ime-mode:active;}
.topsearch2sel {font-size:14px;height:38px;}
.topsearch2img {border:none;background:#e9e9e9;}
.submenuarea1 {display:none;position:absolute;z-index:98;top:136px;left:50%;margin-left:-460px;filter:alpha(opacity=90)}
.submenuarea2 {display:none;position:absolute;z-index:98;top:136px;left:50%;margin-left:-275px;filter:alpha(opacity=90)}
.submenuarea3 {display:none;position:absolute;z-index:98;top:136px;left:50%;margin-left:-90px;filter:alpha(opacity=90)}
.submenuarea4 {display:none;position:absolute;z-index:98;top:136px;left:50%;margin-left:85px;filter:alpha(opacity=90)}
.submenuarea5 {display:none;position:absolute;z-index:98;top:136px;left:50%;margin-left:288px;filter:alpha(opacity=90)}

/* main */
.conts1 {width:420px;height:190px;background:#f1f1f1;padding:20px;}
.conts11 {width:420px;height:190px;background:#f5f5f5;padding:20px;}
.contsapp {width:420px;height:190px;background:#e3eeff;padding:20px;}
.contstit {color:#1245a0;font-size:20px;font-weight:bold;}
.conts1box {padding:20px 0 0;font-size:14px;}
.contsdate {color:#aaa;font-size:12px;}
.contsdot {padding:4px 0 0;}
.contstxt {color:#898989;font-size:17px;line-height:1.3em;}
.conts2 {width:890px;height:265px;background:#f1f1f1;padding:20px;}
.conts2box {padding:20px 0 0;font-size:15px;}
.conts2tit {font-size:17px;font-weight:bold;}
.conts2date {padding:5px 0;color:#aaa;font-size:12px;}
.conts2txt {color:#7d7d7d;font-size:14px;}
.contsmov {width:420px;height:265px;background:#f5f5f5;padding:20px;}
.contstxt {padding:2px 0 0;color:#313131;font-size:13px;}

/* sub */
.subtit {width:100%;padding:20px 30px;color:#000;font-size:40px;font-weight:bold;font-family:Nanum Square;}
.subtit2 {width:100%;padding:20px 0;font-size:15px;border-bottom:solid 2px #11449b;}
.loginbg {display:inline-block;padding:20px;width:622px;background:#f5f5f5;border-radius:10px;border:solid 1px #e0e0e0;}
.logintit {padding:15px 0;font-size:21px;}
.loginfield {width:450px;border-radius:10px;padding:20px;font-size:28px;}
.loginsel {border-radius:10px;padding:20px;font-size:20px;}
.joinfield {border-radius:3px;padding:10px;font-size:18px;}
.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;}
.jointitb {padding:0 0 50px;color:#313131;font-size:36px;font-weight:lighter;text-align:center;}
.jointitb2 {padding:0 0 50px;color:#313131;font-size:36px;font-weight:lighter;text-align:center;line-height:1.5em;}
.jointits {display:inline-block;width:500px;padding:30px;color:#11449b;font-size:36px;font-weight:normal;text-align:left; background:#f5f5f5;border-radius:20px;border:solid 1px #ccc;text-align:center;}
.introbg {padding:50px;background:#f5f5f5;color:#333;font-size:21px;line-height:1.75em;}
.introbg2 {padding:50px 0;background:#fff;color:#333;font-size:21px;line-height:1.75em;}
.peosutit {color:#11449b;font-size:21px;font-weight:bold;}
.peobox1 {display:inline-block;padding:20px;width:260px;height:90px;background:linear-gradient(to top, #eee, #f5f5f5);border-radius:10px;border:solid 1px #e0e0e0;}
.peobox1tit {padding:10px 0 0 15px;font-size:21px;font-weight:bold;}
.peobox1txt {padding:0 0 0 15px;font-size:17px;}
.peobox2 {display:inline-block;padding:30px;width:240px;background:linear-gradient(to top, #eee, #f5f5f5);border-radius:10px;border:solid 1px #e0e0e0;}
.peobox2tit {padding:0;font-size:19px;font-weight:bold;}
.peobox2txt {padding:0 0 0 15px;font-size:15px;}
.boardtit {background:linear-gradient(to top, #0c2868, #345398);padding:0 20px;color:#fff;font-size:18px;font-weight:bold;}
.boardtxt1 {background:#f4f4f4;padding:18px 0;border-bottom:solid 1px #c9c9c9;font-weight:bold;text-align:center;font-size:15px;}
.boardtxt2 {background:#f4f4f4;padding:18px 10px;border-bottom:solid 1px #c9c9c9;font-weight:bold;text-align:left;font-size:15px;}
.boardtxt3 {background:#f4f4f4;padding:18px 0;border-bottom:solid 1px #c9c9c9;text-align:center;font-size:15px;}
.boardtxt4 {padding:18px 0;border-bottom:solid 1px #c9c9c9;text-align:center;font-size:15px;}
.boardtxt5 {padding:18px 0;border-bottom:solid 1px #c9c9c9;text-align:left;font-size:15px;}
.boardtxt5 img {vertical-align:middle}
.boardtxt6 {padding:18px 0;border-bottom:solid 1px #c9c9c9;text-align:center;font-size:15px;}
.boardtitbox {padding:15px 15px 15px 30px ;background:#eee;font-size:21px;font-weight:bold;line-height:1.3em;}
.boardtitboxwr {font-size:15px;color:#7d7d7d;font-weight:normal;}
.boardtxt {line-height:1.5em;padding:0 0 30px;font-size:15px;}
.btnreply {display:inline-block;width:115px;height:20px;padding:35px 0;background:#87aaca;border:solid 1px #87aaca;color:#fff;font-size:15px;font-weight:bold;text-align:center;}
.replybg {background:#eee;border:solid 1px #bfbfbf;padding:10px;}
.replytext {width:1250px;height:80px;padding:5px;border:solid 1px #c2c2c2;font-family:Malgun Gothic;line-height:1.5em;overflow:auto;}
.replytext {width:550px;height:80px;padding:5px;border:solid 1px #c2c2c2;font-family:Malgun Gothic;line-height:1.5em;overflow:auto;}
.replysu {padding:5px; 5px 0;font-size:13px;text-align:left;}
.replysub {color:#11449b;font-weight:bold;}
.replybg2 {background:#fff;border:solid 1px #bfbfbf;}
.replytxt {color:#434343;font-size:13px;line-height:1.5em;}
.writetit {font-size:18px;font-weight:bold;padding:0 20px 0;}
.writetxt {width:1200px;height:600px;padding:5px;font-family:Malgun Gothic;overflow:auto;border:solid 1px #b3b3b3;}
.writetxt2 {width:700px;height:600px;padding:0;font-family:Gulim;font-size:12pt;overflow:auto;border:solid 1px #b3b3b3;}
.writetxt3 {width:460px;height:630px;padding:10px;font-family:Gulim;font-size:12pt;overflow:auto;border:solid 1px #b3b3b3;}
.writebox {padding:30px;border-bottom:solid 1px #bfbfbf;}
.searchtxt {padding:0 10px 0 0;color:#898989;font-weight:bold;}
.searstxt1 {font-size:20px;color:#0038b3;font-weight:bolder;}
.searstxt2 {padding:10px 0;font-size:15px;font-weight:bold;}
.searstxt3 {color:#666;font-size:13px;font-weight:lighter;}
.searstxt4 {padding:10px 0;font-size:13px;font-weight:normal;}
.searstxt5 {background:#fff799;color:#11449b;font-weight:bold;}
.searline {padding-top:20px;border-bottom:solid 1px #ccc;}
.searstxt31 {color:#666;font-size:12px;font-weight:lighter;padding:10px 0 0;}
.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}
.joinbtit {padding:10px;border-bottom:solid 1px #e60012;font-size:21px;color:#e60012;text-align:left;font-weight:bold;}
.joinstit {padding:0 10px 0 20px;font-size:18px;color:#000;font-weight:bold;}
.joinstit2 {padding:0 10px 0 20px;font-size:16px;color:#000;font-weight:bold;}

#agree { padding:10px;}
#agree li { padding:0 0 10px 0; line-height:1.2em;}
#agree li dt { color:#000; padding:0 0 5px 5px;}
#agree li dt.title { font-size:1.2em; font-weight:bold; color:#000; text-align:center; padding:10px;}
#agree li dd { font-size:0.75em; padding:0 0 10px 0;}

#ubonintro { padding:10px;}
#ubonintro li { padding:0 0 15px 0; line-height:1.5em;}
#ubonintro li dt { color:#000; padding:0 0 15px 5px;}
#ubonintro li dt.title { font-size:1.2em; font-weight:bold; color:#000; text-align:center; padding:20px;}
#ubonintro li dd { font-size:0.8em; padding:0 0 15px 0;}

.footerbg {background:#c6c6c6;padding:30px 0;color:#313131;font-size:15px;line-height:1.4em}

/* 20171217 추가된 CSS (집행위원 관련) */
.ptitle {width:898px;padding:10px;background-color:#0565cd;border:solid 1px #1f356e;font-family:"Malgun Gothic";font-size:12pt; text-align:left;line-height:1.5em;color:#fff;}
.p2title {width:200px;padding:10px;background-color:#0565cd;border:solid 1px #1f356e;font-family:"Malgun Gothic";font-size:12pt; text-align:left;line-height:1.5em;color:#fff;}
.p3title {width:898px;padding:10px;background-color:#00434b;border:solid 1px #1f356e;font-family:"Malgun Gothic";font-size:12pt; text-align:left;line-height:1.5em;color:#fff;}
.p4title {width:898px;padding:10px;background-color:#00174b;border:solid 1px #1f356e;font-family:"Malgun Gothic";font-size:12pt; text-align:left;line-height:1.5em;color:#fff;}
.ptxt {width:89px;padding:10px;background-color:#fff;font-family:"Malgun Gothic";font-size:11pt; text-align:center;line-height:1.5em;}
.ptxtgrp {width:224px;padding:10px;background-color:#fff;font-family:"Malgun Gothic";font-size:11pt; text-align:center;line-height:1.5em;}
.p2txt {width:698px;padding:10px;background-color:#fff;font-family:"Malgun Gothic";font-size:11pt; text-align:left;line-height:1.5em;}
.p3txt {width:89px; padding:10px;background-color:#fff;font-family:"Malgun Gothic";font-size:8pt; text-align:center;line-height:1.5em;}

/* 20171221 추가된 CSS (상단메뉴 Dropdown) */
.dropdown {position: relative;display: inline-block;}
.dropdown-content {display: none;position: absolute;background-color: #fff;background: transparent;width: 200px;box-shadow: none;padding: 16px 0px 0;z-index: 1;line-height:1.75em;}
.dropdown:hover .dropdown-content {display: block;}



/*20180221 단체등록*/
.gray {padding:8px;font-size:15px;color:#000;border-radius:3px;background:#eee;border:solid 1px #b3b3b3;line-height:1.0em;width:60px;}
.gray:hover {color:#000;background:#ccc;}
.gray:active {color: #000;background:#ccc;}
.grays {padding:3px 6px;font-size:11px;color:#fff;border-radius:3px;background:#bbb;line-height:1.0em;}
.grays:hover {color:#fff;background:#aaa;}
.grays:active {color: #fff;background:#aaa;}
.btnsel2 {width:200px;color:#173895; font-size:16px;background:#fff; border: solid 1px #173895;font-weight:bold;border-radius:32px;}
.btnsel2:hover {color:#173895; background: #fff799;}
.btnsel2:active {color: #173895; background: #fff799;}
.btncon2 {width:80px;color:#fff; font-size:14px;background:#4c4c4c;font-weight:bold;border-radius:3px;}
.btncon2:hover {background:#333;}
.btncon2:active {background:#333;}

.btncon {width:200px;color:#fff; font-size:14px;background:#4c4c4c;font-weight:bold;border-radius:3px;}
.btncon:hover {background:#333;}
.btncon:active {background:#333;}

.tsubtxt {margin:0 5px;padding:10px;border-radius:10px;background:#fff;text-align:center;}
.tsubtxtred{color:#e60012;font-weight:bold;font-size:21px;}
.tsubtxtblue {color:#0072ff;font-weight:bold;font-size:21px;}
.pyotop {padding:10px;background:#17375e;color:#fff;text-align:center;border:solid 1px #888;}
.pyocon {padding:10px;color:#434343;text-align:center;border:solid 1px #888;}
.pyoyellow {color:#fff799;font-size:11px;}

.q01 {padding:10px;background:#eee;}
.q02 {padding:10px;background:#fff;border-bottom:solid 1px #ccc;}
.q011 {width:150px;padding:10px;background:#f5f5f5;border-radius:18px;border:solid 1px #ccc;display:block;}
.q021 {width:880px;padding:0 10px;}
.titc {color:#be0000;}
.bgall {width:1000px;background:#fff;border-radius:24px;border:solid 1px #ccc;display:block;}

.okgo {width:350px;color:#fff; font-size:18px;background:#1a51a6; border: solid 1px #000;font-weight:bold;border-radius:18px;}
.okgo:hover {color:#fff; background: #093d90;}
.okgo:active {color: #fff;}
.nocancle {width:350px;color:#fff; font-size:18px;background:#777; border: solid 1px #000;font-weight:bold;border-radius:18px;}
.nocancle:hover {color:#fff; background: #666;}
.nocancle:active {color: #fff;}


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

.topsub_area {font-size:27px;font-family:'Nanum Square';font-weight:normal;line-height:1.5em;letter-spacing:-0.05em;}
.maincate_title {font-size:27px;color:#313131;font-weight:bold;}
.maincate_sub {font-size:0.75em;font-weight:normal;}
.ctns_area {width:100%;background:#fff;font-family:'Nanum Square';}
.catebtm_line {height:4px;background:#434343;}
.catebtm_line1 {height:1px;background:#434343;}
.mainsub_ctns {height:130px;padding:15px 0;font-size:21px;line-height:1.5em;vertical-align:top;}

.btnlogin {padding:15px;background:#003182;color:#fff; font-size:18px;font-weight:normal;border-radius:24px;-border-radius:24px;-webkit-border-radius:24px;border:solid 1px #fff;}
.btnlogin:hover {background:#88b5ff;color:#003182;}
.btnlogin:active {background:#88b5ff;color:#003182;}

.profile_pic {width:280px;height:330px;}
.profile_pic2 {width:280px;}

.bluebig {cursor:pointer;display:inline-block;padding:12px 0;background:#003182;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:#002869;color:#fff;}
.bluebig:hover {background:#002869;color:#fff;}

.stit {font-size:0.9em;color:#666;}

/*2019-03-20*/
.joinbg {
	position: relative;
	margin-top: 30px;
	background: #f5f5f5;
	border-radius: 15px;
	border: 1px solid #e5e5e5;
}
.joinbg ol {
	padding: 30px;
}

.joinbg p {padding:20px 0;font-size: 21pt;text-align:left;}

.joinbg iframe {width:100%;background:#fff;height:165px;border-width:1px; border-color:#dddddd; border-style:solid;}
.joinform {
	background: #fff;
	border-radius: 10px;
	padding:2.5em 4.0em;
}
.joinform .btncheck {
	display: inline-block;
	background-color: #35373D;
	cursor: pointer;
	width: 120px;
	padding: 12px 0;
	border-radius: 4px;
	color: #fff;
	font-size:10pt;
	text-align: center;
}
.joinform .btncheck:hover {
	background-color:rgba(0,0,0,1.00);
}
.joinform .txtcheck {
	font-size: 0.9em;
}
.joinform .txtcheckb {
	color:rgba(0,44,255,1.00);
	font-size: 0.9em;
}
.joinform th {
	background: #f2f2f2;
	border-radius: 4px;
	text-align: center;
	padding: 10px 0;
	width: 110px;
	font-size:13pt;
}
.joinform td {padding-left:10px;}
.formline {background-image: url(/images/formline.png);height:17px;opacity:0.1;}
.joinform tbody {
	padding:10px;cellspacing:10px;
}
.termok {padding:20px 20px 40px;text-align:center;}
.loginp {font-size:15pt;padding:0 0 20px;text-align:center;}

.agcheck {padding:10px 0;color:rgba(129,129,129,1.00);text-align:right;}

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