
a.btit:link {	font-size:9pt;text-decoration: none;  font-weight:normal;font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; color: #000000; }
a.btit:visited {	font-size:9pt;text-decoration: none; font-weight:normal;font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; color: #000000; }
a.btit:active {	font-size:9pt;text-decoration: none; font-weight:normal;font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; color: #000000; }
a.btit:hover {	font-size:9pt;text-decoration: none; font-weight:normal;font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; color: #000000; }

a.ntit:link {	font-size:9pt;text-decoration: none;  font-weight:normal;font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; color: #00CCCC;	}
a.ntit:visited {	font-size:9pt;text-decoration: none; font-weight:normal;font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; color: #00CCCC;	 }
a.ntit:active {	font-size:9pt;text-decoration: none; font-weight:normal;font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; color: #00CCCC;	 }
a.ntit:hover {	font-size:9pt;text-decoration: none; font-weight:normal;font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; color: #00CCCC;	 }

.tit {font-size: 8pt; color:#000000; font-family: dotum, gullim;font-weight:bold;}

.cstit {font-size: 8pt; color:#009900; font-family: dotum, gullim;font-weight:normal;}

table {color:6D6D6D; font-size: 10pt; font-family:"굴림";}
textarea {border:1 solid #5F5F5F; color:333333; font-size: 10pt; font-family:"굴림"; background-color:"FFFFFF";}
table {line-height:14pt} 
select { color:6D6D6D; font-size:10pt; font-family:"굴림"; background-color:"FFFFFF"}
.m {font-size: 10pt; color:#606760; font-family: dotum, gullim; }


a:visited {}

a.topmenu:link    {font-size:10pt; color:white; text-decoration: none;}
a.topmenu:visited {font-size:10pt; color:white; text-decoration: none;}
a.topmenu:active  {font-size:10pt; color:white; text-decoration: none;}
a.topmenu:hover   {font-size:10pt; color:white; text-decoration: underline;}

.tbmenu  {
	font-size : 12px; color : #ffffff; text-decoration : none;
	padding-left: 5; padding-right: 5; padding-top: 7; padding-bottom: 3;
}

.tbmenuon  {
	font-size : 12px; color : #ffffff; background-color : #4070B8; text-decoration : none;
	padding-left: 5; padding-right: 5; padding-top: 7; padding-bottom: 3;
}

.ssmenu  { font-size : 12px; color : #000000; text-decoration : none; }
.ssmenuon  { font-size : 12px; color : #ffffff; text-decoration : none; }
.topuser { font-size : 12px; color : #5B5A80; text-decoration : none; }


a.submns:link    {font-size:10pt; color:#CAD6F9; text-decoration: none;}
a.submns:visited {font-size:10pt; color:#CAD6F9; text-decoration: none;}
a.submns:active  {font-size:10pt; color:#CAD6F9; text-decoration: none;}
a.submns:hover   {font-size:10pt; color:#FFFFFF; text-decoration: underline;}

a.txt_fpost:link    {font-size:9pt; color:#5A5A5A; text-decoration: none;}
a.txt_fpost:visited {font-size:9pt; color:#5A5A5A; text-decoration: none;}
a.txt_fpost:active  {font-size:9pt; color:#5A5A5A; text-decoration: none;}
a.txt_fpost:hover   {font-size:9pt; color:#5A5A5A; text-decoration: none;}


a.submnson:link    {font-size:10pt; color:#FFFFFF; text-decoration: underline;}
a.submnson:visited {font-size:10pt; color:#FFFFFF; text-decoration: none;}
a.submnson:active  {font-size:10pt; color:#FFFFFF; text-decoration: underline;}
a.submnson:hover   {font-size:10pt; color:#FFFFFF; text-decoration: none;}

a.topmns:link    {font-size:10pt; color:#000000; text-decoration: none;}
a.topmns:visited {font-size:10pt; color:#000000; text-decoration: none;}
a.topmns:active  {font-size:10pt; color:#005ACD; text-decoration: none;}
a.topmns:hover   {font-size:10pt; color:#3C46A2; text-decoration: underline;}

.box {
	font-size:10pt; font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; color: #222222;
	border-right:1px solid #BDCFEF; border-bottom:1px solid #BDCFEF;
	border-left: 1px solid #BDCFEF; border-top: 1px solid #BDCFEF;
}
.txt_input{
	font-size:10pt; font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; color: #222222;
	border-right:1px solid #939393; border-bottom:1px solid #939393;
	border-left: 1px solid #939393; border-top: 1px solid #939393;
}
.txt_textarea{
	font-size:10pt; font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; color: #222222;
	border-right:1px solid #009900; border-bottom:1px solid #009900;
	border-left: 1px solid #009900; border-top: 1px solid #009900;
}
.m_textarea {
	font-size:10pt; font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; color: #ffffff;
	border-right:1px solid #99CC99; border-bottom:1px solid  #B4B4B4;
	border-left: 1px solid  #B4B4B4;; border-top: 1px solid  #B4B4B4;
}
.topline {
	font-size:10pt; font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; color: #222222;
	border-top: 1px solid #BDCFEF;
}

.csftxt {
	font-size:10pt; font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; color: #222222;
	border-right:1px solid #BDCFEF; border-bottom:1px solid #BDCFEF;
	border-left: 1px solid #84A2D6; border-top: 1px solid #84A2D6;
	padding-left: 2px; background-color: #F7F7FF; height:18px;
}
.csftbox {
	font-size:10pt; font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; line-height: 20px; color: #222222;
	border-right:1px solid #BDCFEF; border-bottom:1px solid #BDCFEF;
	border-left: 1px solid #84A2D6; border-top: 1px solid #84A2D6;
	background-image:url(/img/textline.gif); background-position:0 -1; padding-left: 2px; background-color: #F7F7FF
}

/* 텍스트입력영역(삭제요) */
.boxarea {
	font-size:10pt; color: #222222; line-height: 20px; font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial;
	border-right:1px solid #BDCFEF; border-bottom:1px solid #BDCFEF;
	border-left: 1px solid #84A2D6; border-top: 1px solid #84A2D6;
	background-image:url(/img/textline.gif); background-position:0 -1; padding-left: 2px; background-color: #F7F7FF
}
.csfsel	{
	font-size:10pt; font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; color: #444444; 
	background-color: #F7F7FF; BORDER: black 1px solid;}
.csfsel2 {
	font-size:10pt; font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; color: #330099; 
	background-color: #DEE7F7; BORDER: black 1px solid;}
.csfbtn{
	font-size:10pt; font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; color: #000000;
	border-right:1px solid #BDCFEF; border-bottom:1px solid #BDCFEF;
	border-left: 1px solid #F7F7FF; border-top: 1px solid #F7F7FF;
	padding-left: 2px; padding-top: 2px; height:23;
}

.csbtn {
	font-size:10pt; color: #F7F7FF; font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; 
	line-height: 11pt; text-decoration: none;
}
.csbtn a { color: #F7F7FF; text-decoration: none; }
.csbtn a:visited { color: #F7F7FF; text-decoration: none; }
.csbtn a:active { color: #F7F7FF; text-decoration: none; }
.csbtn a:hover { color: #F7F7FF; text-decoration: none; cursor: hand; }

.csbtn2 {
	font-size:10pt; color: #000000; font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; 
	line-height: 11pt; text-decoration: none;
}
.csbtn2 a { color: #000000; text-decoration: none; }
.csbtn2 a:visited { color: #000000; text-decoration: none; }
.csbtn2 a:active { color: #000000; text-decoration: none; }
.csbtn2 a:hover { color: #000000; text-decoration: none; cursor: hand; }

.cstab {
	font-size:10pt; color: #F7F7FF; font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; 
	line-height: 11pt; text-decoration: none;
}
.cstab a { color: #F7F7FF; text-decoration: none; }
.cstab a:visited { color: #F7F7FF; text-decoration: none; }
.cstab a:active { color: #F7F7FF; text-decoration: none; }
.cstab a:hover { color: #F7F7FF; text-decoration: underline; cursor: hand; }

.trenable { background-color:#E1E4EE; }


/****************************/
/* font color  Style    	*/
/****************************/

/*글씨 강조	*/
/* linemap */
.map1 {	font-size:10pt; font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; color: #22419D;	}
/* linemap -강조 */
.map2 {	font-size:10pt; font-weight: bold; font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; color: #4271BD;	}

.memocnt	{	font-family:Tahoma, Arial, "굴림", "굴림체" ; font-size:6pt; font-weight:bold; letter-spacing:-1px;	}
.memonm	{	font-size:10pt; color:#2f2ba6; text-decoration:none;	}
.flogin {font:10pt;color:#ffffff;FONT-FAMILY: 굴림;}

.fnt7 {  font-size:7pt; font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt8 {  font-size:8pt; font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt9 {  font-size:9pt; font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt9bold {  font-size:9pt; font-weight: bold; font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt10 {  font-size:10pt; font-family: "돋움", "돋움체", "굴림", "굴림체", Gulim, GulimChe, Arial; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt10bold {  font-size:10pt; font-weight: bold; font-family: "굴림", "굴림체", Gulim, GulimChe, Arial; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt11 {  font-size:11pt; font-family: "돋움", "돋움체", "굴림", "굴림체", Gulim, GulimChe, Arial; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt11bold {  font-size:11pt; font-weight: bold; font-family:  "굴림", "굴림체", Gulim, GulimChe, Arial; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt12 {  font-size:12pt; font-family: "돋움", "돋움체", "굴림", "굴림체", Gulim, GulimChe, Arial; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt12bold {  font-size:12pt; font-weight: bold; font-family: "돋움", "돋움체", "굴림", "굴림체", Gulim, GulimChe, Arial; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}

.fnt9eng {  font-size:9pt; font-family: "Arial", "Helvetica", "sans-serif", "굴림", "굴림체"; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt9engbold {  font-size:9pt; font-weight: bold; font-family: "Arial", "Helvetica", "sans-serif", "굴림", "굴림체"; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt10eng {  font-size:10pt; font-family: "Arial", "Helvetica", "sans-serif", "굴림", "굴림체"; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt10engbold2 {  font-size:10pt; font-family: "Arial Black", "Helvetica", "sans-serif", "굴림", "굴림체"; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt10engbold {  font-size:10pt; font-weight: bold; font-family: "Arial", "Helvetica", "sans-serif", "굴림", "굴림체"; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt11eng {  font-size:11pt; font-family: "Arial", "Helvetica", "sans-serif", "굴림", "굴림체"; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt11engbold {  font-size:11pt; font-weight: bold; font-family: "Arial", "Helvetica", "sans-serif", "굴림", "굴림체"; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt12eng {  font-size:12pt; font-family: "Arial", "Helvetica", "sans-serif", "굴림", "굴림체"; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt12engbold {  font-size:12pt; font-weight: bold; font-family: "Arial", "Helvetica", "sans-serif", "굴림", "굴림체"; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}

.tit11 {  font-size:11pt; font-weight: bold; font-family: "돋움", "돋움체", "굴림", "굴림체", Gulim, GulimChe, Arial; vertical-align: middle; word-spacing: 0.1em; line-height: 120%	}
.tit12 {  font-size:12pt; font-weight: bold; font-family: "돋움", "돋움체", "굴림", "굴림체", Gulim, GulimChe, Arial; vertical-align: middle; word-spacing: 0.1em; line-height: 120%	}
.tit14 {  font-size:14pt; font-weight: bold; font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; vertical-align: middle; word-spacing: 0.1em; line-height: 120%	}
.tit16 {  font-size:16pt; font-weight: bold; font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; vertical-align: middle; word-spacing: 0.1em; line-height: 120%	}
.tit18 {  font-size:18pt; font-weight: bold; font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; vertical-align: middle; word-spacing: 0.1em; line-height: 120%	}
.tit20 {  font-size:20pt; font-weight: bold; font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; vertical-align: middle; word-spacing: 0.1em; line-height: 120%	}

.tit14eng {  font-size:14pt; font-weight: bold; font-family: "Arial Black", "Helvetica", "sans-serif", "굴림", "굴림체"; vertical-align: middle; word-spacing: 0.1em; line-height: 120%	}
.tit16eng {  font-size:16pt; font-weight: bold; font-family: "Arial Black", "Helvetica", "sans-serif", "굴림", "굴림체"; vertical-align: middle; word-spacing: 0.1em; line-height: 120%	}
.tit18eng {  font-size:18pt; font-weight: bold; font-family: "Arial Black", "Helvetica", "sans-serif", "굴림", "굴림체"; vertical-align: middle; word-spacing: 0.1em; line-height: 120%	}
.tit20eng {  font-size:20pt; font-weight: bold; font-family: "Arial Black", "Helvetica", "sans-serif", "굴림", "굴림체"; vertical-align: middle; word-spacing: 0.1em; line-height: 120%	}

.fnt8_gray {  font-size:8pt; color:#A08A70; font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt9_gray {  font-size:9pt; color:#6D6D6D; font-weight:bold;font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt8_red {  font-size:8pt; color:#CC0033; font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt9_red {  font-size:9pt; color:#CC0033; font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}
.fnt9_white {  font-size:9pt; color:#ffffff; font-weight:bold;font-family: "굴림", "굴림체", "돋움체", "돋움", Gulim, GulimChe, Arial; vertical-align: middle; word-spacing: 0.1em; line-height: 140%	}

/*회원가입폼*/
#userinfo {width:640px;margin:0px 0px 0px 0px;}
#userinfo .cnt_desc a{ color:#004790; font-size:11px; letter-spacing:-1px; text-decoration:underline; margin:0 0 0 3px;}
#userinfo .notice{text-align:right; color:#666666; font-size:11px; letter-spacing:-1px; margin:-15px 0 2px 0;}
#userinfo table{ clear:both; border:1px solid #C7CCB0; margin:0 0 20px 0; border-left:none; border-right:none; width:100%;}
#userinfo .noline{ border:none; color:#333333;}
#userinfo table th,
#userinfo table td{ border:none; color:#333333;}
#userinfo table th{ background:#f9f9f9; border-top:1px solid #ededed; padding:11px 0 8px 10px; vertical-align:top; width:136px; text-align:left; letter-spacing:-1px; line-height:18px;}
#userinfo table th img{ position:absolute; top:2px; left:0; _left:-11px;}
#userinfo table th label,
#userinfo table th span{ padding:0 0 0 11px; display:block; position:relative;}
#userinfo table td{ border-left:1px;border-right:1px; solid #ededed; border-top:1px solid #ededed; padding:6px 0 7px 20px; vertical-align:top;}
#userinfo table .input_text{ border:1px solid #cccccc; padding:3px 0 3px 5px; _height /**/:23px;}
#userinfo table .w157{ width:150px;}
#userinfo table .w138{ width:131px;}
#userinfo table td label{ position:relative; top:-1px; _top:-2px;}

#userinfo table td .link{ font-size:11px; margin:0 0 0 1px; color:#004790; text-decoration:underline; position:relative; top:-3px; letter-spacing:-1px;}
#userinfo table em{ color:#ff6c00; font-size:11px; display:block; padding:5px 0 7px 19px; letter-spacing:-1px;}
#userinfo table .help_wrap{ display:block; position:relative; overflow:visible; z-index:99; }

#userinfo table .help_wrap.upw{ z-index:100;}

#userinfo table .help{ position:absolute; display:block; display:none;}
#userinfo table .help.on{ display:block;}
#userinfo table .help .txt{ position:relative; z-index:3; border:1px solid #919191; color:#333333; letter-spacing:-1px; background:#ffffff;}
#userinfo table .help .txt p{ padding:8px 14px 6px 14px; line-height:16px; font-size:11px; white-space:nowrap;}
#userinfo table .help .txt p *{line-height:16px; font-size:11px;}
#userinfo table .help .txt p strong{ color:#ff6c00;}
#userinfo table .help .txt p strong.black{ color:#333;}
#userinfo table .help .txt p .ex{ color:#808080;}
#userinfo table .help .txt p .ex2{ display:block; padding:6px 0 0 0; margin:4px 0 0 0; border-top:1px solid #e5e5e5; color:#333; font-size:11px; letter-spacing:-1px;}
#userinfo table .help .txt p .ex2 strong{ color:#333;}
#userinfo table .help .txt p .vr{ color:#e5e5e5; margin:0 2px 0 3px;}
#userinfo table .help .txt p .level1{ padding:0 52px 0 0; background:url(/images/cleaninet/ico_pw_level1.gif) no-repeat right 4px;}
#userinfo table .help .txt p .level2{ padding:0 52px 0 0; color:#417c01; background:url(/images/cleaninet/ico_pw_level2.gif) no-repeat right 4px;}
#userinfo table .help .txt p .level3{ padding:0 52px 0 0; color:#417c01; background:url(/images/cleaninet/ico_pw_level3.gif) no-repeat right 4px;}
#userinfo table .help .txt em{ display:inline; padding:0;}
#userinfo table .left .arrow{ position:absolute; z-index:4; top:13px; left:-3px; display:block; width:4px; height:6px; background:url(/images/join2/bu_help_left.gif) no-repeat; overflow:hidden;}
#userinfo table .top .arrow{ position:absolute; z-index:4; top:-3px; left:11px; display:block; width:6px; height:4px; background:url(/images/join2/bu_help_top.gif) no-repeat; overflow:hidden;}
#userinfo table .bottom .arrow{ position:absolute; z-index:4; bottom:-5px; left:11px; display:block; width:7px; height:6px; background:url(/images/join2/bu_help_bottom.gif) no-repeat; overflow:hidden;}
#userinfo table .help .shadow1{ display:block; position:absolute; z-index:2; top:1px; left:1px; background:#e3e3e3; _background:#919191; width:100%; filter:alpha(opacity=25);}
#userinfo table .help .shadow2{ display:block; position:absolute; z-index:1; top:2px; left:2px; background:#f6f6f6; _background:#919191; width:100%; filter:alpha(opacity=10);}
#userinfo table .help_wrap .txt p { height:32px;}
#userinfo table .help_wrap .h32 { height:32px;}
#userinfo table .help_wrap .h32 .shadow1{ height:32px;}
#userinfo table .help_wrap .h32 .shadow2{ height:32px;}
#userinfo table .help_wrap .h48 { height:48px;}
#userinfo table .help_wrap .h48 .shadow1{ height:48px;}
#userinfo table .help_wrap .h48 .shadow2{ height:48px;}
#userinfo table .help_wrap .h64 { height:64px;}
#userinfo table .help_wrap .h64 .shadow1{ height:64px;}
#userinfo table .help_wrap .h64 .shadow2{ height:64px;}
#userinfo table .help_wrap .h64 iframe{ display:none; _display:block; width:100%; height:64px; overflow:hidden; position:absolute; left:2px; top:2px; border:none; filter:alpha(opacity=0);}
#userinfo table .help_wrap .h75 { height:75px;}
#userinfo table .help_wrap .h75 .shadow1{ height:75px;}
#userinfo table .help_wrap .h75 .shadow2{ height:75px;}
#userinfo table br{ clear:both;}

.nes { color: #ff3333; }

.nanum {
    font-family: "Nanum Gothic", "나눔고딕", 맑은 고딕 ,Malgun Gothic,nanum,"tahoma", "verdana";
    font-size: 22px;
    color: #030D16;
    font-weight: bold;
}

.div_table { border-top: 2px solid #a5a5a5; }
.member-form { border-top: 2px solid #9fe0e8; }
.member-form table { font-family: "Nanum Gothic", "나눔고딕", 맑은 고딕 ,Malgun Gothic,nanum,"tahoma", "verdana"; font-size:14px; }
.member-form  table td input ,.member-form  table td select{ font-family: "Nanum Gothic", "나눔고딕", 맑은 고딕 ,Malgun Gothic,nanum,"tahoma", "verdana"; font-size:14px; letter-spacing:-0.5px;color:#888888; }

.member-form table th{ padding:8px; background-color: #f0f0f0;border-bottom:1px solid #d4d4d4;}
.member-form table td{ padding:8px;border-bottom:1px solid #d4d4d4;}
.bdr { border-right:1px solid #d4d4d4 }
.bdb { border-bottom:1px solid #d4d4d4 }
.bdt { border-top:1px solid #d4d4d4 }
.bdl { border-left:1px solid #d4d4d4 }

/* 
	   기존의 <table> 구조를 제거하고 
	   전체 페이지의 중앙 정렬과 배경색을 제어하는 래퍼 
	*/
	.member-router-wrapper {
		width: 100%;
		min-height: 100vh;
		background-color: #f8fafc; /* 동의/가입폼과 통일된 배경색 */
		display: flex;
		justify-content: center;
		align-items: flex-start; /* 상단부터 채우기 */
		padding: 0px 0;
	}
	.member-content-inner {
		width: 100%;
		max-width: 1200px; /* 내부 콘텐츠의 최대 폭 */
		margin: 0 auto;
	}
	.error-msg {
		text-align: center;
		padding: 50px;
		background: #fff;
		border-radius: 12px;
		box-shadow: 0 4px 12px rgba(0,0,0,0.05);
		color: #ef4444;
		font-weight: bold;
	}
	:root {
        --mora-primary: #2563eb;
        --mora-primary-hover: #1d4ed8;
        --mora-text-main: #1e293b;
        --mora-text-sub: #64748b;
        --mora-border: #e2e8f0;
        --mora-error: #ef4444;
        --mora-success: #10b981;
    }

    .mora-join-wrapper { width: 100%;  margin: 0 auto; padding: 0px 0; font-family: 'Pretendard', sans-serif; color: var(--mora-text-main); line-height: 1.6; background: transparent; }
    .mora-join-container { background: #ffffff; padding: 20px; border-radius: 0px; border: 1px solid var(--mora-border);  }
    .mora-header { text-align: center; margin-bottom: 40px; }
    .mora-header h1 { font-size: 28px; font-weight: 700; margin: 0 0 10px 0; color: #000; }
    .mora-header p { color: var(--mora-text-sub); font-size: 15px; margin: 0; }
    .mora-form-group { margin-bottom: 24px; text-align: left; }
    .mora-label { display: block; font-size: 14px; font-weight: 600; margin-bottom: 8px; color: var(--mora-text-main); }
    .mora-input-wrapper { display: flex; gap: 8px; }
    .mora-join-container input[type="text"], .mora-join-container input[type="password"], .mora-join-container select { width: 100%; height: 48px; padding: 0 16px; border: 1px solid var(--mora-border); border-radius: 8px; font-size: 15px; outline: none; background: #fff; box-sizing: border-box; }
    .mora-join-container input:focus { border-color: var(--mora-primary); box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1); }
    .mora-join-container input[readonly] { background-color: #f8fafc; color: #64748b; cursor: not-allowed; }
    .mora-btn { cursor: pointer; border: none; border-radius: 8px; font-weight: 600; transition: 0.2s; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; }
    .mora-btn-outline { background: #fff; border: 1px solid var(--mora-border); padding: 0 15px; font-size: 13px; height: 48px; color: var(--mora-text-sub); }
    .mora-btn-primary { background: var(--mora-primary); color: #fff; height: 56px; width: 100%; font-size: 16px; }
    .mora-btn-back { background: #94a3b8; color: #fff; height: 56px; width: 100%; font-size: 16px; }
    .mora-action-area { display: grid; grid-template-columns: 1fr 2fr; gap: 12px; margin-top: 40px; }
    .mora-help-text { font-size: 12px; color: var(--mora-text-sub); margin-top: 6px; }
    .mora-address-group { display: flex; flex-direction: column; gap: 8px; }
    .mora-select-group { display: flex; gap: 8px; }
    .mora-join-wrapper hr { border: 0; border-top: 1px solid #f1f5f9; margin: 30px 0; }
    .id-msg { font-size: 13px; margin-top: 8px; display: none; }
    .id-msg.error { color: var(--mora-error); display: block; }
    .id-msg.success { color: var(--mora-success); display: block; }
	
	  :root {
            --primary-color: #2563eb;
            --primary-hover: #1d4ed8;
            --bg-color: #f8fafc;
            --text-main: #1e293b;
            --text-sub: #64748b;
            --border-color: #e2e8f0;
            --white: #ffffff;
        }

        .agreement-container {
    		margin: 0 auto;
            background: var(--white);
            padding: 0px;
            border-radius: 0px;
        }

        .step-indicator {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin-bottom: 30px;
        }

        .step {
            font-size: 14px;
            font-weight: 600;
            color: var(--text-sub);
        }

        .step.active {
            color: var(--primary-color);
            border-bottom: 2px solid var(--primary-color);
        }

        .header {
            text-align: center;
            margin-bottom: 40px;
        }

        .header h1 {
            font-size: 28px;
            font-weight: 800;
            margin-bottom: 10px;
        }

        /* All Checkbox Section */
        .all-agree-wrap {
            background: #f1f5f9;
            padding: 20px;
            border-radius: 12px;
            margin-bottom: 25px;
            display: flex;
            align-items: center;
            cursor: pointer;
            transition: 0.2s;
        }

        .all-agree-wrap:hover {
            background: #e2e8f0;
        }

        /* Custom Checkbox */
        input[type="checkbox"] {
            width: 20px;
            height: 20px;
            margin-right: 12px;
            cursor: pointer;
            accent-color: var(--primary-color);
        }

        .agree-label {
            font-weight: 700;
            font-size: 16px;
            cursor: pointer;
        }

        /* Terms Box */
        .terms-item {
            margin-bottom: 20px;
            border: 1px solid var(--border-color);
            border-radius: 12px;
            overflow: hidden;
        }

        .terms-header {
            padding: 15px 20px;
            background: #fff;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 1px solid var(--border-color);
        }

        .terms-title {
            font-size: 14px;
            font-weight: 600;
            display: flex;
            align-items: center;
        }

        .terms-content {
            padding: 20px;
            height: 150px;
            overflow-y: auto;
            font-size: 13px;
            color: var(--text-sub);
            background: #fafafa;
            border-top: 1px solid var(--border-color);
        }

        .terms-content::-webkit-scrollbar {
            width: 6px;
        }
        .terms-content::-webkit-scrollbar-thumb {
            background: #cbd5e1;
            border-radius: 10px;
        }

        /* Buttons */
        .btn-group {
            display: grid;
            grid-template-columns: 1fr 2fr;
            gap: 12px;
            margin-top: 40px;
        }

        .btn {
            padding: 16px;
            border-radius: 10px;
            font-weight: 700;
            font-size: 16px;
            cursor: pointer;
            border: none;
            transition: 0.2s;
        }

        .btn-prev {
            background: #e2e8f0;
            color: var(--text-main);
        }

        .btn-next {
            background: var(--primary-color);
            color: #fff;
        }

        .btn-next:disabled {
            background: #cbd5e1;
            cursor: not-allowed;
        }

        .btn-next:not(:disabled):hover {
            background: var(--primary-hover);
        }

        .required {
            color: #ef4444;
            margin-left: 4px;
        }
		/* 헤더 섹션 - 컴팩트 스타일 (고유 이름 변경) */
			.mora-agreement-header {
				text-align: left;
				margin-bottom: 25px; /* 공간 효율을 위해 조금 더 축소 */
				display: flex;
				align-items: center;
				gap: 16px;
				padding: 10px 0;
			}

			.mora-agreement-header .mora-icon-welcome {
				font-size: 32px; /* 너무 과하지 않게 조정 */
				color: var(--primary-color);
				flex-shrink: 0;
			}

			.mora-agreement-header .mora-text-wrap {
				display: flex;
				flex-direction: column;
				justify-content: center;
			}

			.mora-agreement-header h1 {
				font-size: 20px; /* 프리미엄 미니멀에 맞는 적정 크기 */
				font-weight: 700;
				margin: 0;
				line-height: 1.2;
				letter-spacing: -0.5px;
				color: var(--text-main);
			}

			.mora-agreement-header p {
				color: var(--text-sub);
				font-size: 13px;
				margin: 4px 0 0 0;
				line-height: 1.4;
			}

			/* 단계 표시기 (고유 이름 변경) */
			.mora-step-container {
				display: flex;
				align-items: center;
				justify-content: center;
				margin-bottom: 30px;
				gap: 12px;
			}

			.mora-step-dot {
				width: 28px;
				height: 28px;
				border-radius: 50%;
				background: #f2f2f7;
				color: var(--text-sub);
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 13px;
				font-weight: 700;
			}

			.mora-step-dot.is-active {
				background: var(--primary-color);
				color: #ffffff;
			}

			.mora-step-connector {
				width: 30px;
				height: 2px;
				background: #f2f2f7;
			}

			.mora-step-label {
				font-size: 13px;
				font-weight: 600;
				color: var(--text-sub);
				margin-left: 4px;
			}

			.mora-step-label.is-active {
				color: var(--primary-color);
			}