@charset "utf-8";

@import '/Tshare/font/pretendard.css';
@import '/Tshare/font/axicon/axicon.css';

/* 웹폰트 */
@font-face {
	font-family:'Gmarket Sans'; font-style:normal; font-weight:100;
	src: url('../font/GmarketSansLight.woff') format('woff'), url('../font/GmarketSansLight.ttf') format('truetype');
}

@font-face {
	font-family:'Gmarket Sans'; font-style:normal; font-weight:normal;
	src: url('../font/GmarketSansMedium.woff') format('woff'), url('../font/GmarketSansMedium.ttf') format('truetype');
}

@font-face {
	font-family:'Gmarket Sans'; font-style:normal; font-weight:600;
	src: url('../font/GmarketSansBold.woff') format('woff'), url('../font/GmarketSansBold.ttf') format('truetype');
}


@font-face {
     font-family: 'S-CoreDream';
     src: url('../font/SCDream1.otf') format('woff');
     font-weight: 100;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('../font/SCDream2.otf') format('woff');
     font-weight: 200;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('../font/SCDream3.otf') format('woff');
     font-weight: 300;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('../font/SCDream4.otf') format('woff');
     font-weight: 400;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('../font/SCDream5.otf') format('woff');
     font-weight: 500;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('../font/SCDream6.otf') format('woff');
     font-weight: 600;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('../font/SCDream7.otf') format('woff');
     font-weight: 700;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('../font/SCDream8.otf') format('woff');
     font-weight: 800;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('../font/SCDream9.otf') format('woff');
     font-weight: 900;
     font-style: normal;
}


