@charset "euc-kr";

/*
-------------------------------------------------------------------------------------------------
.ÆÄÀÏ¸í      :  member.css
.ÀÛ¾÷½ÃÀÛ    :  2009/01/30
.ÃÖÁ¾¼öÁ¤ÀÏ  :  
.ÀÛ¾÷ÀÚ      :  ÀüÇý¶õ
.³»¿ë        :  È¸¿ø°¡ÀÔ µî
-------------------------------------------------------------------------------------------------
*/


.memA h1 {padding:0 0 0px 10px;}
.memA h1 img {padding-bottom:2px;}
.memA h3 img {padding-left:2px;}

/* È¸¿ø ·Î±×ÀÎ
------------------------------------------------------------------------------------ */
.memA {font-style:normal;}
.memA .MemLogin {width:900px; border:10px solid #ebebeb; padding:15px 0 0 0; position:relative; margin:12px 4px 15px 4px;}
.memA .MemLogin .LogWrap { padding-left:65px; width:760px; text-align:left; }

.memA .MemLogin .LogWrap fieldset dl {width:323px; height:91px; margin:0; padding:25px 0 0 40px; background:url(../../images/layer/memlogin_ly_bg_all.gif) no-repeat left top; position:relative; text-align:center;}
.memA .MemLogin .LogWrap fieldset dl dt {float:left; width:60px; padding-top:7px; clear:left; text-align:left;}
.memA .MemLogin .LogWrap fieldset dl dd {float:left; width:180px; padding-bottom:5px; text-align:left;}
.memA .MemLogin .LogWrap fieldset dl dd input {width:168px; height:13px; padding:3px 2px 2px 3px; border:1px solid #999;}
.memA .MemLogin .LogWrap fieldset p.btnLogin {position:absolute; top:75px; left:350px;}
.memA .MemLogin .LogWrap fieldset .security {position:absolute; top:130px; left:165px;}
.memA .MemLogin .LogWrap fieldset .security li {display:inline;}
.memA .MemLogin .LogWrap fieldset .security li img {vertical-align:middle;}
.memA .MemLogin .LogWrap .function {width:363px; margin:20px 0 30px 0; padding:10px 0 12px 0; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
.memA .MemLogin .LogWrap .function li {padding:3px 0; text-align:center;}

.memA .MemLogin .LogBan {width:420px; padding:0px 0 0 10px; display:inline;}
.memA .MemLogin .LogBan p.img {position:absolute; top:22px; right:60px;}

.memA .MemLogin dl.memDivide {width:363px; margin:20px 0 10px 65px; padding:0px; color:#333;}
.memA .MemLogin dl.memDivide dt {display:inline; padding:0 0 0 17px; background:url(../../images/common/bullet_03.gif) no-repeat left 2px;}
.memA .MemLogin dl.memDivide dd {display:inline;}

/* ºñÈ¸¿ø ·Î±×ÀÎ */
.memA .MemLogin .nonWrap {padding-left:65px; width:760px; text-align:left; }
.memA .MemLogin .nonWrap fieldset dl {width:323px; height:93px; margin:0; padding:15px 0 0 40px; background:url(../../images/layer/memlogin_ly_bg_all.gif) no-repeat left top; position:relative; text-align:center;}
.memA .MemLogin .nonWrap fieldset dl dt {}
.memA .MemLogin .nonWrap fieldset dl dd {float:left; width:280px; font-weight:normal; font:11px/1.3 dotum; color:#333; padding-bottom:8px; text-align:left;}
.memA .MemLogin .nonWrap fieldset dl dd em {color:#BB0023;}


.memA .MemLogin .nonWrap .function {width:363px; margin:20px 0 30px 0; padding:10px 0 12px 0; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
.memA .MemLogin .nonWrap .function li {padding:3px 0; text-align:center;}
.memA .MemLogin .nonWrap fieldset p.btnNext {margin:10px 0 0 105px;}

.memA .MemLogin .nonWrap fieldset dl.nonTxt {width:323px; height:50px; margin:0; padding:15px 0 0 40px; background:url(../../images/layer/memlogin_ly_bg_all.gif) no-repeat left top; position:relative; text-align:center;}
.memA .MemLogin .nonWrap fieldset dl.nonTxt dd {float:left; width:280px; font-weight:normal; font:11px/1.3 dotum; color:#333; padding-bottom:0px; text-align:left;}
.memA .MemLogin .nonWrap fieldset dl.nonTxt dd em.odd {color:#007ABE;}

.memA .MemLogin .nonWrap fieldset dl.nonInput {width:323px; height:64px; margin:0; padding:0px 0 0 40px; background:url(../../images/layer/memlogin_ly_bg_all.gif) no-repeat left top; position:relative; text-align:center;}
.memA .MemLogin .nonWrap fieldset dl.nonInput dt {float:left; width:60px; padding-top:7px; clear:left; text-align:left;}
.memA .MemLogin .nonWrap fieldset dl.nonInput dd {float:left; width:180px; padding-bottom:5px; text-align:left;}
.memA .MemLogin .nonWrap fieldset dl.nonInput dd input {height:13px; padding:3px 2px 2px 3px; border:1px solid #999;}
.memA .MemLogin .nonWrap fieldset p.btnLogin {position:absolute; top:115px; left:340px;}


/* ºñÈ¸¿ø ÀÌ¿ë¾à°ü ¹× °³ÀÎÁ¤º¸µ¿ÀÇ */
.memA .MemLogin .nonWrap .nonmem .memTp {height:14px; background:url(../../images/order/order_b_bg_top.gif) no-repeat left top;}
.memA .MemLogin .nonWrap .nonmem .bgBt {height:14px; background:url(../../images/order/order_b_bg_bottom.gif) no-repeat left bottom;}
.memA .MemLogin .nonWrap .nonmem {position:relative; width:760px; margin:10px 0 25px 0; background:url(../../images/order/order_b_bg_all.gif) repeat-y;}
.memA .MemLogin .nonWrap .nonmem h3 {margin:15px 0 5px 5px; _margin:5px 0 10px 5px; padding:1px 0 0px 19px; color:#333; _height:1%;}

.memA .MemLogin .nonWrap .nonmem h3 {font:11px dotum; margin-bottom:7px;}
.memA .MemLogin .nonWrap .nonmem h3 strong {display:inline-block; font:bold 12px gulim; color:#0D8B73; padding:2px 20px 0 18px; background:url(../../images/common/icon_arrow_04.gif) no-repeat left 1px;}
.memA .MemLogin .nonWrap .nonmem p{position:absolute; top:0px; right:0;}
.memA .MemLogin .nonWrap .nonmem pinput {position:relative; top:-2px;}
.memA .MemLogin .nonWrap .nonmem .box {padding:0 10px 7px 10px; margin-bottom:0px; text-align:center;}
.memA .MemLogin .nonWrap .nonmem .box textarea {
	width:700px; height:66px; padding:8px 10px; line-height:1.5; color:#666; border:1px solid #F1F1F1;
	overflow-y:scroll;
	scrollbar-face-color:#f7f7f7;
	scrollbar-highlight-color:#f7f7f7;
	scrollbar-3dlight-color:#D2D2D2;
	scrollbar-shadow-color:#d8d8d8;
	scrollbar-darkshadow-color:#fff;
	scrollbar-track-color: #F7F7F7;
	scrollbar-arrow-color:#000;
}
.memA .MemLogin .nonWrap .nonmem dl {text-align:right; padding:0px 10px 10px 0px;}
.memA .MemLogin .nonWrap .nonmem dt {display:inline; }
.memA .MemLogin .nonWrap .nonmem dd {display:inline; padding:0 5px;}
.memA .MemLogin .nonWrap .nonmem dd img {vertical-align:middle;}
.memA .MemLogin .nonWrap .nonmem p.step2Ok {margin-top:20px; text-align:center;}


/* È¸¿ø°¡ÀÔ - ¾à°üµ¿ÀÇ
------------------------------------------------------------------------------------ */
.memA .memRegist {width:770px; padding:20px 60px 10px 60px; position:relative; background:url(../../images/common/box_con_bg_all.gif) repeat-y; _height:1%;}
.memA .memRegist h3 {font:11px dotum; margin-bottom:7px;}
.memA .memRegist h3 strong {display:inline-block; font:bold 12px gulim; color:#a80228; padding:2px 20px 0 18px; background:url(../../images/common/icon_arrow_04.gif) no-repeat left 1px;}
.memA .memRegist p{position:absolute; top:0px; right:0;}
.memA .memRegist pinput {position:relative; top:-2px;}
.memA .memRegist .box {background-color:#f4f4f4; padding:10px; margin-bottom:10px;}
.memA .memRegist textarea {
	width:718px; padding:15px; line-height:1.5; color:#666; border:1px solid #999;
	overflow-y:scroll;
	scrollbar-face-color:#f7f7f7;
	scrollbar-highlight-color:#f7f7f7;
	scrollbar-3dlight-color:#D2D2D2;
	scrollbar-shadow-color:#d8d8d8;
	scrollbar-darkshadow-color:#fff;
	scrollbar-track-color: #F7F7F7;
	scrollbar-arrow-color:#000;
}
.memA .memRegist h4 {font-weight:normal;}
.memA .memRegist ul {margin:-12px 0 0px 0px; line-height:1.6; position:relative; top:-2px;}
.memA .memRegist ul li.txt {padding:0 0 0 20px;}
.memA .memRegist ul li.txt .agbtn {position:absolute; top:5px; right:15px;}
.memA .memRegist dl {text-align:right; padding:0px 5px 10px 0px;}
.memA .memRegist dt {display:inline; }
.memA .memRegist dd {display:inline; padding:0 5px;}
.memA .memRegist dd img {vertical-align:middle;}


/* È¸¿ø Á¤º¸ÀÔ·Â */
.memA .bgBt {height:16px; background:url(../../images/common/box_con_bg_bottom02.gif) no-repeat left bottom;}
.memA .bgTp {height:16px; margin-top:20px; background:url(../../images/common/box_con_bg_top03.gif) no-repeat left top;}

.memA h4 {margin:0px; padding:10px 0 0px 68px; background:url(../../images/common/box_con_bg_all.gif) repeat-y; _height:1%;}
.memA .registWr {position:relative; width:770px; padding:10px 60px 10px 60px; background:url(../../images/common/box_con_bg_all.gif) repeat-y; _height:1%;}
.memA .registWr p.caution {position:absolute; left:50px; top:-15px; text-align:left; margin:0px 0 8px 5px; padding:0px 0 0 140px;}
.memA .registWr p.caution em {color:#FF6000; font-weight:bold;}
.memA .registWr table {width:760px; margin:0px 0 5px 0px; border-top:2px solid #b4b4b4; border-bottom:2px solid #b4b4b4;}
.memA .registWr table th {background-color:#f4f4f4; border-bottom:1px solid #d6d6d6; text-align:left; height:38px; _height:28px; padding:10px 0 0 20px; _padding:13px 0 0 20px; vertical-align:top; color:#333;}
*:first-child+html .memA .registWr table th {height:28px; padding:13px 0 0 20px;}
.memA .registWr table th em {color:#FF6000; font-weight:bold;}
.memA .registWr table td {border-bottom:1px solid #d6d6d6; height:31px; padding:5px 0 5px 20px;}
.memA .registWr table td input.box {width:126px; height:15px; padding:3px 0 0 3px; border:1px solid #999;}
.memA .registWr table td textarea {width:530px; height:35px; padding:3px 0 0 3px; border:1px solid #999;
	scrollbar-face-color:#f7f7f7;
	scrollbar-highlight-color:#f7f7f7;
	scrollbar-3dlight-color:#D2D2D2;
	scrollbar-shadow-color:#d8d8d8;
	scrollbar-darkshadow-color:#fff;
	scrollbar-track-color: #F7F7F7;
	scrollbar-arrow-color:#000;
}
.memA .registWr table td dl {}
.memA .registWr table td dl dt a {float:left; height:15px; padding:3px 25px 0 7px; background:url(../../images/common/icon_select_01.gif) no-repeat right 1px; border:1px solid #bbb;}
.memA .registWr table td dl dt a:hover {text-decoration:none; background-color:#f4f4f4;}
.memA .registWr table td dl dd {clear:both; position:relative;}
.memA .registWr table td dl dd ul {position:absolute; top:-1px; left:0; border:1px solid #c4c4c4; background-color:#fff; z-index:30; }
.memA .registWr table td dl dd ul li a {display:block; _float:left; height:15px; padding:3px 10px 0 6px; clear:both; white-space:nowrap; background-color:#fff;}
.memA .registWr table td dl dd ul li a:hover {text-decoration:underline;}

.memA .registWr table td input {height:15px; border:1px solid #BBB; padding:3px 3px 0 3px; top:-1px;}
.memA .registWr table td input.sl {border:none;}
.memA .registWr p.step2Ok {margin:20px 0 10px 0; text-align:center;}
.memA .registWr table td p.text {clear:both; padding:5px 0;}

/* ¼±ÅÃ */
.memA .registWr dl.select3 {float:left; position:relative; z-index:150;}
.memA .registWr dl.select3 dt a {float:left; height:15px; padding:3px 31px 0 7px; background:#fff url(../../images/common/icon_select_01.gif) no-repeat right 1px; border:1px solid #bbb;}
.memA .registWr dl.select3 dt a:hover {text-decoration:none; background-color:#f4f4f4;}
.memA .registWr dl.select3 dd {clear:both; position:relative; }
.memA .registWr dl.select3 dd.scroll2 {}
.memA .registWr dl.select3 dd ul {position:absolute; top:-1px; left:0; border:1px solid #c4c4c4; background-color:#fff; z-index:150;
	overflow:auto; overflow-x:hidden; width:62px; height:90px;
	scrollbar-face-color:#f7f7f7;
	scrollbar-highlight-color:#f7f7f7;
	scrollbar-3dlight-color:#D2D2D2;
	scrollbar-shadow-color:#d8d8d8;
	scrollbar-darkshadow-color:#fff;
	scrollbar-track-color: #F7F7F7;
	scrollbar-arrow-color:#000;
}
.memA .registWr dl.select3 dd ul li {_float:left;}
.memA .registWr dl.select3 dd ul li a {display:block; _float:left; height:15px; padding:3px 10px 0 6px; clear:both; white-space:nowrap;}
.memA .registWr dl.select3 dd ul li a:hover {text-decoration:none; background-color:#e9e9e9;}

/* ¼±ÅÃ-ÃÖ»óÀ§ */
.memA .registWr dl.select2 {float:left; position:relative; z-index:180;}
.memA .registWr dl.select2 dt a {float:left; height:15px; padding:3px 31px 0 7px; background:#fff url(../../images/common/icon_select_01.gif) no-repeat right 1px; border:1px solid #bbb;}
.memA .registWr dl.select2 dt a:hover {text-decoration:none; background-color:#f4f4f4;}
.memA .registWr dl.select2 dd {clear:both; position:relative;}
.memA .registWr dl.select2 dd ul {position:absolute; top:-1px; left:0; height:108px; border:1px solid #c4c4c4; background-color:#fff; z-index:180;
	overflow:auto; width:62px;
	scrollbar-face-color:#f7f7f7;
	scrollbar-highlight-color:#f7f7f7;
	scrollbar-3dlight-color:#D2D2D2;
	scrollbar-shadow-color:#d8d8d8;
	scrollbar-darkshadow-color:#fff;
	scrollbar-track-color: #F7F7F7;
	scrollbar-arrow-color:#000;
}
.memA .registWr dl.select2 dd ul li {_float:left;}
.memA .registWr dl.select2 dd ul li a {display:block; _float:left; height:15px; padding:3px 10px 0 6px; clear:both; white-space:nowrap;}
.memA .registWr dl.select2 dd ul li a:hover {text-decoration:none; background-color:#e9e9e9;}

.memA .registWr table td .phone p {float:left;}
.memA .registWr table td .phone img {vertical-align:middle;}
.memA .registWr table td .email {position:relative;}
.memA .registWr table td .email dl.select {position:absolute; top:0px; left:280px; z-index:1000;}
.memA .registWr table td .email dl.select dt a {width:90px;}
.memA .registWr table td .email dl.select dd ul li a:hover {text-decoration:none; background-color:#e9e9e9;}
.memA .registWr table td .email dl.select dd ul {position:absolute; top:-1px; left:0; height:198px; border:1px solid #c4c4c4; background-color:#fff; z-index:1000;
	overflow:auto; width:128px;
	scrollbar-face-color:#f7f7f7;
	scrollbar-highlight-color:#f7f7f7;
	scrollbar-3dlight-color:#D2D2D2;
	scrollbar-shadow-color:#d8d8d8;
	scrollbar-darkshadow-color:#fff;
	scrollbar-track-color: #F7F7F7;
	scrollbar-arrow-color:#000;
}

.memA .registWr table td .email p {padding-top:0; display:inline; }
.memA .registWr table td .email p input {position:relative; top:-2px;}
.memA .registWr table td .email p.btn {padding-left:130px;}

.memA .registWr table {margin-top:10px; z-index:10;}
.memA .registWr table caption span {padding-left:20px;}
.memA .registWr table caption em {position:static; font-weight:bold; color:#ff7000;}

.memA .registWr table td .phone div dl {}
.memA .registWr table td .phone p.check {padding:8px 0 5px 0;}
.memA .registWr table td .phone ul.comp {float:left; padding-right:20px;}
.memA .registWr table td .phone ul.comp li {display:inline; padding-right:10px;}
.memA .registWr table td .phone div dl dd ul {width:56px;}
.memA .registWr table td .phone div p {float:left;}
.memA .registWr table td .phone p.text {clear:both; padding:5px 0;}
.memA .registWr table td .phone dl.select dd ul {width:62px;}

.memA .registWr table td ul.address {display:block; padding:0px 0; }
.memA .registWr table td ul.address li {display:inline; padding-right:20px;}
.memA .registWr table td ul.address li {display:block; padding-top:5px; letter-spacing:-1px;}
.memA .registWr table td.cfLine {line-height:2.8; padding-top:8px;}
.memA .registWr table td p.cf {position:absolute; top:155px; left:395px;}
.memA .registWr table td p.cftxt {position:absolute; top:155px; left:440px;}

/* Á¦ 3ÀÚ È°¿ë */
.memA .registWr .click_more {height:30px; padding:5px 0 0 0; margin:20px 0 5px 0; text-align:center; background-color:#F4F4F4; border:1px solid #e9e9e9; }
.memA .memRegist2 {width:770px; background-color:#f4f4f4; padding:10px 0px 10px 0px; position:relative;}
.memA .memRegist2 h3 {font:11px dotum; margin-bottom:7px;}
.memA .memRegist2 h3 strong {display:inline-block; font:bold 12px gulim; color:#a80228; padding:2px 20px 0 18px; background:url(../../images/common/icon_arrow_04.gif) no-repeat left 1px;}

.memA .registWr .memRegist2 .box2 {background-color:#f4f4f4; padding:10px; margin-bottom:10px;}
.memA .registWr .memRegist2 textarea {width:450px; _height:80px;  height:80px;
	padding:15px; line-height:1.5; color:#666; border:1px solid #999;
	overflow-y:scroll;
	scrollbar-face-color:#f7f7f7;
	scrollbar-highlight-color:#f7f7f7;
	scrollbar-3dlight-color:#D2D2D2;
	scrollbar-shadow-color:#d8d8d8;
	scrollbar-darkshadow-color:#fff;
	scrollbar-track-color: #F7F7F7;
	scrollbar-arrow-color:#000;
}
.memA .registWr .memRegist2 p.img {float:left; width:230px; margin:0px 0 0 25px; _margin:0px 0 0 10px;}
.memA .registWr .memRegist2 dl {width:470px; padding:0px 10px 0 300px; margin-top:-10px; }
.memA .registWr .memRegist2 dl dt {display:inline;}
.memA .registWr .memRegist2 dl dd {display:inline;}
.memA .registWr .memRegist2 p.info {padding:10px 0 0px 10px;}

/* µ¿½Ã°¡ÀÔ */
.memA .registSt {width:770px; border:3px solid #209BB4; margin-top:20px; padding-top:10px;}
.memA .registSt p.couponSt {float:left; width:225px; padding:30px 10px 0 20px;}
.memA .registSt table {float:left; width:500px; border-top:1px solid #E9E9E9; border-bottom:1px solid #E9E9E9;}
.memA .registSt table th {background-color:#E9E9E9; border-bottom:1px solid #d6d6d6; text-align:left; height:22px; _height:22px; padding:10px 0 0 25px; _padding:13px 0 0 25px; vertical-align:top; color:#333;}
*:first-child+html .memA .registWr table th {height:22px; padding:10px 0 0 25px;}
.memA .registSt table th em {color:#FF6000; font-weight:bold;}
.memA .registSt table td {border-bottom:1px solid #d6d6d6; background-color:#E9E9E9; height:22px; padding:5px 0 5px 20px;}
.memA .registSt table td input.box {width:126px; height:15px; padding:3px 0 0 3px; border:1px solid #999;}
.memA .registSt table td textarea {width:530px; height:35px; padding:3px 0 0 3px; border:1px solid #999;
	scrollbar-face-color:#f7f7f7;
	scrollbar-highlight-color:#f7f7f7;
	scrollbar-3dlight-color:#D2D2D2;
	scrollbar-shadow-color:#d8d8d8;
	scrollbar-darkshadow-color:#fff;
	scrollbar-track-color: #F7F7F7;
	scrollbar-arrow-color:#000;
}
.memA .registSt table td .email {position:relative; padding:3px 0 0 0;}
.memA .registSt p.line {clear:both; width:745px; height:8px; margin:0 0 0 10px; background:url(../../images/common/line_dot_02.gif) repeat-x left 6px;} 

.memA .registSt .registBan {position:relative; clear:both; width:753px; margin:10px 0 20px 8px; height:154px; background:url(../../images/member/register_bn_dongyang.gif) no-repeat left top;} 
.memA .registSt .registBan dd.selectPre {float:left; width:235px; padding:40px 0 0 15px;}
.memA .registSt .registBan dd.selectPre ul li {float:left; text-align:center;}
.memA .registSt .registBan dd.selectPre p.btn {position:absolute; top:120px; left:15px;}

.memA .registSt .registBan dd.agrBan {float:left; width:470px; padding:78px 0 0 12px;}
.memA .registSt .registBan dd.agrBan textarea {width:470px; height:30px; padding:3px 0 0 5px; border:1px solid #999;
    font:11px dotum; color:#666666; line-height:1.4;
	scrollbar-face-color:#f7f7f7;
	scrollbar-highlight-color:#f7f7f7;
	scrollbar-3dlight-color:#D2D2D2;
	scrollbar-shadow-color:#d8d8d8;
	scrollbar-darkshadow-color:#fff;
	scrollbar-track-color: #F7F7F7;
	scrollbar-arrow-color:#000;
}
.memA .registSt .registBan dd.agrBan dt {padding-top:4px;}
.memA .registSt .registBan dd.agrBan dd {display:inline; font:11px dotum;}

/* È¸¿ø°¡ÀÔ - °¡ÀÔ¿Ï·á
------------------------------------------------------------------------------------ */
.memA p.textStep2 {text-align:center; margin-bottom:30px;}

.memA .memStep2 {width:760px; padding-bottom:15px;}
.memA .memStep2 fieldset {width:470px; height:265px; margin:20px 0 0 0px; _display:inline; position:relative;}
.memA .memStep2 fieldset p.t1 {float:left; padding:0;}
.memA .memStep2 fieldset dl {float:left; width:335px; margin:0 auto; padding:10px 0 0 135px; position:relative;}
.memA .memStep2 fieldset dl dt {float:left; text-align:center; padding-left:10px;}
.memA .memStep2 p.img {float:left; width:230px; margin:15px 0 0 25px;}

.memA .memBan {width:760px; padding:20px 0 0 0;}
.memA .memBan dl.Banbox {width:760px;}
.memA .memBan p.agree {text-align:right; padding-right:10px;}
.memA .memBan dl.Banbox dd {height:110px; padding:5px 0 0 155px; background:url(http://www.sigmadata.co.kr/event/insurance/090501/zoltar2.jpg) no-repeat left top;}
.memA .memBan dl.Banbox dd textarea {width:520px; height:48px;
	font-size:11px; border:1px solid #666; left-margin:30px; line-height:15px; padding:5px 15px 15px 15px; 
	scrollbar-3dlight-color: #E0E0E0; 
	scrollbar-arrow-color: #CC9933; 
	scrollbar-track-color: #E0E0E0; 
	scrollbar-darkshadow-color: #E0E0E0; 
	scrollbar-face-color: #FFFFFF; 
	scrollbar-highlight-color: #CCCCCC; 
	scrollbar-shadow-color: #CCCCCC;
}