@charset 'utf-8';

/*
 * @author: by JUNGHUN
 * @date: 2011/11/25
 * @version: 0.1
 * @copyright: HANI. All Rights Reserved.
 * @description: 
 */

#join-index { width: 620px; margin: 0 auto; padding: 40px 0; }

/* ------------------------------------------------------------- 회원가입_01.주민등록 ------------------------------------------------------------- */
/* 비주얼 영역 */
#join-index .join-title { margin-bottom: 34px; }

/* 제목 과 텝 영역 */
#join-index .join-step { margin-bottom: 27px; }
#join-index .join-step h3 { margin-bottom: 15px; }

/* tab - 오른쪽 영역 텍스트 탭 */
#join-index .custom-tab .tab-nav { overflow: hidden; position: relative; height: 34px; background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bg/bg_tab_menu2.gif) repeat-x 0 100%; }
#join-index .custom-tab .tab-nav li { position: absolute; top:0; left: 0; height: 34px; }
#join-index .custom-tab .tab-nav li a { display: block; padding: 10px 0 6px; border: 1px solid #e3e3e3; border-bottom: 0; background: #fff; color: #888; text-align: center; text-decoration: none;  }
#join-index .custom-tab .tab-nav li a:hover { color: #010000; }
#join-index .custom-tab .tab-nav li.on { z-index:100; }
#join-index .custom-tab .tab-nav li.on a { padding: 10px 0 7px; text-align: center; color: #000; font-weight: bold; background: #fafafa; }
#join-index .custom-tab .tab-contents { zoom: 1; }
#join-index .custom-tab .tab-contents:after { content: "."; display: block; font-size: 0; height: 0; line-height: 0; clear: both; }
#join-index .custom-tab .tab-contents .content { display: none; background: #fafafa; border: 1px solid #dbdbdb; border-top: none; }

/* 가입여부(ID) 확인 */
#join-index #findinfo-tab { width: 620px; margin-top: 27px; }
#join-index #findinfo-tab .tab-nav li.tab1 { width: 238px; }
#join-index #findinfo-tab .tab-nav li.tab2 { width: 238px; left: 240px; }

#join-index {}

/* 20111205_수정_JH */
#join-index #findinfo-tab .findid-content { padding: 40px; zoom: 1; }
#join-index #findinfo-tab #findinfo2 .findid-content { padding: 31px 0; }
#join-index .foreign-content { margin-bottom:40px; }
#join-index .foreign-content h4 { margin-bottom: 20px; }
#join-index .foreign-content .entry { width: 618px; padding: 40px 0; background: #fafafa; border: 1px solid #dbdbdb; }
#join-index .foreign-content .entry .inner-entry { width: 418px; margin: 0 auto; }
#join-index .foreign-content .entry .inner-entry th { padding: 7px 11px 0 0; font-weight: normal; font-family: Gulim; color: #000; text-align: right; vertical-align: top; }
#join-index .foreign-content .entry .inner-entry td { padding-bottom: 9px;}
#join-index .foreign-content .entry .inner-entry td input { width: 185px; height: 22px; margin-right: 10px; border: 1px solid #dbdbdb; }
#join-index .foreign-content .entry .inner-entry td span { margin-right: 3px; font-size: 14px; }
#join-index .foreign-content .entry .inner-entry .number td input { width: 85px; margin-right: 2px; }
#join-index .foreign-content .entry .inner-entry .number td input.last-child { margin-right: 0; }
/* //20111205_수정_JH */
#findinfo-tab .findid-content .insert-info-form { position: relative; zoom: 1;}
#findinfo-tab .findid-content .insert-info-form dl { overflow: hidden; width: 360px; height: 59px; margin: 0 0 0 80px; }
#findinfo-tab .findid-content .insert-info-form dt, #findinfo-tab .findid-content .insert-info-form dd { float: left; }
#findinfo-tab .findid-content .insert-info-form dt { width: 92px; padding: 7px 10px 10px 0; text-align: right; }
#findinfo-tab .findid-content .insert-info-form dt label { color:#000; }
#findinfo-tab .findid-content .insert-info-form dd { width: 256px; padding: 0 0 10px; }
/* 20111205_수정_JH */
#findinfo-tab .findid-content .insert-info-form .input-text { float: left; width: 122px; height: 20px; padding: 1px 3px 1px 3px; border:1px solid #dbdbdb; }
/* //20111205_수정_JH */
#findinfo-tab .findid-content .insert-info-form .input-name { width: 179px; }
#findinfo-tab .findid-content .insert-info-form .input-resident { width: 79px; }
#findinfo-tab .findid-content .insert-info-form .input-company-num { width: 52px; }
#findinfo-tab .findid-content .insert-info-form .input-company-num2 { width: 32px; }
#findinfo-tab .findid-content .insert-info-form .split { float: left; display: inline-block; width: 13px; padding-top: 5px; text-align: center; }
#findinfo-tab .findid-content .button { position: absolute; top: 0; right: 100px; }
/* 20111205_수정_JH */
#findinfo-tab .findid-content .findid-ipin { text-align: center; }
#findinfo-tab .findid-content .findid-ipin .description { margin-top: 0; font-size: 12px; }
#findinfo-tab .findid-content .findid-ipin .button-set-area { padding-top: 21px; }
/* //20111205_수정_JH */

