@charset "utf-8";
/* 나눔고딕 */
.xm,.xm table,.xm input,.xm textarea,.xm select,.xm button{font-family: '나눔고딕',NanumGothic,'맑은 고딕',Malgun Gothic,Segoe UI,meiryo,applegothic,ngb;;font-size:12px;color:#333;padding: 7px 4px;text-shadow:0 1px 1px #FFF}

/* 돋움체
.xm,.xm table,.xm input,.xm textarea,.xm select,.xm button{font-family: verdana,'돋움',dotum,;font-size:12px;color:#333;padding: 7px 4px;text-shadow:0 1px 1px #FFF}
 */
/* 굴림체 
.xm,.xm table,.xm input,.xm textarea,.xm select,.xm button{font-family: '굴림',gulim,tahoma;font-size:12px;letter-spacing:-1px;color:#333;padding: 7px 4px;text-shadow:0 1px 1px #FFF}
*/

.xm select {margin:4px 0;border:1px solid #DFDFE1;}
.xm button,
.xm input[type=submit],
.xm input[type=reset],
.xm input[type=button]{cursor:pointer;overflow:visible; }
.xm img{border:0}
.xm p{line-height:1.5;margin: .50em 0;color: #666;}
/* Heading */
.xm .h2 {position: relative;font-size: 18px;letter-spacing: -1px;font-size: 24px;margin: 10px 0 15px 0;text-align: center;padding: 15px 0 15px 0;border-bottom: 1px solid #DFDFE1;border-top: 1px solid #DFDFE1;}
.xm .h2.cover {padding: 15px 10px 15px 10px;border: 1px solid #DFDFE1;background: #FAFAFA;margin: 15px 0 15px 0;}
.xm .h1, 
.xm .h3, 
.xm .h4{margin:0;position:relative;font-size: 12px;letter-spacing: -1px;border-left: 4px solid #00A8E1;padding-left: 5px;border-bottom-color:#444;zoom:1}
.xm .h4n{margin:0;position:relative;font-size: 12px;letter-spacing: -1px;border-left: 0px solid #00A8E1;padding-left: 0px;border-bottom-color:#444;zoom:1}
.xm .h1{font-size:24px}
.xm .h2{font-size:24px}
.xm .h3{font-size:16px}
.xm h4{font-size:12px}
.xm .join_title1  {border: 1px solid #DFDFE1;margin: 15px 0 15px 0;}
.xm .join_title2 {padding: 15px 10px 5px 10px;border: 1px solid #FFF;background: #FAFAFA;}
.xm .join_title2 span {font-family:tahoma}
/* Lined Tab Navigation */
.xm .nav{padding:0;}
.xm .nav ul{position:relative;margin:0;padding:0;list-style:none;;zoom:1}
.xm .nav ul:after{content:"";display:block;clear:both}
.xm .nav li{float:left;list-style: none;display: inline;}
.xm .nav li a{margin: 2px 5px 3px 0;letter-spacing: -1px;padding: 5px 8px;height: 30px;text-decoration: none;float: left;color: #777;background-color: white;border: 1px solid #C9C9C9;}
.xm .nav li a:hover {color: #444;border-color: #444;box-shadow: 0 1px 10px #CCC;-moz-transition: .2s linear;-webkit-transition: .2s linear;transition: .2s linear;-o-transition: .2s linear;}
.xm .nav li.active a{margin-right: 5px;padding: 5px 8px;height: 30px;text-decoration: none;float: left;font-weight: bold;border: 1px solid #444;background-color: #F8F8F8;color: #444;}
/* Form */
.xm .form{margin:1em 0;padding:0}
.xm .form fieldset{margin:0 0 2em 0;padding:0;border:0}
.xm .form em{font-style:normal;color:#e00}
.xm .form label{margin-right:1em;line-height:1;vertical-align:middle}
.xm .form input[type=checkbox]+label,
.xm .form input[type=radio]+label,
.xm .form input[type=file]{cursor:pointer}
.xm .form ul{position:relative;margin:0;padding:0;list-style:none;border-bottom:1px solid #ccc;zoom:1}
.xm .form li{list-style:none;border:1px solid #ddd;border-left:0;border-right:0;margin:-1px 0;padding:8px 0;vertical-align:top;zoom:1}
.xm .form li:first-child{border-top:0}
.xm .form li>label:first-child{display:block;font-weight:bold}
.xm .form li label em{font-weight:normal}
.xm .form label.overlap{position:absolute;color:#aaa}
.xm .form input[type=text],
.xm .form input[type=password],
.xm .form input[type=file],
.xm .form textarea{position:relative;width:280px;margin:2px 0;padding:2px;border:1px solid #DFDFE1;background:#FFF;*background:transparent url(../../../../../common/img/blank.gif);_background:transparent;}
.xm .form input[type=text],
.xm .form input[type=password],
.xm .form input[type=file]{height:22px;line-height:22px;vertical-align:middle;padding:4px;background: white;}
.xm .form input[type=text].loading,
.xm .form input.loading[type=password]{padding-right:24px;width:260px;background:transparent url(../img/preLoader16.gif) no-repeat 265px center}
.xm .form input[type=checkbox],
.xm .form input[type=radio]{margin:0;padding:0;width:13px;height:13px;vertical-align:middle}
.xm .form input[type=text][disabled=disabled],
.xm .form input[type=password][disabled=disabled],
.xm .form input[type=checkbox][disabled=disabled],
.xm .form input[type=radio][disabled=disabled],
.xm .form input[type=file][disabled=disabled],
.xm .form textarea[disabled=disabled],
.xm .form select[disabled=disabled]{background:#ddd !important;text-shadow:1px 1px 0 #fff}
.xm .form textarea{padding:3px 4px;vertical-align:top}
.xm .form span.desc, 
.xm .form em.desc{line-height:22px;vertical-align:middle;margin:0 10px}
.xm .form p.desc{margin:.50em 0;line-height:1.4;color:#999;font-weight:400}
.xm .form p.desc span {font-family:tahoma;}
.xm .form .q{font-weight:bold;margin:0 0 5px 0}
.xm .form .a{margin:0 0 5px 0}
.xm .form .tgForm{margin-right:1em}
.xm .form .h1 + ul,
.xm .form .h2 + ul,
.xm .form .h3 + ul,
.xm .form .h4 + ul{border-top:0}
/* Table */
.xm .table{margin:1em 0}
.xm .table table{width:100%;border:0;border-collapse:collapse;border-top:1px solid #DFDFE1;}
.xm .table caption{font-weight:bold;text-align:left;line-height:22px;padding:5px 0}
.xm .table caption:after{content:"";display:block;clear:both}
.xm .table caption a{font-weight:normal}
.xm .table caption em{float:right;margin-left:1em}
.xm .table caption strong{color:#e00}
.xm .table caption .side{float:right;font-weight:normal;margin-left:1em}
.xm .table th,
.xm .table td{border:0;padding:10px 10px 10px 20px;vertical-align:middle;text-align:left;border-bottom:1px solid #ddd;white-space:nowrap}
.xm .table th{background:#f8f8f8;}
.xm .table thead th{border-bottom:1px solid #999}
.xm .table tfoot td{font-weight:bold;background:#f8f8f8}
.xm .table.even tbody tr:nth-of-type(even) td{background-color:#fafafa}
.xm .table td>input[type=text]{margin:-1px 0 -3px 0 !important;vertical-align:middle}
.xm .table img{vertical-align:middle}
.xm .table em{font-style:normal;font-weight:normal;color:#e00}
.xm .table .title,
.xm .table .text{white-space:normal;}
.xm .table .text1{border-left:1px solid #DFDFE1;}
.xm .table .text2{border-left: 1px solid #DFDFE1;border-right: 1px solid #DFDFE1;}
/* Pagination */
.xm .pagination {float:right}
.xm .pagination a:hover,
.xm .pagination a:active,
.xm .pagination a:focus{color:#444;border-color:#444;}
.xm .pagination .arrow {float: left;margin-top: -1px;display: inline;padding: 0 8px;height: 25px;line-height: 25px;border: 1px solid #DFDFE1;color: #333;overflow: hidden;text-decoration: none}
.xm .pagination .list {padding-left: 8px;}
.xm .pagination .current {margin-left: 2px;background:#f8f8f8 no-repeat 0 50%;color: #444;border-color:#444;}
.xm .pagination .number {margin-left: 2px;background:no-repeat 0 54%}
.xm .pagination .prev{margin-left: 2px;padding: 0 5px 0 13px;background: url(../imgs/arw_l.gif) no-repeat 0 54%}
.xm .pagination .next{margin-left: 2px;padding: 0 13px 0 5px;background: url(../imgs/arw_r.gif) no-repeat right 54%}
/* Text Button */
.xm input.text, 
.xm button.text{border:0;overflow:visible;padding:0;margin:0 4px 0 0;color:#33a;background:none;text-decoration:underline}
/* Agreement */
.xm .agreement{margin:1em 0;border: 1px solid #DFDFE1;}
.xm .agreement .text{height:150px;overflow:auto;border-bottom: 1px solid #DFDFE1;padding: 4px;}
.xm .agreement .confirm{padding: 8px;background: #FAFAFA;}

/* add  빨강 FA549D */
.xm form .inputbox.focusbox {border:3px solid #3297FD;background:#FFF;padding:2px;}
.xm form .textbox.focustextbox {border:3px solid #3297FD;background:#FFF;padding:1px 2px;}

.member_table tr {background:#FFF}
.member_table tr.bg2 {background:#FDFDFD}
.member_table tr:hover {background:#f2f2f2;moz-transition: .2s linear;-webkit-transition: .2s linear;transition: .2s linear;-o-transition: .2s linear;}
.member_table td {padding:5px 0 5px 10px;border-right: 1px solid #DFDFE1;border-top:1px solid #DFDFE1;border-bottom:1px solid #DFDFE1;}
.member_table td.ex {padding:13px 0 13px 20px;}
.member_table td.ob {border-left: 1px solid #DFDFE1;border-right:1px solid #DFDFE1;background: #FAFAFA;}
.lock {background: url('../imgs/lock.png') no-repeat center;width: 14px;display: inline-block;height: 20px;}
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}