/************************************************************************ * 파일명 : member.css * 설명 : member 스타일 정의 * 작성일 : 2007.03.31 ************************************************************************/ #layBody{margin-top:8px;} #p_member {margin:0 auto; width:592px;} .page_tit{color:#1293ee;font-size:16px;margin:0 0 4px 15px;} #p_member_key {margin:0 auto; width:650px;} #p_member_key2 {margin:0 auto; width:840px;} #p_member_key2n {margin:0 auto; width:730px;} #p_member_key3 {margin:0 float:right; auto; width:950px; height:680px background:url('http://img.mgoon.com/images/member/bg_img.jpg')} #p_member_login {margin:0 auto; width:730px;} .page_stit {margin:5px 0 10px} .page_stitL {margin:20px 0 5px} .page_stitM {margin:5px 0 10px} .btn {width:100%; text-align:center;} .boxCenterB_bg {position:relative; background:url('http://img.mgoon.com/images/member/boxCenter_bg.gif'); width:592px; overflow:auto; overflow:hidden; clear:both;} .boxCenterB_top {position:relative; background:url('http://img.mgoon.com/images/member/boxCenter_top.gif') no-repeat 0 0; width:592px; overflow:auto; overflow:hidden;} .boxCenterB_btm {background:url('http://img.mgoon.com/images/member/boxCenter_btm.gif') no-repeat 0 bottom; width:592px; overflow:auto; overflow:hidden;} .boxCenterB2_bg {position:relative; background:url('http://img.mgoon.com/images/member/boxCenter2_bg.gif'); width:650px; overflow:auto; overflow:hidden; clear:both;} .boxCenterB2_top {position:relative; background:url('http://img.mgoon.com/images/member/boxCenter2_top.gif') no-repeat 0 0; width:650px; overflow:auto; overflow:hidden;} .boxCenterB2_btm {background:url('http://img.mgoon.com/images/member/boxCenter2_btm.gif') no-repeat 0 bottom; width:650px; overflow:auto; overflow:hidden;} .boxCenterB3_bg {position:relative; background:url('http://img.mgoon.com/images/member/boxCenter3_bg.gif'); width:730px; overflow:auto; overflow:hidden; clear:both; margin-top:35px;} .boxCenterB3_top {position:relative; background:url('http://img.mgoon.com/images/member/boxCenter3_top.gif') no-repeat 0 0; width:730px; overflow:auto; overflow:hidden;} .boxCenterB3_btm {background:url('http://img.mgoon.com/images/member/boxCenter3_btm.gif') no-repeat 0 bottom; width:730px; overflow:auto; overflow:hidden;} .boxCenterB4_bg {position:relative; background:url('http://img.mgoon.com/images/member/boxCenter4_bg.gif'); width:730px; overflow:auto; overflow:hidden; clear:both;} .boxCenterB4_top {position:relative; background:url('http://img.mgoon.com/images/member/boxCenter4_top.gif') no-repeat 0 0; width:730px; overflow:auto; overflow:hidden;} .boxCenterB4_btm {background:url('http://img.mgoon.com/images/member/boxCenter4_btm.gif') no-repeat 0 bottom; width:730px; overflow:auto; overflow:hidden;} .boxGray_con {position:relative; background:url('http://img.mgoon.com/images/member/boxGray_top.gif') no-repeat 0 0; width:562px; overflow:auto; overflow:hidden;margin:15px auto 10px;} .boxGray_btm {background:url('http://img.mgoon.com/images/member/boxGray_btm.gif') no-repeat 0 bottom; width:542px; overflow:auto; overflow:hidden;color:#444;padding:13px 10px;} .boxGray_btm p{line-height:1.6em;} p.date{text-align:right;;font-size:11px;padding:0 20px 6px 0;color:#666;border-bottom:1px dashed #bdbcc1;} .inputL {width:650px; height:83px; background:url('http://img.mgoon.com/images/member/limit_okbg.gif') no-repeat; margin-bottom:10px; position:relative; } .inputL dl { margin:0; padding-top:30px; line-height:100%; overflow:hidden;} *+html body .inputL dl { padding-top:15px; padding-left:20px; } .inputL dl dt { height:40px; float:left; width:63px; margin:0 0 0 25px; display:inline; } .inputL dl dt img { margin-top:6px; } .inputL dl dd { height:40px; float:left; margin:0 0 0 0;} .inputL dl dd.name { width: 500px; } .inputL dl dd.submit { position:absolute; top:16px; left:380px; margin:0; } .inputL dl dd.submit2 { position:absolute; top:16px; left:492px; margin:0; } .inputL2 {width:650px; height:169px; background:url('http://img.mgoon.com/images/member/limit_okbg2.gif') no-repeat; margin-bottom:10px; position:relative; } .inputL2 dl { margin:0; padding-top:103px; line-height:100%; overflow:hidden;} *+html body .inputL dl { padding-top:10px; padding-left:20px; } .inputL2 dl dt { height:30px; float:left; width:70px; margin:0 0 0 23px; display:inline; } .inputL2 dl dt img { margin-top:3px; } .inputL2 dl dd { height:30px; float:left; margin:0 0 0 0;} .inputL2 dl dd.name { width: 500px; } .inputL2 dl dd.submit { position:absolute; top:103px; left:380px; margin:0; } .inputL2 dl dd.submit2 { position:absolute; top:103px; left:492px; margin:0; } .inputL2 dl dd.result { position:absolute; top:20px; left:30px; margin:0; font-size:15px;color:#000000; font-weight:bold; letter-spacing:-1px; line-height:16px;} .inputL2 dl dd.results { position:absolute; top:48px; left:30px; margin:0; font-size:11px;color:#7F7F7F; letter-spacing:-1px; line-height:14px;} .inputL3 {width:650px; height:93px; background:url('http://img.mgoon.com/images/member/limit_okbg3.gif') no-repeat; margin-bottom:10px; position:relative; } .inputL3 dl { margin:0; padding-top:103px; line-height:100%; overflow:hidden;} *+html body .inputL dl { padding-top:10px; padding-left:20px; } .inputL3 dl dt { height:30px; float:left; width:70px; margin:0 0 0 10px; display:inline; } .inputL3 dl dt img { margin-top:3px; } .inputL3 dl dd { height:30px; float:left; margin:0 0 0 0;} .inputL3 dl dd.name { width: 500px; } .inputL3 dl dd.submit { position:absolute; top:103px; left:380px; margin:0; } .inputL3 dl dd.submit2 { position:absolute; top:23px; left:500px; margin:0; } .inputL3 dl dd.submit3 { position:absolute; top:23px; left:460px; margin:0; } .inputL3 dl dd.result { position:absolute; top:20px; left:30px; margin:0; font-size:15px;color:#000000; font-weight:bold; letter-spacing:-1px; line-height:16px;} .inputL3 dl dd.results { position:absolute; top:48px; left:30px; margin:0; font-size:11px;color:#7F7F7F; letter-spacing:-1px; line-height:14px;} .inputL4 { width:562px; height:80px; background:url('http://img.mgoon.com/images/member/limit2_bg.gif') no-repeat; position:relative; padding:16px 0 0 0; line-height:1; } .inputL4 dt, .inputL4 dd { float:left; } .inputL4 dt { height:31px; width:63px; padding:0 0 0 25px; } .inputL4 dt img { margin-top:6px; } .inputL4 dt.jumin img { margin-top:0; } .inputL4 dd { width:474px; height:31px; } .inputL4 .submit { clear:both; width:56px; height:52px; position:absolute; top:16px; left:357px; margin:0; } .inputL4 .submit2 { clear:both; width:87px; height:52px; position:absolute; top:16px; left:451px; margin:0; } .inputL4_form {width:650px; overflow:auto; overflow:hidden; margin-bottom:8px; margin-left:33px; margin-top:0px;} .inputL4_form dt {float:left; width:63px; margin:0px 0 0 0px; display:inline } .inputL4_form dd {float:left; width:100px; margin:0px 0 0 0px; display:inline} .inputl4_form dd .info {vertical-align:top} .inputL_form {width:568px; overflow:auto; overflow:hidden; margin-bottom:8px; margin-left:33px; margin-top:14px;} .inputL_form dt {float:left; width:63px; margin:0px 0 0 23px; display:inline } .inputL_form dd {} .inputl_form dd .info {vertical-align:top} .inputL_form select {margin-top:2px;} .inputA {width:562px; background:url('http://img.mgoon.com/images/member/joinbox_bg.gif') no-repeat; margin-bottom:10px;}*html .inputA,*+html .inputA {margin-bottom:7px;} .inputA dl {width:562px; height:53px; overflow:auto; overflow:hidden; } .inputA dl dt {float:left; width:63px; margin:15px 0 0 23px; display:inline } .inputA dl dd {float:left; margin-top:9px;} .inputA dl dd .info {margin-top:3px;} .A {margin:-10px 0 0 0px;} .A2 {margin:-15px 0 0 0px;} .joinCon {margin:20px 0 0 25px;} .joinCon h4 {margin-bottom:5px;} .ment {margin-top:8px; text-align:center} .inputA_email {width:562px; overflow:auto; overflow:hidden; margin-bottom:8px;} .inputA_email dt {float:left; width:63px; margin:16px 0 0 23px; display:inline } .inputA_email dd {float:left; width:467px; margin-top:10px; } .inputA_email dd .info {margin-top:20px;} .inputA_email select {margin-top:2px;} .join_banner {width:562px; margin-top:40px; text-align:center;} .join_banner .btn_gomain { padding-bottom:25px; } .ruleTxt {width:550px; margin:20px auto;} .ruleTxt textarea{resize:vertical;width:550px;height:290px;border:0; color:#9E9D9D; line-height:16px;} .ruleTxt div{height:290px;overflow:auto;border:0;color:#9e9d9d;line-height:16px;} .ruleTxt div h1, .ruleTxt div h2, .ruleTxt div h3, .ruleTxt div h4{font-size:1.1em;margin:5px 0 10px;} .ruleTxt div ol,.ruleTxt div ul{margin:5px 0 10px;} .ruleTxt div ol li{list-style:decimal outside;margin:0 0 4px 24px;*margin-left:28px;} .ruleTxt div ul li{list-style:circle outside;margin:0 0 4px 16px;} .ruleTxt div ol li ol li{list-style:lower-alpha outside;} .prev-article{padding:10px 0 0 0;} .prev-article a{color:#1293ee;} .p_sitemap {margin:20px auto} .p_sitemap td {padding:6px; vertical-align:top} .p_sitemap .box_top {width:170px; background:url('http://img.mgoon.com/images/footer/boxSitemap_top.gif') no-repeat 0 0} .p_sitemap .box_btm {width:140px; background:url('http://img.mgoon.com/images/footer/boxSitemap_btm.gif') no-repeat 0 bottom; padding:15px;} .p_sitemap h4 {font-size:12px; color:#1293EE; border-bottom:1px solid #EBEBEC; padding:0 0 5px 5px} .p_sitemap ul {padding-top:2px;} .p_sitemap li {background:url('http://img.mgoon.com/images/footer/arrow_sitemap.gif') no-repeat 4px 10px ; padding:5px 0 0px 10px;} .p_sitemap li span {float:left} .p_sitemap li p {font-size:11px;color:#9E9D9D; margin-left:5px; line-height:15px; padding-top:3px;} .p_sitemap li p a, .p_sitemap .box2 li p a:hover {color:#9E9D9D; } .p_sitemap .box2 {width:541px; background:url('http://img.mgoon.com/images/footer/boxSitemap2.gif') no-repeat 0 0;} .p_sitemap .box2_btm {width:541px; padding:15px; background:url('http://img.mgoon.com/images/footer/boxSitemap2_btm.gif') no-repeat 0 bottom;} .p_sitemap .box2 ul {width:100%; overflow:auto;} .p_sitemap .box2 li {float:left; margin-right:15px; overflow:auto; margin-right:0} .p_sitemap .box2 li span {float:left} .p_sitemap .box2 li p {float:left; font-size:11px;color:#9E9D9D; margin-left:5px; line-height:15px} .p_sitemap .box2 li p a, .p_sitemap .box2 li p a:hover {color:#9E9D9D; } .p_sitemap .box3 {width:352px; background:url('http://img.mgoon.com/images/footer/boxSitemap3.gif') no-repeat 0 0;} .p_sitemap .box3_btm {width:320px; padding:15px; background:url('http://img.mgoon.com/images/footer/boxSitemap3_btm.gif') no-repeat 0 bottom;} .p_sitemap .box3 ul {float:left; width:160px; overflow:auto;} .p_sitemap .box3 li {overflow:auto; margin-right:0} .p_sitemap .box3 li span {float:left} .p_sitemap .box3 li p {font-size:11px;color:#9E9D9D; margin-left:5px; line-height:15px} .p_sitemap .box3 li p a, .p_sitemap .box2 li p a:hover {color:#9E9D9D; } .boxJoin_bg {width:534px; background-color:#F4F4F4; margin-bottom:10px;} .boxJoin_top {background:url('http://img.mgoon.com/images/footer/boxJoin_top.gif') no-repeat 0 0; width:534px;} .boxJoin_btm {background:url('http://img.mgoon.com/images/footer/boxJoin_btm.gif') no-repeat 0 bottom; padding:10px 0 10px 115px;} .boxJoin_btm ul { font-size:11px; } .boxJoin_btm ul li { clear:left; padding-left:8px; background:url('http://img.mgoon.com/images/footer/blut_01.gif') no-repeat 0 40%; overflow:hidden; } .boxJoin_btm ul li * { display:block; float:left; } .boxJoin_btm ul li .th { width:165px; background:url('http://img.mgoon.com/images/footer/boxJoin2_list_line.gif') no-repeat 100% 40%; margin-right:10px; } .boxJoin_btm ul li .team { width:43px; background:url('http://img.mgoon.com/images/footer/boxJoin2_list_line.gif') no-repeat 100% 40%; margin-right:10px; } .boxJoin_btm ul li .th { width:165px; background:url('http://img.mgoon.com/images/footer/boxJoin2_list_line.gif') no-repeat 100% 40%; margin-right:10px; } .boxJoin_btm ul li a { color:#1293ee; } .boxJoin2_bg { background:url('http://img.mgoon.com/images/footer/boxJoin2_bg.gif') repeat-y; width:534px; } .boxJoin2_top { background:url('http://img.mgoon.com/images/footer/boxJoin2_top.gif') no-repeat 0 0; width:534px; } .boxJoin2_btm { background:url('http://img.mgoon.com/images/footer/boxJoin2_btm.gif') no-repeat 0 bottom; padding:15px 15px; } .boxJoin2_tit {padding:30px 0 7px 0;} .boxJoin2_btm ul li { padding-left:10px; background:transparent url('http://img.mgoon.com/images/footer/boxJoin2_list_img.gif') no-repeat 0 6px; } .boxJoin2_btm .mail_link { color:#1293ee; } .boxEmploy_bg {width:534px; background-color:#F4F4F4;} .boxEmploy_top {position:relative; background:url('http://img.mgoon.com/images/footer/boxJoin_top.gif') no-repeat 0 0; width:534px; overflow:auto; overflow:hidden;} .boxEmploy_btm {background:url('http://img.mgoon.com/images/footer/boxJoin_btm.gif') no-repeat 0 bottom; width:534px; padding:10px 0 10px 17px; overflow:auto; overflow:hidden;} .login {width:730x; overflow:auto; overflow:hidden; display:inline;} .login h1 {padding:30px 0 0px 0px;} .login .leftA .loginBox { width:303px; float:left; padding:0 20px 0 35px; display:inline; } .login .leftA .loginBox table {margin:18px auto 0 auto;} .login .leftA .loginBox img {vertical-align:middle} .inputL5 { width:650px; height:67px; background:url('http://img.mgoon.com/images/member/limit_okbg.gif') no-repeat; padding-top:16px; margin-bottom:10px; overflow:hidden; position:relative; line-height:1; } *+html body .inputL5 { height:69px; padding-top:14px; } .inputL5 dt { height:31px; float:left; width:63px; padding:0 0 0 38px; line-height:1; } .inputL5 dt img { margin-top:4px; } .inputL5 dd { height:31px; float:left; margin:0; } .inputL5 dd.name { width: 500px; } .inputL5 dd.submit { clear:both; width:68px; height:52px; position:absolute; top:16px; left:380px; margin:0; } .inputL5 dd.submit2 { clear:both; width:107px; height:52px; position:absolute; top:16px; left:492px; margin:0; } .inputL6 {width:650px; height:66px; background:url('http://img.mgoon.com/images/member/limit_okbg2.gif') no-repeat 0 0; padding-top:103px; margin-bottom:10px; position:relative; } .inputL6 .result { position:absolute; top:20px; left:30px; margin:0; font-size:15px;color:#000000; font-weight:bold; letter-spacing:-1px; line-height:16px;} .inputL6 .results { position:absolute; top:48px; left:30px; margin:0; font-size:11px;color:#7F7F7F; letter-spacing:-1px; line-height:14px;} .inputL6 dl { margin:0 0 0 10px; line-height:100%; } .inputL6 dl dt { height:30px; float:left; width:70px; margin:0 0 0 23px; display:inline; } .inputL6 dl dt img { margin-top:3px; } .inputL6 dl dd { height:30px; float:left; margin:0; } .inputL6 dl dd.name { width:500px; } .inputL6 dl dd.submit { clear:both; width:68px; height:52px; position:absolute; top:103px; left:380px; margin:0; } .inputL6 dl dd.submit2 { clear:both; width:107px; height:52px; position:absolute; top:103px; left:492px; margin:0; } /* 2008.06.24 제휴/광고 수정 */ .boxJoin_btm {padding:10px 0 10px 15px;} .boxJoin_btm ul li .th { width:205px; } .boxJoin_btm ul li .team { width:103px;} /* 2009.05.29 핸드폰인증 추가 */ .sms_chd {position:relative;height:60px;width:100%;} .sms_chd p.chd_l span {position:absolute;top:8px;left:0;width:3px;height:3px;font-size:0;line-height:0;background:#dd9703;} .sms_chd p.chd_l {position:absolute;top:0;left:20px;padding-left:7px;vertical-align:middle;font-size:11px;letter-spacing:-1px;} .sms_chd p.chd_l u {text-decoration:none;color:#bb9137;font-weight:bold;} .sms_chd p.chd_r span {position:absolute;top:8px;left:0;width:3px;height:3px;font-size:0;line-height:0;background:#dd9703;} .sms_chd p.chd_r {position:absolute;top:0;left:229px;vertical-align:middle;font-size:11px;letter-spacing:-1px;} .sms_chd p.chd_r u {text-decoration:none;color:#bb9137;padding-left:7px;font-weight:bold;} .sms_chd p.chd_tip span {position:absolute;top:4px;left:0;width:3px;height:3px;font-size:0;line-height:0;background:#777;} .sms_chd p.chd_tip {position:absolute;top:30px;left:20px;padding-left:7px;vertical-align:middle;font-size:12px;letter-spacing:-1px;color:#777;} .sms_chd p.chd_tip u {text-decoration:underline;color:#1293ee;} /* 핸드폰인증 추가 -popup */ body.pop {} h1#pop_layHead {border-bottom:1px solid #dbdbdb;color:#1293ee;font-size:14px;margin:0 10px;font-weight:bold;padding:20px 0 10px 0;} #pop_layBody {color:888;text-align:center;padding-top:30px;margin:0 10px;padding-bottom:10px;border-bottom:1px dotted #dbdbdb;} #pop_layBody p.Pinput {background:#eff4f9;text-align:center;padding:11px 0;vertical-align:middle;} #pop_layBody p.Pinput strong {color:#4b597d;padding-left:8px;vertical-align:middle;background:url(/images/member/icon_bl.gif) no-repeat 0 3px;} #pop_layBody p.Pinput input {width:152px;border:1px solid #dadada;padding:1px;vertical-align:middle;} #pop_layBody p.Pmemo {padding-bottom:21px;line-height:130%;color:#888;} #pop_layFooter {text-align:center;padding-bottom:17px;} #pop_layFooter p.tip {text-align:center;color:#1293ee;padding:10px 0 15px 0;}