/* 글 영역 */
/* 20111205_수정_JH */
#join-index .text { margin-top: 40px; }
/* //20111205_수정_JH */
#join-index .text dl { margin-bottom: 25px; }
#join-index .text dt { padding-left: 5px; background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_2x7_333.gif) no-repeat 0 50%; font-weight: bold; font-family: Gulim; font-size: 12px; color: #000; line-height: 23px; }
#join-index .text dt span { color:#0f99ba; }
#join-index .text dd { padding-left: 7px; font-size: 11px; line-height: 16px; }
#join-index .text dd.bold { width: 437px; height: 18px; margin: 10px 0 10px 7px; padding-left: 4px; background:#ededed; }
#join-index .text dd.bold strong { color: #666; }
#join-index .text dd.bold em { margin: 0 9px; color: #999; }
#join-index .text dd.light { color:#999; }
#join-index .text dd.button { padding-left: 0;}




/* 모바일 */
#join-index .mtext { margin-top: 40px; }
#join-index .mtext dl { margin-bottom: 25px; }
#join-index .mtext dt.add {background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_2x7_ea7921.gif) no-repeat 0 50%; color:#ea7921}
#join-index .mtext dt { padding-left: 5px; background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_2x7_333.gif) no-repeat 0 50%; font-weight: bold; font-family: Gulim; font-size: 12px; color: #000; line-height: 23px; }
#join-index .mtext dt span { color:#0f99ba; }
#join-index .mtext dd { padding-left: 7px; font-size: 12px; line-height: 16px; }
#join-index .mtext dd.bold { width: 500px; height: 18px; margin: 10px 0 10px 7px; padding-left: 4px; background:#ededed; }
#join-index .mtext dd.bold strong { color: #666; }
#join-index .mtext dd.bold em { margin: 0 9px; color: #999; }
#join-index .mtext dd.light { color:#999; }
#join-index .mtext dd.button { padding-left: 0;}
#join-index .mdescription { margin-top:4px; font-size:12px; color: #666; }
#join-index .introduction .mdescription { line-height: 16px; }
#join-index .foreigner .introduction .mdescription {padding-bottom: 30px; }
#join-index .foreigner .introduction .mdescription strong { color: #666; }
#join-index .foreigner .introduction .mdescription strong span{ font-weight: normal; }
#join-index .mclause { position:relative; height: 214px; margin-bottom: 40px; font-family: "굴림", Gulim, Arial, sans-serif; }
#join-index .mclause h4 { margin-bottom: 14px; padding-left: 6px; background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_2x2_444.gif) no-repeat 0 50%; font-size: 12px; color: #000; }
#join-index .mclause .inner-clause { overflow-y:scroll; height: 119px; margin: 14px 0; padding:20px 0 7px 20px; border:1px solid #dbdbdb; color: #333; line-height: 18px; }
#join-index .mclause .check-area { position:absolute; bottom: 0; right: 0; }
#join-index .mclause .check-area ul { overflow: hidden; }
#join-index .mclause .check-area li { float:left; margin-right: 33px; }
#join-index .mclause .check-area li.last-child { margin-right: 0;}
#join-index .mclause .check-area li input{ margin-right: 7px; }
#join-index .mclause .check-area li label{ }
#join-index .mclause p { position:absolute; top: 0; right: 0; font-size: 12px; color: #444; }
#join-index .mclause-text { overflow: hidden; margin-bottom: 40px; }
#join-index .mclause-text .text { float: left; margin-top: 0; }
#join-index .mclause-text p { float: right; }
#join-index .mclause-text .text dd { font-size:12px}







/* ------------------------------------------------------------- 회원가입_02.아이핀 ------------------------------------------------------------- */
#join-index .join-content .entry .ipin { width: 370px; font-family: Gulim; text-align:center; color: #000; line-height: 18px; }
#join-index .join-content .entry .ipin p{ margin-top: 21px; }
/* 20111205_수정_JH */
#join-index .join-content h4 { margin-bottom: 20px; }
/* //20111205_수정_JH */

/* ------------------------------------------------------------- 회원가입_03.국내거주외국인 ------------------------------------------------------------- */
#join-index .join-content .foreign {border-top: 1px solid #dbdbdb; }
#join-index .join-content .foreign .inner-entry { width: 418px; }

