@charset "UTF-8";
@import url("/kipasso/css_new/global.css");

/* noscript style */
.memNoscript {position:absolute; top:225px; left:225px; width:670px; height:17px; padding:4px 5px 0 5px; border:1px solid #ccc; text-align:center;}

/* login style */
#loginWrap {width:100%; height:100%; background:url(/kipasso/images_new/login/login_back.gif) repeat-x;}
#loginWrap #loginCon {position:relative; width:961px; margin:0 auto;}
#loginWrap #loginCon .loginTop {width:862px; margin:0 auto; padding-top:20px;}
#loginWrap #loginCon .loginTop .topLeft {float:left; padding:5px 0 0 0;}
#loginWrap #loginCon #loginForm {overflow:hidden; width:961px; height:150px; margin: 21px 0 0 55px; _margin-top:19px; .margin-top:19px; background:url(/kipasso/images_new/login/login_bg.gif) left top no-repeat;}
#loginWrap #loginCon #loginForm .loginNoscript {position:absolute; top:466px; left:140px; width:670px; padding:4px 5px 2px 5px; border:1px solid #ccc; text-align:center;}
#loginWrap #loginCon #loginForm .loginIn {float:left; width:350px; padding:40px 0 0 165px; text-align:left;}
#loginWrap #loginCon #loginForm .loginIn .formLeft {float:left; width:250px;}
#loginWrap #loginCon #loginForm .loginIn .formLeft dt {float:left; width:80px; padding-top:5px; font-weight:bold;}
#loginWrap #loginCon #loginForm .loginIn .formLeft dd {float:left; width:160px;}
#loginWrap #loginCon #loginForm .loginIn .formLeft dd input {margin-bottom:3px; _margin-bottom:0; .margin-bottom:0;}
#loginWrap #loginCon #loginForm .loginIn .formRight {float:left; width:50px; margin-top:2px; _margin-top:3px;}
#loginWrap #loginCon #loginForm .loginIn .idSearch {clear:both; width:300px; height:15px; padding-top:5px; text-align:center;}
#loginWrap #loginCon .loginEx {float:left; height:250px; margin:7px 0 7px 0; line-height:1.5em;}

/* member style */
#bodyMember {width:100%; height:100%; background:url(/kipasso/images_new/member/member_bg.gif) repeat-x;}
#bodyMember #memberWrap {width:990px; padding:0 0 0 8px;}
#bodyMember #memberWrap #header {position:relative; top:0; left:0; width:100%; height:255px; margin:0; padding:0;}
#bodyMember #memberWrap #header .topVisual {position:absolute; top:30px; left:230px; width:680px; height:145px; margin:0; padding:0; background:url(/kipasso/images_new/member/top_visual.gif) no-repeat; text-indent:-5000px;}
#bodyMember #memberWrap #header .topTitle {position:absolute; top:95px; left:45px; width:138px; height:144px; margin:0; padding:0;}
#bodyMember #memberWrap #memberLeft {float:left; width:222px; margin:-3px 0 0 0; padding:12px 0 0 0; background:url(/kipasso/images_new/member/left_top.gif) 0 top no-repeat;}
#bodyMember #memberWrap #memberLeft .left {width:222px; padding:0 0 60px 0; background:url(/kipasso/images_new/member/left_bottom.gif) 0 bottom no-repeat;}
#bodyMember #memberWrap #memberLeft .left .menu {clear:both; width:161px; margin:0 0 0 30px;}
#bodyMember #memberWrap #memberLeft .left .menu li {width:161px; height:20px; margin:0 0 10px 0; background:url(/kipasso/images_new/member/left_menuBg.gif) 0 6px no-repeat; text-align:right;}
#bodyMember #memberWrap #memberLeft .left .menu li.first {height:20px; background:url(/kipasso/images_new/member/left_menuBg.gif) 0 6px no-repeat; text-align:right;}
#bodyMember #memberWrap #memberCont {float:left; width:690px; margin:13px 0 0 28px; padding-bottom:50px;}
#bodyMember #memberWrap #memberCont .memberTab {position:relative; width:690px;}
#bodyMember #memberWrap #memberCont .memberTab li.tab01 {position:absolute; top:0; left:0; width:100%;}
#bodyMember #memberWrap #memberCont .memberTab li.tab02 {position:absolute; top:0; left:90px; width:100%;}
#bodyMember #memberWrap #memberCont .memberTab li.tab01 .tabCont01 {position:relative; top:15px; left:0; width:690px;}
#bodyMember #memberWrap #memberCont .memberTab li.tab01 .tabCont01 .namecheckEx {width:690px; height:80px; line-height:130%;}
#bodyMember #memberWrap #memberCont .memberTab li.tab02 .tabCont02 {position:relative; top:15px; left:-90px; width:690px;}
#bodyMember #memberWrap #memberCont .memberTab li.tab01 .memberBox {overflow:auto; width:550px; height:100px; margin:20px 0 10px 0; padding:15px 0 0 40px; border-top:1px solid #caddeb; border-bottom:1px solid #caddeb; background:#edf3f8;}
#bodyMember #memberWrap #memberCont .memberTab li.tab01 .memberBox .nameTxt {float:left; width:135px; height:85px; margin:0; padding:0; color:#336699; font-weight:bold;}
#bodyMember #memberWrap #memberCont .memberTab li.tab01 .memberBox dt {float:left; width:95px; margin:0; padding:0; font-weight:bold;}
#bodyMember #memberWrap #memberCont .memberTab li.tab01 .memberBox dd {margin:0 0 2px 0; _margin:0 0 0 0;}
#bodyMember #memberWrap #memberCont .memberTab li.tab01 ul {width:100%; margin-top:2px; text-align:left;}
#bodyMember #memberWrap #memberCont .memberTab li.tab01 ul li {display:inline; width:100%; margin-left:5px;}
#bodyMember #memberWrap #memberCont .memberTab li.tab01 .memberBtn {margin:3px 30px 0 0; text-align:right;}
#bodyMember #memberWrap #memberCont .memberTab li.tab01 .memberBtn {margin:3px 30px 0 0; text-align:right;}
#bodyMember #memberWrap #memberCont .location {width:100%; height:30px;}
#bodyMember #memberWrap #memberCont .memberTxt {width:100%; height:20px;}
#bodyMember #memberWrap #memberCont .agreeIn .agreeBox {overflow-y:hiddenl; overflow-x:auto; width:710px; height:200px; margin-bottom:8px; padding:5px 0; border:1px solid #7f9db9;}
#bodyMember #memberWrap #memberCont .agreeIn .agreeBox1 {overflow-y:hiddenl; overflow-x:auto; width:710px; height:80px; margin-bottom:8px; padding:5px 0; border:1px solid #7f9db9;}
#bodyMember #memberWrap #memberCont .appliTable {width:660px; margin-bottom:5px;}
#bodyMember #memberWrap #memberCont .appliTable th {width:130px; height:20px; padding:6px 5px 4px 10px; border-top:1px solid #68afd3; border-right:1px solid #dedfe0; border-bottom:1px solid #dedfe0; color:#333333; font-weight:bold; background:#f8f8f8; text-align:left;}
#bodyMember #memberWrap #memberCont .appliTable th.first {width:130px; height:20px; padding:6px 5px 4px 10px; border-top:2px solid #68afd3; border-right:1px solid #dedfe0; border-bottom:1px solid #dedfe0; color:#333333; font-weight:bold; background:#f8f8f8; text-align:left;}
#bodyMember #memberWrap #memberCont .appliTable td {height:20px; padding:6px 0 4px 10px; border-top:1px solid #5e99d3; border-bottom:1px solid #dedfe0;}
#bodyMember #memberWrap #memberCont .appliTable td.first {height:20px; padding:6px 0 4px 10px; border-top:2px solid #5e99d3; border-bottom:1px solid #dedfe0;}
#bodyMember #memberWrap #memberCont .btnJoin {width:74px; height:24px; padding:0; border:0; font-size:12px; background:url(/kipasso/images/common/member_cancel.gif) 0 top no-repeat; cursor:pointer;}
#bodyMember #memberWrap #memberCont .btnJoin span {height:0; overflow:hidden; position:absolute; width:0;}
#memberOk {width:535px; margin:0 auto; padding:30px 0 0 0; text-align:center;}
.btnCancel {width:74px; height:25px; padding:0; border:0; font-size:12px; background:url(/kipasso/images/common/member_cancel.gif) 0 top no-repeat; cursor:pointer;}
.btnCancel span {height:0; overflow:hidden; position:absolute; width:0;}
.location {width:100%; height:30px; margin:10px 0 0 0;}

/* popup style */
#popWrap {width:100%; height:100%; padding:30px 20px 60px 20px; background:url(/kipasso/images_new/member/mempop_bg.gif) repeat-x;}
#popWrap #idCheck {width:310px; height:158px; padding:0 0 0 14px; background:url(/kipasso/images_new/member/bg_mempop_id.gif) left top no-repeat;}
#popWrap #idCheck .checkCon {width:280px; padding:45px 0 0 0;}
#popWrap .btClose {width:56px; height:19px; margin-top:10px; padding:0; border:0; font-size:12px; background:url(/kipasso/images_new/member/bt_close.gif) 0 top no-repeat; cursor:pointer;}
#popWrap .btClose span {height:0; overflow:hidden; position:absolute; width:0;}

#popWrap #zipCodeTop {width:310px; padding:34px 0 0 0; background:url(/kipasso/images_new/member/mempop_topBg.gif) no-repeat;}
#popWrap #zipCodeTop .zipCodeBtm {width:295px; margin-bottom:25px; padding:30px 10px 20px 8px; background:url(/kipasso/images_new/member/mempop_btmBg.gif) left bottom no-repeat; text-align:center;}
#popWrap #zipCodeTop .zipCodeBtm .zipTable {width:270px; background:url(/kipasso/images_new/member/mempop_logoBg.gif) center 10px no-repeat;}
#popWrap #zipCodeTop .zipCodeBtm .zipTable th {padding:5px 0 6px 0; border-bottom:1px solid #ddd;}
#popWrap #zipCodeTop .zipCodeBtm .zipTable th.popAddr {width:100px; padding:5px 0 6px 0; border-bottom:1px solid #ddd;}
#popWrap #zipCodeTop .zipCodeBtm .zipTable th.zipcode {width:65px; padding:5px 0 6px 0; border-bottom:1px solid #ddd;}
#popWrap #zipCodeTop .zipCodeBtm .zipTable td {padding:2px 0 2px 0; text-align:left; line-height:1.2em;}
#popWrap #zipCodeTop .zipCodeBtm02 {width:310px; margin-bottom:25px; padding:30px 10px 20px 0; background:url(/kipasso/images_new/member/mempop_btmBg.gif) left bottom no-repeat; text-align:center;}

#popWrap02 {width:650px; height:100%;}
#popWrap02 #idSearch {/*width:650px;*/ margin:15px 0 0 0; padding-bottom:5px;}
#popWrap02 #idSearch .idTab li.tab01 {position:absolute; top:0; left:250px; width:100%; height:25px;}
#popWrap02 #idSearch .idTab li.tab02 {position:absolute; top:0; left:340px; width:100%; height:25px;}
#popWrap02 #idSearch .idTab li.tab01 .tabCont01 {position:absolute; top:25px; left:-250px; /*width:600px;*/}
#popWrap02 #idSearch .idTab li.tab01 .tabCont01 .idEx {margin:10px 0 0 15px;}

#popWrap02 #idSearch .idTab li.tab02 .tabCont02 {position:absolute; top:25px; left:-340px; w/*idth:650px;*/}
#popWrap02 #idSearch .idTab li.tab02 .tabCont02 .btnIpin {/*width:650px;*/ margin:0 auto; padding:20px 0 10px 0; text-align:center;}
#popWrap02 #idSearch .idTab li.tab02 .tabCont02 .ipinEx {width:553px; height:117px; margin:0 0 0 30px; padding:20px 0 0 50px; background:url(/kipasso/images_new/member/bg_ipinEx.gif) no-repeat; line-height:1.5em;}
#popWrap02 #idSearch .idTab li.tab01 .idBox {overflow:auto; width:550px; height:95px; margin:20px 0 10px 15px; padding:15px 0 0 20px; border-top:1px solid #caddeb; border-bottom:1px solid #caddeb; border-left:1px solid #caddeb; background:#edf3f8;}
#popWrap02 #idSearch .idTab li.tab01 .idBox dl {height:90px; background:url(/kipasso/images_new/member/idsearch_icon01.gif) 0 top no-repeat;}
#popWrap02 #idSearch .idTab li.tab01 .idBox dl dt {float:left; width:85px; margin:0 0 3px 0; padding-left:15px; background:url(/kipasso/images_new/member/idsearch_bullet01.gif) 0 5px no-repeat;}
#popWrap02 #idSearch .idTab li.tab01 .idBox dl dt label img {margin-top:4px;}
#popWrap02 #idSearch .idTab li.tab01 .idBox dl dd { margin:0 0 5px 0; _margin:0 3px 3px 0;}
#popWrap02 #idSearch .idTab li.tab01 .idBtn {width:650px; height:24px; margin:0 auto; text-align:center;}

#popWrap02 #idSearch .idEX_tit {margin:20px 0 0 10px; padding-left:20px; background:url(/kipasso/images_new/member/bul_blue_arrow.gif) left 2px no-repeat;}
#popWrap02 #idSearch .idTab li.tab01 .tabCont01 .bg_box {width:553px; height:215px; margin:20px 0 10px 10px; padding-top:10px; background:url(/kipasso/images_new/member/bg_tabCont01.gif) no-repeat;}
#popWrap02 #idSearch .idTab li.tab01 .idBox01 {overflow:auto; width:512px; height:70px; margin:0px 0 10px 15px; padding:20px 0 0 10px; border:1px solid #b6c8d0; background:#fff;}
#popWrap02 #idSearch .idTab li.tab01 .idBox01 dl {height:55px;}
#popWrap02 #idSearch .idTab li.tab01 .idBox01 dl dt {float:left; width:85px; margin:0 0 3px 0; padding-left:15px;}
#popWrap02 #idSearch .idTab li.tab01 .idBox01 dl dt label img {margin-top:4px;}
#popWrap02 #idSearch .idTab li.tab01 .idBox01 dl dd { margin:0 0 5px 0; _margin:0 3px 3px 0;}

#popWrap02 #idSearch .idTab li.tab01 .idBox02 {overflow:auto; width:508px; height:40px; margin:10px 0 10px 15px; padding:20px 0 0 15px; border:1px solid #b6c8d0; background:#fff;}
#popWrap02 #idSearch .idTab li.tab01 .idBox02 dl {height:35px;}
#popWrap02 #idSearch .idTab li.tab01 .idBox02 dl dt {float:left; width:85px; margin:0 0 0 0; padding-left:15px;}
#popWrap02 #idSearch .idTab li.tab01 .idBox02 dl dt label img {margin-top:4px;}
#popWrap02 #idSearch .idTab li.tab01 .idBox02 dl dd { margin:0 0 2px 0; _margin:0 3px 3px 0;}

/* list style */
ul.bul01 li {padding-left:12px; background:url(http://www.kipa.org/userdata/images_new/common/icon_bul03.gif) left 9px no-repeat; _background:url(http://www.kipa.org/userdata/images_new/common/icon_bul03.gif) left 8px no-repeat;}

/* 회원 종류 선택  작업 시작 */
.general_member01 {float:left; width:198px; height:126px; margin:20px 30px 0 0; background:url(/kipasso/images_new/member/general_member01_bg.gif) left top no-repeat;}
.general_member01 p.tit_person {margin:7px 0 0 27px;}
.general_member01 p.con_person {margin:30px 0 0 23px;}
.general_member01 p.btn_join{margin:13px 20px 0 0; text-align:right;}
.general_member02 {float:left; width:198px; height:126px;margin:20px 30px 0 0; background:url(/kipasso/images_new/member/general_member02_bg.gif) left top no-repeat;}
.general_member02 p.tit_person {margin:7px 0 0 27px;}
.general_member02 p.con_person {margin:30px 0 0 23px;}
.general_member02 p.btn_join{margin:13px 20px 0 0; text-align:right;}
.general_member03 {float:left; width:198px; height:126px;margin:20px 30px 0 0; background:url(/kipasso/images_new/member/general_member03_bg.gif) left top no-repeat;}
.general_member03 p.tit_person {margin:7px 0 0 27px;}
.general_member03 p.con_person {margin:30px 0 0 23px;}
.general_member03 p.btn_join{margin:13px 20px 0 0; text-align:right;}
.entrepreneur {width:493; height:71px; padding:50px 0 0 30px; background:url(/kipasso/images_new/member/entrepreneur_bg.gif) left top no-repeat;}
.entrepreneur ul li {float:left; padding:0 15px 0 0;}

.invent_sequence {padding:2px 0 0 20px; background:url(/kipasso/images_new/member/invent_child_bg.gif) left top no-repeat;}
.invent_sequence ul {margin:13px 0 5px 0;}
.invent_sequence ul li{display:inline;}
.invent_sequence_color {margin:18px 0 0 0; color:#d36a0b;}





.invent_sequence02 {width:650px; height:202px; margin:20px 0 0 0; border:1px solid #dadada;}
.invent_sequence03 {width:300px; height:177px; margin:20px 0 0 113px; border:1px solid #dadada;}
.title_real_name {float:left; width:290px; padding:0 0 0 15px; margin:15px 0 0 6px; background: url(/kipasso/images_new/member/title_real_name_bg.gif) left 25px no-repeat;}
.title_real_name dl {float:left; width:200px;  margin:20px 0 0 0;}
.title_real_name dl dt {float:left; padding:3px 5px 0 0;}
.title_real_name dl dd {float:left; width:150px; padding:1px 0 0 0;}
.memberBtn {float:left; margin:20px 0 0 10px;}
.member_text {clear:both; padding:18px 0 0 0;}
.member_text02 {clear:both; padding:28px 0 5px 10px;}
.title_i_pin {float:left; width:290px; padding:0 0 5px 15px; margin:15px 0 0 6px; background: url(/kipasso/images_new/member/title_real_name_bg.gif) right 25px no-repeat;}

.assent_list01 {float:left; margin:35px 0 0 0; background:url(/kipasso/images_new/member/assent_bg01.gif) left top no-repeat;}
.assent_list02 {float:left; margin:35px 0 0 0; padding-left:21px; background:url(/kipasso/images_new/member/assent_bg02.gif) left top no-repeat;}
.assent_list03 {float:left; margin:35px 0 0 0;  background:url(/kipasso/images_new/member/assent_bg02.gif) left top no-repeat;}

.assent_first01 {padding:12px 0 0 35px;}
.assent_con01 {padding:15px 30px 30px 30px;}

.assent_first02 {padding:12px 0 0 35px;}
.assent_con02 {padding:15px 20px 0 20px;}
.assent_con03 {padding:15px 20px 20px 20px;}

.agreeBox {overflow-y:hiddenl; overflow-x:auto; width:600px; height:200px; margin-bottom:8px; padding:5px 0; border:1px solid #7f9db9;}


/* popup  광호가 추가한부분 121014*/
.body_bg {background:url(/kipasso/images_new/member/pop_body_bg.gif) left top repeat-x !important; }
.body_bg h1 {padding:15px 0 0 15px !important; height:30px;}
.body_bg h2 {padding:0 0 0 0 !important; width:587px; height:34px; background:url(/kipasso/images_new/member/pop_body_bg03.gif) left top no-repeat !important; margin-left:5px; padding:10px 0 0 13px !important;}
.body_bg p.guide {width:550px; padding-left:10px;}
.body_bg02 {background:url(/kipasso/images_new/member/pop_body_bg02.gif) left top repeat-y !important;    margin-left:5px; padding-left:13px; height:400px; width:577px; }
.pop_table {clear:both; width:555px !important; border-top:2px solid #659cd9; margin-top:20px;}
.pop_table th {width:135px !important; text-align:left !important; padding-left:20px !important; font-weight:bold !important; background:#f8f8f8 !important;}
.pop_table td {width:420px !important; text-align:left !important; padding-left:10px !important;}
.last_btm {border-bottom:2px solid #dedfe0 !important;}
.pop_table td input {border:1px solid #dedfe0 !important; width:100px;}

h2.txt03 {height:34px;   padding:10px 0 0 0 !important; background:none !important;}
h2.txt04 {height:14px;   padding:10px 0 0 0 !important; background:none !important;}
.iden_bg {background:url(/kipasso/images_new/member/iden_bg.gif) left top no-repeat !important; width:185px; height:151px; padding-left:25px; float:left; padding-top:12px;}
.iden_bg02 {background:url(/kipasso/images_new/member/iden_bg.gif) left top no-repeat !important; width:165px; height:151px; padding-left:25px; float:left; padding-top:12px;}
.body_bg04 {background:url(/kipasso/images_new/member/iden_bg04.gif) left top no-repeat !important;  margin-left:5px; width:640px; height:375px; padding-left:10px;}
.iden_bg dt{padding-left:10px;}
.iden_bg02 dt{padding-left:10px;}
.iden_bg dd{width:145px; padding-top:12px;}
.iden_bg02 dd{width:145px; padding-top:12px;}

.title_real_name01 {float:left; width:290px; padding:0 0 0 15px; margin:15px 0 0 6px; background: url(/kipasso/images_new/member/title_real_name_bg01.gif) left 25px no-repeat;}
.title_real_name01 dl {float:left; width:200px;  margin:20px 0 0 0;}
.title_real_name01 dl dt {float:left; padding:3px 5px 0 0;}
.title_real_name01 dl dd {float:left; width:155px; padding:1px 0 0 0;}
.title_i_pin01 {float:left; width:290px; padding:0 0 5px 15px; margin:15px 0 0 6px; background: url(/kipasso/images_new/member/title_real_name_bg01.gif) right 25px no-repeat;}
.member_text03 {clear:both; padding:18px 0 30px 0;}
.member_text04 {clear:both; padding:28px 0 20px 10px;}

/* 주민등록 실명확인 */
.invent_sequence04 {width:523px; height:196px; margin:20px 0 0 0; padding:26px 0 0 32px; background: url(../../kipasso/images_new/member/identification_bg.gif) left top no-repeat;}

.invent_sequence04 dl dt {float:left; width:145px; padding:3px 5px 0 0;}
.invent_sequence04 dl dd {float:left; width:333px; padding:1px 0 0 0;}