@import "/common/css/common.css"; /* Page Title */ /* div.PageTitle_one { background:url('/images/member/bg_pagetitle01.gif') left top no-repeat;} div.PageTitle_two { background:url('/images/member/bg_pagetitle02.gif') left bottom no-repeat;} div.PageTitle_three {background:url('/images/member/bg_pagetitle04.gif') left bottom no-repeat;} div.PageTitle_four {background:url('/images/member/bg_pagetitle05.gif') left bottom no-repeat;} div.PageTitle_two div, div.PageTitle_three div, div.PageTitle_four div {background:url('/images/member/bg_pagetitle03.gif') left top no-repeat;} */ /* Provision List */ div.prov_list {width:693px;background: url('/images/member/bg_prov02.gif') left bottom no-repeat;padding-bottom:7px;} div.prov_list div {background: url('/images/member/bg_prov01.gif') left top no-repeat;padding-top:19px;padding-left:12px;} div.prov_list div h3 {width:auto;padding-bottom:10px;} div.prov_list div span {cursor:pointer;} /* End Message Box */ div.end_box01 {width:693px;height:139px;background: url('/images/member/bg_end01.gif') 71px top no-repeat;padding-top:60px;padding-right:100px;padding-left:305px;font-size:14px;color:#006B54;font-weight:bold;letter-spacing:-1px;} div.end_box02 {width:693px;height:139px;background: url('/images/member/bg_end02.gif') 71px top no-repeat;padding-top:60px;padding-right:100px;padding-left:305px;font-size:16px;color:#006B54;font-weight:bold;letter-spacing:-1px;} div.end_box02 strong {color:#B51218;} div.end_box03 {width:693px;height:139px;background: url('/images/member/bg_end03.gif') 41px top no-repeat;padding-top:53px;padding-left:275px;font-size:16px;color:#006B54;font-weight:bold;letter-spacing:-1px;} div.end_box03 strong {color:#B51218;font-size:12px;height:12px;padding-top:5px;} div.end_box04 {width:693px;height:139px;background: url('/images/member/bg_end04.gif') 41px top no-repeat;padding-top:47px;padding-left:275px;font-size:16px;color:#006B54;font-weight:bold;letter-spacing:-1px;} div.end_box04 span {font-weight:normal;color:#000;font-size:12px;height:12px;padding-top:5px;padding-left:30px;} div.end_box05 {width:693px;height:169px;background: url('/images/member/bg_end05.gif') 41px top no-repeat;padding-top:37px;padding-left:275px;font-size:16px;color:#006B54;font-weight:bold;letter-spacing:-1px;} div.end_box05 span {font-weight:normal;color:#000;font-size:12px;height:12px;padding-top:5px;} div.end_box06 {width:693px;height:150px;background: url('/images/member/bg_end06.gif') 41px top no-repeat;padding-top:48px;padding-left:275px;letter-spacing:-1px;} div.end_box07 {width:693px;height:139px;background: url('/images/member/bg_end07.gif') 20px top no-repeat;padding-top:45px;padding-left:250px;font-size:14px;color:#006B54;font-weight:bold;letter-spacing:-1px;} div.end_box07 span {font-weight:normal;color:#000;font-size:12px;height:12px;padding-top:5px;} div.end_box08 {width:693px;height:139px;background: url('/images/member/bg_end04.gif') 41px top no-repeat;padding-top:30px;padding-left:265px;font-size:16px;color:#006B54;font-weight:bold;letter-spacing:-1px;} div.end_box08 span {font-weight:normal;color:#000;font-size:12px;height:12px;padding-top:5px;} /*새로운 End Message Box */ /*1-ID찾기완료메세지*/ div.Nend_box01 {width:693px;height:113px;background: url('/images/member/bg_Nend01.gif') 20px top no-repeat;padding-top:47px;padding-right:100px;padding-left:207px;font-size:16px;color:#00846f;font-weight:bold;letter-spacing:-1px;} div.Nend_box01 strong {color:#cc4870;} /*2-탈퇴완료메세지*/ div.Nend_box02 {width:693px;height:113px;background: url('/images/member/bg_Nend02.gif') 20px top no-repeat;padding-top:39px;padding-right:100px;padding-left:207px;font-size:16px;color:#00846f;font-weight:bold;letter-spacing:-1px;line-height:18px;} div.Nend_box02 strong {color:#cc4870;font-size:12px;height:12px;padding-top:5px;} /**/ div.endMsg_box strong {width:450px;padding-bottom:10px;} div.endMsg_box h4 {width:450px;text-align:left;background:url('/images/common/bu_fourdepth.gif') 1px 12px no-repeat;font-weight:normal;padding-left:11px;padding-top:0px;} div.endMsg_box h4 span {font-weight:normal;} /* 로그인 박스 */ #login_box {width:576px; height:241px; background:url('/images/member/bg_login_box.gif') no-repeat; text-align:left;} #login_tbox {width:345px; height:61px; background:url('/images/member/bg_login_tbox.gif') no-repeat; text-align:left; margin-left:194px; margin-top:9px;} #sign {width:333px; border-bottom:1px solid #D6D7C8; text-align:center; margin-left:200px; padding-bottom:9px;} .ml200 {margin-left:200px;} .ml225 {margin-left:225px;} .mt3 {margin-top:3px;} /* ID찾기 박스 */ #searchid_box {width:596px; height:233px; background:url('/images/member/bg_searchid_box.gif') no-repeat; text-align:left;} #searchid_tbox {width:582px; height:101px; background:url('/images/member/bg_searchid_tbox.gif') no-repeat; margin-left:7px; margin-top:13px;} /* 회원탈퇴 박스 */ #sec_box {width:596px; height:237px; background:url('/images/member/bg_sec_box.gif') no-repeat; text-align:left;} #sec_tbox {width:582px; height:79px; background:url('/images/member/bg_sec_tbox.gif') no-repeat; margin-left:7px; margin-top:17px;} /* 로그인,ID찾기,회원탈퇴 하단 문구 */ #t_list {margin-left:14px; margin-top:16px;} #t_list li {background:url('/images/common/bu_exbox01.gif') 0 5px no-repeat; padding-left:11px; line-height:18px; letter-spacing:-1px;} /* 공인증센터 인증서관리 리스트 */ #cert_box01 {width:341px; height:116px; background:url('/images/member/bg_cert01.gif') no-repeat;} #cert_box02 {width:341px; height:146px; background:url('/images/member/bg_cert02.gif') no-repeat;} #cert_box03 {width:341px; height:116px; background:url('/images/member/bg_cert03.gif') no-repeat;} #cert_box04 {width:341px; height:146px; background:url('/images/member/bg_cert04.gif') no-repeat;} #cert_box01 table, #cert_box02 table, #cert_box03 table,#cert_box04 table, {margin-left:25px;} .cert_img {width:90px; vertical-align:top; padding-top:30px;} .cert_con {width:205px; line-height:18px; padding-top:8px; letter-spacing:-1px;} /* 로그인 */ div.outLoginLeft {float:left; background:url('/images/member/bg_leftLogin.gif') no-repeat; width:310px; height:183px; padding:30px 0px 0px 29px;} div.outLoginRight {float:right; background:url('/images/member/bg_rightLogin.gif') no-repeat; width:310px; height:183px; padding:30px 10px 0px 29px;} div.innerLogin {width:310px; height:183px;} div.innerLogin div.innerText {clear:both; padding:0px; margin-right:0px; margin-top:4px} div.innerLogin div.innerText span {font-size:11px; color:#989fa5;} div.innerLogin div.box {border-top:1px solid #6bbeb2; width:290px; padding-top:8px; _padding-top:4px;} div.innerLogin p {position:relative; top:16px; left:117px; _top:20px;} ul.tab_memberLogin {clear:both; display:inline-block; background:url('/images/member/bar_login.gif') left bottom no-repeat; width:100%} ul.tab_memberLogin li span {display:inline-block; position:relative; z-index:-1;} ul.tab_memberLogin li {float:right; display:inline-block; background:url('/images/member/tab_memberTab.gif') no-repeat; width:55px; height:20px; cursor:pointer;} ul.tab_memberLogin li.tab0 {background-position:0px -20px;} ul.tab_memberLogin li.tab1 {background-position:-55px -20px;} ul.tab_memberLogin li:hover.tab0, ul.tab_memberLogin li.tab0Seleted {background-position:0 0;} ul.tab_memberLogin li:hover.tab1, ul.tab_memberLogin li.tab1Seleted {background-position:-55px 0;} div.loginBox {background:url('/images/member/bg_loginBox.gif') left center no-repeat; width:290px; height:79px;} div.loginBox div.loginBoxForm {float:left; width:195px; _width:188px; margin-top:5px; margin-left:10px;} div.loginBox div.loginBoxForm dt {float:left; margin-top:5px; margin-right:5px;} div.loginBox div.loginBoxForm dd {float:left; margin:0px;} div.loginBox div.loginBoxForm dd input {width:100px;} div.loginBox div.loginBtn {float:left; margin-top:10px;} /* login tabRoot */ div.tabRoot {float:right;} div.tabRoot li.tab0 {background:url('/images/bg_memberRoot.gif') no-repeat; float:left; display:inline-block; background-position:0px -29px; width:113px; height:29px} div.tabRoot li.tab1 {background:url('/images/bg_memberRoot.gif') no-repeat; float:left; display:inline-block; background-position:-113px -29px; width:113px; height:29px} div.tabRoot li.tab2 {background:url('/images/bg_memberRoot.gif') no-repeat; float:left; display:inline-block; background-position:-226px -29px; width:113px; height:29px} div.tabRoot li.tab0Seleted {background:url('/images/bg_memberRoot.gif') no-repeat; float:left; display:inline-block; background-position:0px 0px; width:113px; height:29px} div.tabRoot li.tab1Seleted {background:url('/images/bg_memberRoot.gif') no-repeat; float:left; display:inline-block; background-position:-113px 0px; width:113px; height:29px} div.tabRoot li.tab2Seleted {background:url('/images/bg_memberRoot.gif') no-repeat; float:left; display:inline-block; background-position:-226px 0px; width:113px; height:29px} /* 회원가입_회원가입 */ div.leftLoginBox {float:left; background:url('/images/member/bg_MboxL.gif') left top no-repeat; font-size:11px; width:306px; height:182px; padding:31px 0px 0px 33px} div.rightLoginBox {float:right; background:url('/images/member/bg_MboxR.gif') right top no-repeat; font-size:11px; width:306px; height:182px; padding:31px 0px 0px 33px; margin-right:10px; _margin-right:5px;} div.innerDiv {width:306px; height:182px;} div.innerDiv div.loginTitle {margin-bottom:5px;} div.innerDiv div {color:#606060; margin-bottom:25px;} div.innerDiv div.leftText {background:url('../../images/bullet_gray.gif') 0px 3px no-repeat; padding-left:7px;} div.innerDiv ul {color:#606060; margin-bottom:20px;} div.innerDiv ul li {background:url('/images/common/bu_helponedepth.gif') 0px 4px no-repeat; padding-left:7px} div.innerDiv ul li.nobu {background:none; padding-left:7px} div.innerDiv div.explain {color:#989fa5; width:280px; margin:15px 0px;} div.mHelpboxTop {clear:both; background:url('/images/member/bg_mHelpboxTop.gif') left top no-repeat; line-height:0px; font-size:0px; height:8px;} div.mHelpboxBottom {background:url('/images/member/bg_mHelpboxBottom.gif') left top no-repeat; font-size:0px; line-height:0px; height:10px;} div.mHelpbox {clear:both;background:url('/images/member/bg_mHelpbox.gif') left top no-repeat; padding-left:75px; height:60px;} div.mHelpbox img {padding-left:5px; margin:5px 0;} div.mHelpbox dl {width:610px;} div.mHelpbox dt {background:url('/images/member/helpboxBullet01.gif') 0px 3px no-repeat; color:#7b8292; padding-left:8px; margin:5px 0;} div.mHelpbox dd {clear:both; margin:0px; padding:0px; background:url('/images/member/helpboxBullet02.gif') 0px 3px no-repeat; color:#7b8292; font-size:11px; padding-left:10px; padding-bottom:5px;} div.mHelpbox dd.red {color:#e54270; font-size:11px; margin-bottom:0px; padding-bottom:5px;} div.star_comment {clear:both; background:url('/images/common/bu_comment.gif') 2px 1px no-repeat; font-size:11px; color:#989fa5; padding-left:15px; padding-bottom:5px;} div.star_comment img {vertical-align:top; margin-top:-4px; margin-left:10px} div.leftGuideBox {float:left; position:relative; color:#898888; width:340px; height:90px;} div.leftGuideBox p {font-size:11px; margin-left:20px;} div.leftGuideBox p span {color:#719e97} div.leftGuideBox img {position:absolute; bottom:0px; right:10px;} div.rightGuideBox {float:right; position:relative; color:#898888; width:340px; height:90px;} div.rightGuideBox p {font-size:11px; margin-left:20px;} div.rightGuideBox p span {color:#719e97} div.rightGuideBox img {position:absolute; bottom:5px; right:25px;} /* 회원가입_약관동의 */ div.clauseBox {clear:both; background:url('/images/member/bg_clauseBox.gif') no-repeat; width:685px; height:262px;} div.clauseBox img {margin:10px 0 0 15px;} div.clauseBox div.clauseThree {clear:both; width:660px; margin-top:12px; margin-left:22px;} div.clauseBox div.clauseThree ul {padding-left:11px} div.clauseBox div.clauseThree li {float:left; background:url('/images/bullet_gray03.gif') 1px 4px no-repeat; color:#666666; width:190px; padding-left:10px; margin-right:15px; margin-bottom:5px;} div.clauseBox div.clauseFour {clear:both; width:660px; margin-top:12px; margin-left:22px;} div.clauseBox div.clauseFour li {float:left; background:url('/images/bullet_gray03.gif') 0px 4px no-repeat; color:#666666; padding-left:8px; margin-bottom:3px; margin-right:15px;} /* 회원가입_등록완료 */ div.endMsgBox {position:relative; background:url('/images/member/bg_endMsg_box01.gif') no-repeat left bottom; width:685px; height:164px;} div.endMsgBox img.logo {position:absolute; top:5px; left:10px;} div.endMsgBox div.innerMsg {clear:both; float:right; width:495px; font-weight:bold; text-align:center; color:#00846f; margin-top:45px; margin-right:10px;} div.endMsgBox div.innerMsg strong {clear:both; font-size:16px; color:#cc4870;} div.endMsgBox div.innerMsg span {font-size:11px; font-weight:normal; color:#6d6d6d} div.subTitle {background:url('/images/common/bu_onedepth.gif') 8px 0px no-repeat; font-weight:bold; color:#414141; padding-left:20px; padding-bottom:5px;} span.innerMsg {float:left; color:#898888; font-size:11px; width:160px; padding-left:20px;} ul.innerList {float:left; font-size:11px; width:260px;} ul.innerList li {background:url('/images/bullet_gray03.gif') 15px 4px no-repeat; color:#898888; padding-left:20px; padding-bottom:5px;} ul.innerList li.nobu {background:none;} /*회원탈퇴*/ div.mDropOut {float:left; background:url('/images/member/bg_mDropout.gif') no-repeat; width:693px; height:180px; padding:20px 0px 0px 266px;} div.innermDropOut {width:384px; height:59px;} div.innermDropOut div.innerText {background:url('/images/common/bu_fourdepth.gif') 0px 8px no-repeat;font-weight:normal;padding-left:13px;padding-top:4px;} div.innermDropOut div.innerText span {font-size:11px; color:#989fa5;} div.innermDropOut div.box {border-top:1px solid #6bbeb2; width:290px; padding-top:8px; _padding-top:4px;} div.innermDropOut p {position:relative; top:16px; left:117px; _top:20px;} div.mDropBox {background:url('/images/member/bg_mDropBox.gif') left center no-repeat; width:384px; height:82px;} div.mDropBox div.mDropBoxForm {float:left; width:265px; margin-top:8px; margin-left:12px;} div.mDropBox div.mDropBoxForm dt {float:left; margin-top:5px; margin-right:5px;} div.mDropBox div.mDropBoxForm dd {float:left; margin:0px;} div.mDropBox div.mDropBoxForm dd input {width:170px;} div.mDropBox div.mDropBtn {float:left; margin-top:12px;}