/* ------------------------------------------------------------- 회원가입_04.정보수집동의 ------------------------------------------------------------- */
#join-index .intro { margin-top:57px; margin-bottom: 40px; font-family: "굴림", Gulim, Arial, sans-serif; line-height: 18px; }
#join-index .intro p { width:300px; margin:0 auto; padding-top: 30px; padding-bottom: 30px; }

#join-index .clause { position:relative; height: 214px; margin-bottom: 40px; font-family: "굴림", Gulim, Arial, sans-serif; }
#join-index .clause h4 { margin-bottom: 14px; padding-left: 6px; background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_2x2_444.gif) no-repeat 0 50%; font-size: 12px; color: #000; }
#join-index .clause .inner-clause { overflow-y:scroll; height: 119px; margin: 14px 0; padding:20px 0 7px 20px; border:1px solid #dbdbdb; color: #333; line-height: 18px; }
#join-index .clause .check-area { position:absolute; bottom: 0; right: 0; }
#join-index .clause .check-area ul { overflow: hidden; }
#join-index .clause .check-area li { float:left; margin-right: 33px; }
#join-index .clause .check-area li.last-child { margin-right: 0;}
#join-index .clause .check-area li input{ margin-right: 7px; }
#join-index .clause .check-area li label{ }
#join-index .clause p { position:absolute; top: 0; right: 0; font-size: 11px; color: #444; }

#join-index .personal { height: 440px; }
#join-index .personal .inner-clause { height: 89px; margin-bottom: -4px; }

#join-index .clause-text { overflow: hidden; margin-bottom: 40px; }
#join-index .clause-text .text { float: left; margin-top: 0; }
#join-index .clause-text p { float: right; }

/* ------------------------------------------------------------- 회원가입폼_01.일반회원 ------------------------------------------------------------- */
#join-index .tbl-type { padding: 30px 0 30px 20px; background: #fafafa; border-bottom: 1px solid #d9d9d9; }
#join-index .tbl-type th { padding: 6px 0 6px 9px; text-align: left; color: #000; vertical-align: top; }
/* 20111205_수정_JH */
#join-index .must-entry .tbl-type th { background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_4x6_139993.gif) no-repeat 0 10px; }
#join-index .must-entry .tbl-type .last-child td{ padding-top:5px; padding-bottom: 0;}
#join-index .tbl-type td { padding-bottom: 8px;}
#join-index .short-box .tbl-type { padding-bottom: 20px; }
/* //20111205_수정_JH */

/* 필수입력사항 */
#join-index .tbl-type .input-text { width: 122px; height: 20px; padding: 1px 3px 1px 3px; border:1px solid #dbdbdb; }
#join-index .tbl-type .input-year { width: 32px; }
#join-index .tbl-type .input-day { width: 17px; }
#join-index .tbl-type .input-zip { width: 52px; }
#join-index .tbl-type .input-detail-address { width: 272px; }
#join-index .tbl-type .detail-address li{ padding-top: 10px; }
#join-index .tbl-type .button { vertical-align: middle ; }
#join-index .tbl-type .select-box { width: 128px; height: 22px; border: 1px solid #dbdbdb; }
#join-index .tbl-type .select-selphone { width: 53px; }
#join-index .tbl-type .select-phone { width: 59px; }
#join-index .tbl-type .radiobox-set { overflow: hidden; }
#join-index .tbl-type .radiobox-set .input-radio { margin:0 10px 0 5px; }
#join-index .tbl-type .radiobox-set li { float: left; }

#join-index .description { margin-top:4px; font-size:11px; color: #666; }
#join-index .must-entry { margin-bottom: 20px; }

/* 모바일 캡챠코드 */
#join-index .must-entry .tbl-type td .last-entry { display:block; overflow: hidden; padding-left: 96px; }
#join-index .must-entry .tbl-type td .last-entry .left { float: left; }
#join-index .must-entry .tbl-type td .last-entry .right { float: left; padding-left: 20px; }
#join-index .must-entry .tbl-type td .last-entry .right p { padding-bottom: 5px; }
#join-index .must-entry .tbl-type td .last-entry .right input{ width: 157px; }

*/
#join-index .must-entry .tbl-type td .last-entry { display:block; overflow: hidden; padding-left: 87px; }
#join-index .must-entry .tbl-type td .last-entry .left { float: left; }
#join-index .must-entry .tbl-type td .last-entry .right { float: left; padding-left: 20px; }
#join-index .must-entry .tbl-type td .last-entry .right p { padding-bottom: 5px; }
#join-index .must-entry .tbl-type td .last-entry .right input{ width: 157px; }
#join-index .must-entry .tbl-type .last-child-mobile td{ padding-top:25px; padding-bottom: 0;}