@font-face {
  font-family: 'NBGUL';
  font-style: normal;
  font-weight: 200;
  src: local('Nanum Barun Gothic UltraLight'), local('Nanum Barun Gothic-UltraLight'), local('NanumBarunGothic UltraLight');
  src: url(/Tshare/font/NanumBarunGothicUltraLight.eot);
  src: url(/Tshare/font/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
       url(/Tshare/font/NanumBarunGothicUltraLight.woff) format('woff'),
       url(/Tshare/font/NanumBarunGothicUltraLight.ttf) format('truetype');
}

@font-face {
  font-family: NBGL';
  font-style: normal;
  font-weight: 300;
  src: local('Nanum Barun Gothic Light'), local('Nanum Barun Gothic-Light'), local('NanumBarunGothic Light');
  src: url(/Tshare/font/NanumBarunGothicLight.eot);
  src: url(/Tshare/font/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
       url(/Tshare/font/NanumBarunGothicLight.woff) format('woff'),
       url(/Tshare/font/NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
  font-family: 'NBG';
  src: local('Nanum Barun Gothic Regular'), local('Nanum Barun Gothic-Regular'), local('NanumBarunGothic Regular');
  src: url(/Tshare/font/NanumBarunGothic.eot);
  src: url(/Tshare/font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(/Tshare/font/NanumBarunGothic.woff) format('woff'),
       url(/Tshare/font/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'NBGB';
  font-style: normal;
  font-weight: 700;
  src: local('Nanum Barun Gothic Bold'), local('Nanum Barun Gothic-Bold'), local('NanumBarunGothic Bold');
  src: url(/Tshare/font/NanumBarunGothicBold.eot);
  src: url(/Tshare/font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(/Tshare/font/NanumBarunGothicBold.woff) format('woff'),
       url(/Tshare/font/NanumBarunGothicBold.ttf) format('truetype');
}


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap')




.spr {background:url(/total/images/icon_screen.png) no-repeat;text-indent:-9999px}
.number-control {display:none}
/* reset */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,div,textarea,button,select,p { margin:0; padding:0; }
body { font-size:0px; *word-break:break-all; -ms-word-break:break-all;font-family:'Pretendard', 'NBG', "Noto Sans KR", 'Gmarket Sans';}
#content {font-size:0px}
.content{font-size:14px;word-break:break-word;word-break:break-all;}
.content img{max-width:100%;height:auto}

/** 게시판 벗어나지않게 **/
.content_text {word-break:break-word;word-break:break-all;}
.content_text img{ -webkit-text-size-adjust:none; max-width:100%; }
.content_text img{height:auto}


#wrap { font-size:14px; }
table { border-collapse:collapse; }
ul, ol, li { list-style:none; }
img, fieldset { border:0; }
img{max-width:100%}
* {font-size:inherit;font-family:inherit;}

form	{display:inline;margin:0px}

/** 게시판 벗어나지않게 **/

a {color:#333;text-decoration:none}
a:hover {text-decoration:none}
 a,img,input {outline: none;selector-dummy:expression(this.hideFocus=true);}

/**
@font-face {font-family: 나눔고딕; src:urlhttp://cfs.tistory.com/custom/blog/24/244233/skin/images/DBFNT0.eot);} 
**/

img {height:auto;}
/* content */


.agree_box {word-break:keep-all;word-wrap:break-word;line-height:21px}


/** 박스모델 가로 **/
*,*:before, *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

/** 팝업 **/
#pop_container {padding:15px}
#pop_titbox {background:url(/images/basic/popupbg.gif) repeat-x;line-height:45px;color:#fff;font-weight:bold;font-size:16px;font-weight:bold;text-indent:15px;position:relative;}
#pop_titbox .close_btn{position:absolute;right:10px;top:0px;color:#fff;font-size:24px;font-weight:Bold;display:block;}


/************************ 공통설정 ************************/
:root {
    --color-point: #007900;
    --color-point-light: #adbe61;
    --color-point-dark: #293c1c;
    --color-sub1: #d77711;
    --color-sub2: #5a65b5;
    --color-sub3: #dd9a49;
    --color-red: #ff3333;
    --color-blue: #08174b;
    --color-green: #769834;
    --layout-width: 1200px;


/** **/
.import {color:var(--color-point) !important;}
.import_light {color:var(--color-point-light) !important;}
.import_dark {color:var(--color-point-dark) !important;}
.import1 {color:var(--color-point) !important;}
.import2 {color:var(--color-sub1) !important;}
.import3 {color:var(--color-sub2) !important;}
.import4 {color:var(--color-sub3) !important;}
.gray000 {color:#000 !important}
.gray333 {color:#333 !important}
.gray666 {color:#666 !important}
.gray999 {color:#999 !important}
.import_red {color:var(--color-red) !important;}
.import_blue {color:var(--color-blue) !important;}
.import_green {color:var(--color-green) !important;}

.import_bg {background-color:var(--color-point) !important;color:#fff !important;border:1px solid var(--color-point) !important}
.import_light_bg {background-color:var(--color-point-light) !important;color:#fff !important;border:1px solid var(--color-point-light) !important}
.import_dark_bg {background-color:var(--color-point-dark) !important;color:#fff !important;border:1px solid var(--color-point-dark) !important}
.import1_bg {background-color:var(--color-point) !important;color:#fff !important;border:1px solid var(--color-point) !important}
.import2_bg {background-color:var(--color-sub1) !important;color:#fff !important;border:1px solid var(--color-sub1) !important}
.import3_bg {background-color:var(--color-sub2) !important;color:#fff !important;border:1px solid var(--color-sub2) !important}
.import4_bg {background-color:var(--color-sub3) !important;color:#fff !important;border:1px solid var(--color-sub3) !important}
.gray999_bg {background-color:#999 !important;color:#fff !important;border:1px solid #999 !important}
.gray666_bg {background-color:#666 !important;color:#fff !important;border:1px solid #666 !important}
.gray333_bg {background-color:#333 !important;color:#fff !important;border:1px solid #333 !important}

.import_red_bg {background-color:var(--color-red) !important;color:#fff !important;border:1px solid var(--color-red) !important}
.import_blue_bg {background-color:var(--color-blue) !important;color:#fff !important;border:1px solid var(--color-blue) !important}
.import_green_bg {background-color:var(--color-green) !important;color:#fff !important;border:1px solid var(--color-green) !important}



.underline {text-decoration:underline;}
.deps_line {border-bottom:1px solid #cecfce}
.imgborder {border:1px solid #dedede}
.coll{border-collapse:collapse;}
.clear{clear:both}
.bold{font-weight:bold}
.normal{font-weight:normal}
.center{text-align:center}
.right{text-align:right}
.rfloat{float:right}
.lfloat{float:left}
.cfloat{float:center}

.imgmiddle img{vertical-align:middle}
.imgmiddle textarea{vertical-align:middle}
.imgmiddle {vertical-align:middle}
.imgmiddle input{vertical-align:middle}
.imgmiddle select{vertical-align:middle}

.letter {letter-spacing:-1px}

.left{text-align:left !important}
.right{text-align:right !important}
.center{text-align:center !important}

.bold{font-weight:bold}
.center{text-align:center}
.right{text-align:right}
.rfloat{float:right}
.lfloat{float:left}
.cmargin{margin:auto;}

.wid20{width:20px}
.wid50{width:50px}
.wid100{width:100px}
.wid150{width:150px}
.wid200{width:200px}
.wid600{width:600px}


.he2{height:2px;}
.he3{height:3px;}
.he5{height:5px;}
.he10{height:10px;}
.he15{height:15px;}
.he20{height:20px;}
.he25{height:25px;}
.he30{height:30px;}
.he35{height:35px;}
.he40{height:40px;}
.he45{height:45px;}
.he50{height:50px;}
.he100{height:100px;}
.he200{height:200px;}
.he300{height:300px;}

.line16{line-height:16px;}
.line18{line-height:18px;}
.line20{line-height:20px;}
.line21{line-height:21px;}
.line24{line-height:24px;}
.line26{line-height:26px;}
.line28{line-height:28px;}
.line30{line-height:30px;}
.line34{line-height:34px;}


.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px;}
.pt45{padding-top:45px;}
.pt50{padding-top:50px;}
.pt100{height:100px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb35{padding-bottom:35px;}
.pb40{padding-bottom:40px;}
.pb45{padding-bottom:45px;}
.pb50{padding-bottom:50px;}
.pb100{padding-bottom:100px;}

.pd15 {padding:15px}
.pd20 {padding:20px}
.pd25 {padding:25px}

.size11{font-size:11px;}
.size12{font-size:12px;}
.size13{font-size:13px;}
.size14{font-size:14px;}
.size15{font-size:15px;}
.size16{font-size:16px;}
.size17{font-size:17px;}
.size18{font-size:18px;}
.size21{font-size:21px;}
.size24{font-size:24px;}
.size28{font-size:28px;}
.gray333{color:#333;}
.gray666{color:#666;}
.gray999{color:#999;}

.line16 {line-height:16px}
.line18 {line-height:18px}
.line20 {line-height:20px}



/*CSS paging_type style pagination*/

DIV.green-black {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.green-black A {
	BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 5px; BACKGROUND: url(image1.gif) #ffffff; PADDING-BOTTOM: 2px; BORDER-LEFT: #ffffff 1px solid; COLOR: #999; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ffffff 1px solid; TEXT-DECORATION: none
}
DIV.green-black A:hover {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BACKGROUND: url(image2.gif) #ffffff; BORDER-LEFT: #ffffff 1px solid; COLOR: #333333;font-weight:bold;; BORDER-BOTTOM: #ffffff 1px solid
}
DIV.green-black A:active {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BACKGROUND: url(image2.gif) #ffffff; BORDER-LEFT: #ffffff 1px solid; COLOR: #5569df; BORDER-BOTTOM: #ffffff 1px solid
}
DIV.green-black SPAN.current {
	BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND: url(image2.gif) #ffffff; PADDING-BOTTOM: 2px; BORDER-LEFT: #ffffff 1px solid; COLOR: #5569df;; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ffffff 1px solid
}
DIV.green-black SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #333333; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}
DIV.green-black img{
	vertical-align:middle
}


/* 페이징 */
.paginate_complex{line-height:normal;text-align:center;clear:both;}
.paginate_complex a,
.paginate_complex strong{display:inline-block;position:relative;z-index:2;margin:0 -3px;padding:1px 8px;font:normal 11px/16px Tahoma, Sans-serif;color:#323232;text-decoration:none;vertical-align:top}
.paginate_complex a:hover,
.paginate_complex a:active,
.paginate_complex a:focus{}
.paginate_complex strong{color:#ff8600}
.paginate_complex .direction{border:0;font-weight:normal;color:#767676;text-decoration:none !important;z-index:1}
.paginate_complex .direction:hover,
.paginate_complex .direction:active,
.paginate_complex .direction:focus{color:#323232;background-color:#fff}
.paginate_complex .prev{border-left:0}
.paginate_complex .next{border-right:0}
.paginate_complex .direction span{display:inline-block;position:relative;top:4px;width:0;height:0;font-size:0;line-height:0;vertical-align:top}
.paginate_complex .prev span{*left:-4px;margin-right:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-left:0;}
.paginate_complex .next span{margin-left:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-right:0}





/** 버튼 **/
.search_box {text-align:Center;}
.search_box input[type="text"] {border:1px solid #cecfce;padding:0 20px;line-height:32px;border-radius:3px;width:180px}
.search_box .bt_sch {display:inline-block;padding:9px 15px;font-size:14px;border:1px solid #cecfce;line-height:1;border-radius:3px;background-color:#fff}
.btn {display:inline-block;padding:9px 10px;font-size:14px;border:1px solid #cecfce;line-height:1;border-radius:3px}
.sbtn {display:inline-block;padding:4px 8px;font-size:13px;border:1px solid #cecfce;line-height:1;border-radius:3px}
.mbtn {display:inline-block;padding:15px 25px;font-size:16px;border:1px solid #cecfce;line-height:1;border-radius:3px}
/* 
 ----------------------------------------------------------------------------------
 ------ ----- ---- --- -- -  Defaults & General Styling  - -- --- ---- ----- ------
 ----------------------------------------------------------------------------------
*/

/* ----- ---- --- -- -  Default buttons - -- --- ---- ----- */

.buttonPro{
	display: inline-block;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	font: bold 12px/1em Nanum Gothic, '나눔고딕',"Nanum Gothic", HelveticaNeue, Arial, sans-serif;
	padding: 8px 11px;
	color: #555;
	text-shadow: 0 1px 0 #fff;
	text-align:center;
	
	background: #f5f5f5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0));
	background: -moz-linear-gradient(top, #f9f9f9, #f0f0f0);
	
	border: 1px solid #dedede;
	border-color: #dedede #d8d8d8 #d3d3d3;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
	-moz-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
	box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
}

.buttonPro:hover, .buttonPro:focus{
	color: #555;
	background: #efefef;
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e9e9e9));
	background: -moz-linear-gradient(top, #f9f9f9, #e9e9e9);
	border-color: #ccc;
	-webkit-box-shadow: 0 2px 1px #e0e0e0, inset 0 1px 0 #fbfbfb;
	-moz-box-shadow: 0 2px 1px #e0e0e0, inset 0 1px 0 #fbfbfb;
	box-shadow: 0 1px 2px #e0e0e0, inset 0 1px 0 #fbfbfb;
}

.buttonPro:active{
	position: relative;
	top: 1px;
	
	color: #555;
	background: #efefef;
	background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#f4f4f4));
	background: -moz-linear-gradient(top, #eaeaea, #f4f4f4);
	border-color: #c6c6c6;
	-webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #ddd;
	-moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #ddd;
	box-shadow: 0 1px 0 #fff, inset 0 0 5px #ddd;
}

.buttonPro.rounded{
	padding: 8px 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}


input.buttonPro, button.buttonPro{
	*width: auto; /* IE7 Fix */
	*overflow: visible; /* IE7 Fix */
}

.buttonPro img{
	border: none;
	vertical-align: bottom;
}


/* ----- ---- --- -- -  Small buttons - -- --- ---- ----- */

.buttonPro.small{
	padding: 5px 11px;
	font-size: 11px;
	font-weight: normal;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.buttonPro.small.rounded{
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
}



/* ----- ---- --- -- -  Large buttons - -- --- ---- ----- */

.buttonPro.large{
	padding: 12px 15px;
	font-size: 16px;
	font-weight: bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.buttonPro.large.rounded{
	padding: 12px 22px;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 23px;
}




/* 
 ------------------------------------------------------------------------
 ------ ----- ---- --- -- -  Color Variations  - -- --- ---- ----- ------
 ------------------------------------------------------------------------
*/


/* ----- ---- --- -- -  Light Blue - -- --- ---- ----- */

.buttonPro.light_blue{
	background: #92dbf6;
	background: -webkit-gradient(linear, left top, left bottom, from(#abe4f8), to(#6fcef3));
	background: -moz-linear-gradient(top, #abe4f8, #6fcef3);
	border-color: #7cbdd5;
	color: #444;
	text-shadow: 0 1px 0 #b6e6f9;
	-webkit-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #c0ebfa;
	-moz-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #c0ebfa;
	box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #c0ebfa;    
}
.buttonPro.light_blue:hover, .buttonPro.light_blue:focus{
	background: #85d6f5;
	background: -webkit-gradient(linear, left top, left bottom, from(#b1e9fd), to(#66c6ea));
	background: -moz-linear-gradient(top, #b1e9fd, #66c6ea);
	border-color: #66a8bf;
	-webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #c0ebfa;
	-moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #c0ebfa;
	box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #c0ebfa;
}
.buttonPro.light_blue:active{
	background: #92dbf6;
	border-color: #66a8bf;
	-webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #66a8bf;
	-moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #66a8bf;
	box-shadow: 0 1px 0 #fff, inset 0 0 5px #66a8bf;
}



/* ----- ---- --- -- -  Blue - -- --- ---- ----- */

.buttonPro.blue{
	background: #377ad0;
	background: -webkit-gradient(linear, left top, left bottom, from(#52a8e8), to(#377ad0));
	background: -moz-linear-gradient(top, #52a8e8, #377ad0);
	border-color: #4081af #2e69a3 #20559a;
	color: #fff;
	text-shadow: 0 1px 1px #4081af;
	-webkit-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 1px #72b9eb;
	-moz-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 1px #72b9eb;
	box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 1px #72b9eb;
}
.buttonPro.blue:hover, .buttonPro.blue:focus{
	background: #206bcb;
	background: -webkit-gradient(linear, left top, left bottom, from(#3e9ee5), to(#206bcb));
	background: -moz-linear-gradient(top, #3e9ee5, #206bcb);
	border-color: #2a73a6 #165899 #07428f;
	-webkit-box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #62b1e9;
	-moz-box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #62b1e9;
	box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #62b1e9;
}
.buttonPro.blue:active{
	background: #3282d3;
	border-color: #154c8c #154c8c #0e408e;
	text-shadow: 0 -1px 1px #1d62ab;
	-webkit-box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #1657b5;
	-moz-box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #1657b5;
	box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #1657b5;
}



/* ----- ---- --- -- -  Green - -- --- ---- ----- */

.buttonPro.green{
	background: #7fbf4d;
	background: -webkit-gradient(linear, left top, left bottom, from(#7fbf4d), to(#63a62f));
	background: -moz-linear-gradient(top, #7fbf4d, #63a62f);
	border-color: #63a62f;
	color: #fff;
	text-shadow: 0 1px 0 #53961e;
	-webkit-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #96d865;
	-moz-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #96d865;
	box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #96d865;    
}
.buttonPro.green:hover, .buttonPro.green:focus{
	background: #76b347;
	background: -webkit-gradient(linear, left top, left bottom, from(#86c755), to(#5ea12a));
	background: -moz-linear-gradient(top, #86c755, #5ea12a);
	border-color: #53961e;
	-webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #96d865;
	-moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #96d865;
	box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #96d865;    
}
.buttonPro.green:active{
	background: #7fbf4d;
	border-color: #53961e;
	-webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #53961e;
	-moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #53961e;
	box-shadow: 0 1px 0 #fff, inset 0 0 5px #53961e;
}



/* ----- ---- --- -- -  Red - -- --- ---- ----- */

.buttonPro.red{
	background: #e6433d;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8674b), to(#d54746));
	background: -moz-linear-gradient(top, #f8674b, #d54746);
	border-color: #d1371c #d1371c #9f220d;
	color: #fff;
	text-shadow: 0 1px 1px #961a07;
	-webkit-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #ff9573;
	-moz-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #ff9573;
	box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #ff9573;    
}
.buttonPro.red:hover, .buttonPro.red:focus{
	background: #dd3a37;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff7858), to(#cc3a3b));
	background: -moz-linear-gradient(top, #ff7858, #cc3a3b);
	border-color: #961a07;
	-webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ff9573;
	-moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ff9573;
	box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ff9573;    
}
.buttonPro.red:active{
	background: #e6433d;
	border-color: #961a07;
	-webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #961a07;
	-moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #961a07;
	box-shadow: 0 1px 0 #fff, inset 0 0 5px #961a07;
}



/* ----- ---- --- -- -  Orange - -- --- ---- ----- */

.buttonPro.orange{
	background: #ee8f1f;
	background: -webkit-gradient(linear, left top, left bottom, from(#f5b026), to(#f48423));
	background: -moz-linear-gradient(top, #f5b026, #f48423);
	border-color: #e6791c #e6791c #d86f15;
	color: #fff;
	text-shadow: 0 1px 1px #b85300;
	-webkit-box-shadow: 0 1px 2px #d7e9a4, inset 0 1px 0 #f8d898;
	-moz-box-shadow: 0 1px 2px #d7e9a4, inset 0 1px 0 #f8d898;
	box-shadow: 0 1px 2px #d7e9a4, inset 0 1px 0 #f8d898;    
}
.buttonPro.orange:hover, .buttonPro.orange:focus{
	background: #e38512;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffbb33), to(#eb7b1a));
	background: -moz-linear-gradient(top, #ffbb33, #eb7b1a);
	border-color: #d0680c;
	-webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ffdf9e;
	-moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ffdf9e;
	box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ffdf9e;    
}
.buttonPro.orange:active{
	background: #ee8f1f;
	border-color: #d0680c;
	-webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #d0680c;
	-moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #d0680c;
	box-shadow: 0 1px 0 #fff, inset 0 0 5px #d0680c;
}



/* ----- ---- --- -- -  Yellow - -- --- ---- ----- */

.buttonPro.yellow{
	background: #f9e327;
	background: -webkit-gradient(linear, left top, left bottom, from(#fceb4c), to(#ebd611));
	background: -moz-linear-gradient(top, #fceb4c, #ebd611);
	border-color: #dcc700 #dcc700 #c2b00b;
	color: #444;
	text-shadow: 0 1px 1px #ffff98;
	-webkit-box-shadow: 0 1px 2px #d7e9a4, inset 0 1px 0 #fee395;
	-moz-box-shadow: 0 1px 2px #d7e9a4, inset 0 1px 0 #fee395;
	box-shadow: 0 1px 2px #d7e9a4, inset 0 1px 0 #fee395;    
}
.buttonPro.yellow:hover, .buttonPro.yellow:focus{
	background: #ebd611;
	background: -webkit-gradient(linear, left top, left bottom, from(#fffa58), to(#e1cd00));
	background: -moz-linear-gradient(top, #fffa58, #e1cd00);
	border-color: #cebb10;
	-webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #fee395;
	-moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #fee395;
	box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #fee395;    
}
.buttonPro.yellow:active{
	background: #f9e327;
	border-color: #cebb10;
	-webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #cebb10;
	-moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #cebb10;
	box-shadow: 0 1px 0 #fff, inset 0 0 5px #cebb10;
}



/* ----- ---- --- -- -  Pink - -- --- ---- ----- */

.buttonPro.pink{
	background: #f87bca;
	background: -webkit-gradient(linear, left top, left bottom, from(#f87bca), to(#ec56b5));
	background: -moz-linear-gradient(top, #f87bca, #ec56b5);
	border-color: #e54aac #e54aac #cc3695;
	color: #fff;
	text-shadow: 0 1px 1px #c02589;
	-webkit-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #f1b9dd;
	-moz-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #f1b9dd;
	box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #f1b9dd;    
}
.buttonPro.pink:hover, .buttonPro.pink:focus{
	background: #f075c3;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff85d3), to(#e34dac));
	background: -moz-linear-gradient(top, #ff85d3, #e34dac);
	border-color: #c02589;
	-webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #f1b9dd;
	-moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #f1b9dd;
	box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #f1b9dd;    
}
.buttonPro.pink:active{
	background: #f87bca;
	border-color: #c02589;
	-webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #c02589;
	-moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #c02589;
	box-shadow: 0 1px 0 #fff, inset 0 0 5px #c02589;
}



/* ----- ---- --- -- -  Purple - -- --- ---- ----- */

.buttonPro.purple{
	background: #995dc8;
	background: -webkit-gradient(linear, left top, left bottom, from(#c785e5), to(#995dc8));
	background: -moz-linear-gradient(top, #c785e5, #995dc8);
	border-color: #7c45aa #7c45aa #5d288a;
	color: #fff;
	text-shadow: 0 1px 1px #370662;
	-webkit-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #ce8ded;
	-moz-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #ce8ded;
	box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #ce8ded;    
}
.buttonPro.purple:hover, .buttonPro.purple:focus{
	background: #8b50ba;
	background: -webkit-gradient(linear, left top, left bottom, from(#cc8aea), to(#884eb8));
	background: -moz-linear-gradient(top, #cc8aea, #884eb8);
	border-color: #5d288a;
	-webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ce8ded;
	-moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ce8ded;
	box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ce8ded;    
}
.buttonPro.purple:active{
	background: #995dc8;
	border-color: #5d288a;
	-webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #5d288a;
	-moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #5d288a;
	box-shadow: 0 1px 0 #fff, inset 0 0 5px #5d288a;
}



/* ----- ---- --- -- -  Grey - -- --- ---- ----- */

.buttonPro.grey{
	background: #969696;
	background: -webkit-gradient(linear, left top, left bottom, from(#ababab), to(#818181));
	background: -moz-linear-gradient(top, #ababab, #818181);
	border-color: #a0a0a0 #7c7c7c #717171;
	color: #fff;
	text-shadow: 0 1px 1px #444;
	-webkit-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #bebebe;
	-moz-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #bebebe;
	box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #bebebe;    
}
.buttonPro.grey:hover, .buttonPro.grey:focus{
	background: #868686;
	background: -webkit-gradient(linear, left top, left bottom, from(#b0b0b0), to(#6f6f6f));
	background: -moz-linear-gradient(top, #b0b0b0, #6f6f6f);
	border-color: #666 #666 #606060;
	-webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #bebebe;
	-moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #bebebe;
	box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #bebebe;    
}
.buttonPro.grey:active{
	background: #909090;
	border-color: #606060;
	-webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #606060;
	-moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #606060;
	box-shadow: 0 1px 0 #fff, inset 0 0 5px #606060;
}



/* ----- ---- --- -- -  Black - -- --- ---- ----- */

.buttonPro.black{
	background: #525252;
	background: -webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(#434343));
	background: -moz-linear-gradient(top, #5e5e5e, #434343);
	border-color: #4c4c4c #313131 #1f1f1f;
	color: #fff;
	text-shadow: 0 1px 1px #2e2e2e;
	-webkit-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #868686;
	-moz-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #868686;
	box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #868686;    
}
.buttonPro.black:hover, .buttonPro.black:focus{
	background: #4b4b4b;
	background: -webkit-gradient(linear, left top, left bottom, from(#686868), to(#363636));
	background: -moz-linear-gradient(top, #686868, #363636);
	border-color: #313131;
	-webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #868686;
	-moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #868686;
	box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #868686;    
}
.buttonPro.black:active{
	background: #525252;
	border-color: #313131;
	-webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #313131;
	-moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #313131;
	box-shadow: 0 1px 0 #fff, inset 0 0 5px #313131;
}





/*
 --------------------------------------------------------------
 ------ ----- ---- --- -- -  Extras  - -- --- ---- ----- ------
 --------------------------------------------------------------
*/


/* ----- ---- --- -- -  Google Buttons - -- --- ---- ----- */

.googleButton{
	display: inline-block;
	text-decoration: none;
	outline: none;
	padding: 7px;
	font: normal 15px/1em Nanum Gothic, '나눔고딕',"Nanum Gothic",arial,sans-serif;
	color: #000;
	background: #ededed;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#dfdfdf');
	background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#dfdfdf));
	background: -moz-linear-gradient(top, #f1f1f1, #dfdfdf);
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc #9b9b9b #999999 #cdcdcd;
	-webkit-box-shadow: 1px 1px 0 #e7e7e7, inset 0 1px 0 #fff, inset 0 -1px 0 #d7d7d7;
	-moz-box-shadow: 1px 1px 0 #e7e7e7, inset 0 1px 0 #fff, inset 0 -1px 0 #d7d7d7;
	box-shadow: 1px 1px 0 #e7e7e7, inset 0 1px 0 #fff, inset 0 -1px 0 #d7d7d7;
}
.googleButton:hover{
	color: #000;
}
.googleButton:active{
	color: #000;
	background: #ccc;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
	border-color: #ccc #999 #999 #ccc;
	-webkit-box-shadow: 1px 1px 0 #e7e7e7;
	-moz-box-shadow: 1px 1px 0 #e7e7e7;
	box-shadow: 1px 1px 0 #e7e7e7;
}



/* ----- ---- --- -- -  Twitter Simple Button - -- --- ---- ----- */

.twitterButton{
	display: inline-block;
	text-decoration: none;
	outline: none;
	padding: 6px 9px;
	font: 300 15px/1em Nanum Gothic, '나눔고딕',"Nanum Gothic",'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
	color: #333;
	text-shadow: 0 1px 0 #f0f0f0;
	background: #ebebeb;
	background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dddddd));
	background: -moz-linear-gradient(top, #fefefe, #dddddd);
	border-width: 1px;
	border-style: solid;
	border-color: #bbb #bbb #999;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 0 #f8f8f8;
	-moz-box-shadow: 0 1px 0 #f8f8f8;
	box-shadow: 0 1px 0 #f8f8f8;
}
.twitterButton:hover, .twitterButton:focus{
	color: #333;
	text-shadow: 0 1px 0 #f0f0f0;
	background: #e5e5e5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#dddddd));
	background: -moz-linear-gradient(top, #f0f0f0, #dddddd);
	border-color: #999 #999 #666;
}
.twitterButton:active{
	color: #333;
	text-shadow: none;
	background: #ddd;
	border-color: #999 #999 #666;	
}



/* ----- ---- --- -- -  Twitter Follow Button - -- --- ---- ----- */

.twitterFollowButton{
	display: inline-block;
	text-decoration: none;
	outline: none;
	padding: 7px 10px;
	font: bold 12px/1em Nanum Gothic, '나눔고딕',"Nanum Gothic",'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
	color: #fff;
	background: #00AE3E;
	background: -webkit-gradient(linear, left top, left bottom, from(#53d874), to(#00ae3e));
	background: -moz-linear-gradient(top, #53d874, #00ae3e);
	border-width: 1px;
	border-style: solid;
	border-color: #339933 #339933 #277827;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 0 #f8f8f8;
	-moz-box-shadow: 0 1px 0 #f8f8f8;
	box-shadow: 0 1px 0 #f8f8f8;
}
.twitterFollowButton:hover, .twitterFollowButton:focus{
	color: #fff;
	background: #dc4b4b;
	background: -webkit-gradient(linear, left top, left bottom, from(#f15c5d), to(#c63738));
	background: -moz-linear-gradient(top, #f15c5d, #c63738);
	border-color: #aa3333 #aa3333 #962c2c;
}
.twitterFollowButton:active{
	background: #c63738;	
}



/* ----- ---- --- -- -  Facebook Simple Button - -- --- ---- ----- */

.facebookButton{
	display: inline-block;
	text-decoration: none;
	outline: none;
	padding: 5px 6px;
	font: bold 11px/1em Nanum Gothic, '나눔고딕',"Nanum Gothic",'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
	color: #333;
	background: #ececec;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f6f6', endColorstr='#e0e0df');
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f6f6), to(#e0e0df));
	background: -moz-linear-gradient(top, #f5f6f6, #e0e0df);
	border-width: 1px;
	border-style: solid;
	border-color: #999 #999 #888;
	-webkit-box-shadow: 0 1px 0 #d9d9d9, inset 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 0 #d9d9d9, inset 0 1px 0 #fff;
	box-shadow: 0 1px 0 #d9d9d9, inset 0 1px 0 #fff;
}
.facebookButton:hover{
	color: #333;
}
.facebookButton:active{
	color: #333;
	background: #dddddd;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
	border-color: #999;
	-webkit-box-shadow: 0 1px 0 #eaeaea;
	-moz-box-shadow: 0 1px 0 #eaeaea;
	box-shadow: 0 1px 0 #eaeaea;
}



/* ----- ---- --- -- -  Facebook Confirm Button - -- --- ---- ----- */

.facebookConfirmButton{
	display: inline-block;
	text-decoration: none;
	outline: none;
	padding: 5px 6px;
	font: normal 11px/1em Nanum Gothic, '나눔고딕',"Nanum Gothic",'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
	color: #fff;
	background: #5e77aa;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#637bad', endColorstr='#5972a7');
	background: -webkit-gradient(linear, left top, left bottom, from(#637bad), to(#5972a7));
	background: -moz-linear-gradient(top, #637bad, #5972a7);
	border-width: 1px;
	border-style: solid;
	border-color: #29447e #29457f #1a356e;
	-webkit-box-shadow: 0 1px 0 #dddddd, inset 0 1px 0 #8a9cc2;
	-moz-box-shadow: 0 1px 0 #dddddd, inset 0 1px 0 #8a9cc2;
	box-shadow: 0 1px 0 #dddddd, inset 0 1px 0 #8a9cc2;
}
.facebookConfirmButton:hover{
	color: #fff;
}
.facebookConfirmButton:active{
	color: #fff;
	background: #4f6aa3;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
	border-color: #29447e;
	-webkit-box-shadow: 0 1px 0 #eaeaea;
	-moz-box-shadow: 0 1px 0 #eaeaea;
	box-shadow: 0 1px 0 #eaeaea;
}



/* ----- ---- --- -- -  Wordpress Simple Button - -- --- ---- ----- */

.wordpressButton{
	display: inline-block;
	text-decoration: none;
	outline: none;
	padding: 6px 11px;
	font: normal 11px/1em Nanum Gothic, '나눔고딕',"Nanum Gothic","Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
	color: #464646;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1));
	background: -moz-linear-gradient(top, #fff, #f1f1f1);
	border: 1px solid #bbb;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
}
.wordpressButton:hover, .wordpressButton:focus{
	color: #000;
	border-color: #666;
}
.wordpressButton:active{
	background: #eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fbfbfb));
	background: -moz-linear-gradient(top, #ededed, #fbfbfb);
	color: #000;
	border-color: #666;
}



/* ----- ---- --- -- -  Wordpress Confirm Button - -- --- ---- ----- */

.wordpressConfirmButton{
	display: inline-block;
	text-decoration: none;
	outline: none;
	padding: 6px 11px;
	font: bold 11px/1em Nanum Gothic, '나눔고딕',"Nanum Gothic","Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
	background: #247ca4;
	background: -webkit-gradient(linear, left top, left bottom, from(#298cba), to(#206d92));
	background: -moz-linear-gradient(top, #298cba, #206d92);
	border: 1px solid #298CBA;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
}
.wordpressConfirmButton:hover, .wordpressConfirmButton:focus{
	color: #eaf2fa;
	border-color: #13455b;
}
.wordpressConfirmButton:active{
	background: #216f94;
	background: -webkit-gradient(linear, left top, left bottom, from(#1d6385), to(#2683ae));
	background: -moz-linear-gradient(top, #1d6385, #2683ae);
	color: #eaf2fa;
	border-color: #13455b;
}





/* UI Object */
.paginate{overflow:hidden;clear:both;margin:0 auto;padding:15px 0;display:flex;justify-content: center;gap:5px;align-items:center}
.paginate a.num{display:inline-block;border-radius:100%;width:27px;height:27px;text-align:center;line-height:27px;}
.paginate a:hover,.paginate a:focus,.paginate a:active{background:#ccc;color:#999}

.paginate strong{background:var(--color-point);color:#fff;display:inline-block;display:inline-block;border-radius:100%;width:27px;height:27px;text-align:center;line-height:27px;}

/* user option */
.paginate a.pre,.paginate a.next{}
.paginate a.pre:hover,.paginate a.pre:focus,.paginate a.pre:active,.paginate a.next:hover,.paginate a.next:focus,.paginate a.next:active{background:none !important}
.paginate a.pre{margin-right:10px}
.paginate a.next{margin-left:8px}
/* //UI Object */



/****************************************  회원가입 로그인 SKIN ****************************************/


/****************************************  회원가입 로그인 SKIN 
.member_join1 {background-color:#f8f8f7;border:1px solid #cecfce; padding:15px; text-align:left; }
.member_join1 .tit {font-size:21px; color:#666; font-weight:Bold; padding-bottom:10px;color:#333;}
.member_join1 .s_tit {font-size:13px; color:#2463ab;  line-height:21px; }
.member_join1 .s_tit img{vertical-align:middle}
.member_join1 .id_search {font-size:11px; color:#666; padding-top:10px;}
.member_join1 .input {padding:5px}
.member_join1 .text {line-height:26px;font-size:12px;color:#444;padding-top:10px}

.member_join2 {padding:15px 0;}


.join_box_btn {width:200px;margin:auto}
.join_box_btn a{float:left;margin-right:10px;}
.join_box_btn:after{display:block;clear:both;content:''}

.login_box {position:relative;width:400px;margin:auto;}
.login_box .mlogin_top {margin-bottom:15px;}
.login_box .mlogin_top img{width:100%;}
.login_box dl{position:relative;padding-bottom:10px;}
.login_box dt{position:absolute;left:0px;top:0px;line-height:24px;text-align:left;text-indent:5px;font-size:11px;background:url(/Tskin/Spack/MAAAAAAADAAAA/images/text_login.gif) no-repeat;text-indent:-9999px;width:60px;}
.login_box dt.text_id{background-position:left top}
.login_box dt.text_pw{background-position:left bottom}
.login_box dd{padding-left:65px;}
.login_box dd .minput{border:1px solid #cecfce;background-color:#f2f2f2;padding:3px;width:230px;}
.login_box .btn_login {position:absolute;right:0px;top:147px;width:80px;height:58px;}
.login_box .btn_login input{width:100%;}

.mlogin_join {position:relative;width:400px;margin:auto;border-top:1px solid #cecfce;padding:15px 0;margin-top:15px;}
.mlogin_join dl:after {clear:both;display:block;content:''}
.mlogin_join dt{float:left;;line-height:30px;}
.mlogin_join dd{float:right;;line-height:30px;}
.mlogin_join .btn_mlogin{border:1px solid #cecfce;padding:3px 5px;}

.member_agree .tit{background:url(/Tskin/Spack/MAAAAAAADAAAA/images/join_agree.gif) no-repeat;height:100px;text-indent:-9999px;}
.member_agree .text {position:relative;width:600px;margin:auto;border:2px solid #666;padding:15px;background-color:#4e4e4e;}
.member_agree .text li{padding-top:5px;line-height:24px;color:#fff;}
.member_agree .text .input{border:1px solid #333;padding:2px;background-color:#fff;width:150px;}
.member_agree .text li span{display:block;width:80px;float:left;font-weight:Bold;font-size:13px;;}
.member_agree .text .agree_btn {position:absolute;right:15px;top:10px;}
.member_agree .text .agree_btn{display:block;width:170px;height:60px;text-align:Center;line-height:60px;border:1px solid #333;background-color:#245ca0;font-size:18px;font-weight:bold;color:#fff;}

.join_agree_box .div_agree_box .div_agree_1{width:49%;float:left;}
.join_agree_box .div_agree_box .div_agree_2{width:49%;float:right;}
.join_agree_box .div_agree_box .agree_box{height:200px;overflow-y:auto; overflow-x:hidden; line-height:1.5em;border:1px solid #cecfce;padding:10px;line-height:21px;}

.join_agree_box #join_title1{text-align:center;color:red;font-size:16px;line-height:24px;}
.join_agree_box #join_title2{text-align:center;color:#333;font-size:14px;line-height:21px;padding-bottom:15px;}

#join_btn3 .tit{font-size:11px;padding-top:5px;;}
#join_btn3 {font-size:12px;font-weight:normal;}
#join_btn3 .s_tit{line-height:21px;color:#777;}
#join_btn3 .text{font-size:14px;font-weight:bold;border:1px solid #cecfce;padding:10px;margin-top:10px;text-align:center;background-color:#f2f2f2;}
#join_btn3 .text span{padding-right:15px;}
#join_btn3 .text img{vertical-align:middle}
#join_btn3 .text .btn{height:30px;}

.join_con #div_mem_title{font-size:16px;font-weight:bold;color:#333;background:url(/Tskin/Spack/MAAAAAAADAAAA/images/icon_b.gif) no-repeat;text-indent:20px;line-height:21px;}
.join_con #div_mem_title #join_btn{height:30px;}

.member_list {border-collapse:collapse;border:1px solid #dedede;}
.member_list th{border-right:1px solid #dedede;background-color:#f9f9f9;padding:5px !important;font-size:12px;color:#333;text-align:left}
.member_list td{padding:5px !important;color:#666;line-height:21px;}
.member_list td .tit{font-weight:bold;line-height:21px;color:#333}
.member_list td input{vertical-align:middle}
.member_list td img{vertical-align:middle}
.member_list .topb{border-top:1px solid #dedede}
.member_list .minput_170 {border:1px solid #cccccc;height:22px;width:170px;line-height:22px;font-size:14px;vertical-align:middle;}
.member_list .minput_300 {border:1px solid #cccccc;height:22px;width:300px;line-height:22px;font-size:14px;vertical-align:middle;}
.member_list .minput {border:1px solid #cccccc;height:22px;line-height:22px;font-size:14px;vertical-align:middle;}
.member_list .mselect_170 {border:1px solid #cccccc;height:24px;width:170px;line-height:24px;font-size:14px;vertical-align:middle;}
.member_list .mselect {border:1px solid #cccccc;height:24px;line-height:24px;font-size:14px;vertical-align:middle;}

.sub_title2 {background:url(/Tskin/Spack/MAAAAAAADAAAA/images/icon_b.gif) no-repeat;font-size:13px;font-weight:bold;color:#333;text-indent:18px;line-height:16px;margin:5px 0;}

.mlogin_box th {padding-bottom:8px;text-align:left;padding:5px;}
.mlogin_box td {padding:5px;}
.mlogin_box  .mlogin_input {background-color:#f4f1e9;width:250px;height:20px;border:1px solid #bfbfbf}

.mlogin_find_box {width:360px;margin:auto;border:1px solid #cecfce;padding:20px 40px;margin-top:30px;}
.mlogin_find_box  .title {font-size:14px;font-weight:bold;line-height:21px;color:#333;padding-bottom:15px;}
.mlogin_find_box  .btnbox {width:165px;margin:auto;}
.mlogin_find_box  .btnbox:after {clear:both;display:block;content:''}
.mlogin_find_box  .btnbox a{display:block;width:40px;padding:8px 15px;float:left;border:1px solid #cecfce;background-color:#245ca0;color:#fff;margin:0 3px;}
.mlogin_find_box  .btnbox a.btn1{border:1px solid #245ca0;background-color:#245ca0;color:#fff}
.mlogin_find_box  .btnbox a.btn2{border:1px solid #cecfce;background-color:#f2f2f2;color:#777}

 ****************************************/