/* 추가입력사항 */
#join-index .add_entry .tbl-type th {padding-top: 5px; background-image: none; }
/* 20111205_수정_JH */
#join-index .add_entry .tbl-type td { padding-bottom: 20px; }
#join-index .add_entry .tbl-type td.adjoin { padding-bottom: 10px; }
#join-index .add_entry .tbl-type .last-child td{ padding-top:5px; padding-bottom: 0; }
#join-index .add_entry .tbl-type .first-child th{ padding-top: 0; }
/* //20111205_수정_JH */
#join-index .add_entry .tbl-type li{ color: #000; }
#join-index .add_entry .tbl-type input { vertical-align: middle; }
#join-index .add_entry .tbl-type .select-job { width: 67px; }
/* 20111206_수정_JH */
/*
#join-index .add_entry .tbl-type .member-join-entry { overflow: hidden; padding-bottom: 10px; }
#join-index .add_entry .tbl-type .member-join-entry .inner-entry { width: 400px; margin: 0 auto; }
#join-index .add_entry .tbl-type .member-join-entry .inner-entry dt { float: left; margin-right: 20px; }
#join-index .add_entry .tbl-type .member-join-entry .inner-entry dd { float: left; }
#join-index .add_entry .tbl-type .member-join-entry .inner-entry input { width: 157px; margin-top: 5px; }
*/
#join-index .add_entry .tbl-type td .last-entry { display:block; overflow: hidden; padding-left: 87px; }
#join-index .add_entry .tbl-type td .last-entry .left { float: left; }
#join-index .add_entry .tbl-type td .last-entry .right { float: left; padding-left: 20px; }
#join-index .add_entry .tbl-type td .last-entry .right p { padding-bottom: 5px; }
#join-index .add_entry .tbl-type td .last-entry .right input{ width: 157px; }
/* //20111206_수정_JH */
#join-index .add_entry .tbl-type .check-all { padding-top: 7px; font-weight: normal; color: #088b85; }
#join-index .add_entry .tbl-type .check-all label{ padding-left: 5px; }
#join-index .add_entry .tbl-type .mail-checkbox-set { overflow: hidden; }
#join-index .add_entry .tbl-type .mail-checkbox-set .left{ float: left; }
#join-index .add_entry .tbl-type .mail-checkbox-set .right{ float: left; margin-left: -20px;}
#join-index .add_entry .tbl-type .mail-checkbox-set li { line-height: 23px; }
#join-index .add_entry .tbl-type .mail-checkbox-set li input { margin-right: 5px; }
#join-index .add_entry .tbl-type .mail-checkbox-set .info{ margin-left: -5px;}

#join-index .checkbox-set { overflow: hidden; }
#join-index .checkbox-set li { float: left; padding-bottom: 10px; }
#join-index .checkbox-set li label { padding: 0 10px 0 3px; font-size: 11px; }


#join-index .button-set-area { padding-top: 25px; }
#join-index .button-set-area .center { text-align: center; }
#join-index .button-set-area .center img { margin-right: 5px; }

/* ------------------------------------------------------------- 회원가입폼_02.국내거주외국인 ------------------------------------------------------------- */
#join-index .tbl-type .number { width: 42px; }

/* ------------------------------------------------------------- 회원가입폼_03.14세미만 ------------------------------------------------------------- */
#join-index .introduction .description { line-height: 16px; }
#join-index .preface { padding: 15px 0 17px 0; background: none; }
#join-index .preface .input-protector { width: 92px; }
#join-index .preface .input-selphone { width: 80px; }
/* 20111206_수정_JH */
#join-index .preface th{ background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_4x6_139993.gif) no-repeat 0 10px; }
/* //20111206_수정_JH */

/* ------------------------------------------------------------- 회원가입폼_04.재외동포외국인 ------------------------------------------------------------- */
#join-index .foreigner .introduction .description {padding-bottom: 30px; }
#join-index .foreigner .introduction .description strong { color: #666; }
#join-index .foreigner .introduction .description strong span{ font-weight: normal; }
#join-index .foreigner .input-phone { width: 82px; }

/* ------------------------------------------------------------- 회원가입폼_05.완료 ------------------------------------------------------------- */
#join-index .completion-step { margin-bottom: 57px; }
#join-index .completion { width: 620px; height:465px; background:url(http://img.hani.co.kr/section-image/12/news/hani/images/member/bg_member_join_completion.gif) no-repeat 0 0; text-align: right;}
#join-index .completion .inner-completion { padding: 188px 63px 0 0; }
#join-index .completion .inner-completion p{ padding: 20px 0 20px 0; }
#join-index .completion .inner-completion .button-set-area { padding-top: 0; }
/* 20111206_수정_JH */
#join-index .completion .inner-completion .button-set-area .right img { margin-left: 5px; }
/* 20111206_수정_JH */