﻿/* 회원가입 및 서비스 2010-03-02기준으로 작성되었습니다 */


/* ------------------------------ 회원가입 및 서비스 ------------------------------ */

/* -- 회원가입 컨텐츠1_좌측 --  */

/*타이틀*/
h1.join {float:left;width:500px;font-weight:bold; font-size:18px ;padding-top:5px;margin-left:11px;color:#101010;background:url('http://image.eduhouse.net/2009_iae/image/bk_bullet.gif') no-repeat 78px 10px;}
.s_navi {float:right;}
.s_navi a {font-weight:normal; font-size:11px ;color:#b1b1b1;}
.s_navi img {width:5px;height:10px;margin:1px 3px 0 3px;}

/*가입절차*/
#join_contents1 { float:left; margin-top:13px; width:182px;/*background:red;*/ }
.process p.tit { float:left; width:155px; text-align:left; position:relative; font-weight:bold; color:#101010; padding:5px 3px 3px 10px; _padding:5px 3px 3px 10px; border:1px solid #d9d1c5; background:#f5efeb; } 
.process ul {float:left; width:165px; _width:165px;padding:4px 0px 5px 3px;_padding:4px 3px 0px 0px;*padding-bottom:22px;text-align:center;border:1px solid #d9d1c5;margin:-1px 0 0 0;}
.process ul li {float:left;margin:15px 1px 20px 2px;}
.process ul li a {font-weight:normal;color:#999;letter-spacing:-0.8px;*letter-spacing:-1px;font-size:11px; }
.process ul li a:hover {text-decoration:none;letter-spacing:-0.8px;*letter-spacing:-1px;font-size:11px; }
.process ul li a span {font-weight:bold;font-size:13px; }
.process ul li.on a {font-weight:bold;color:#00529b;letter-spacing:-0.8px;*letter-spacing:-1px;}
.process ul li.on a:hover {text-decoration:none;letter-spacing:-0.8px;*letter-spacing:-1px;}
.process ul li.img_on {width:10px;height:30px;background:url('http://image.eduhouse.net/2009_iae/image/icon_arr_bullet_b.gif') no-repeat 4px 19px;}
.process ul li.img_off {width:10px;height:30px;background:url('http://image.eduhouse.net/2009_iae/image/icon_arr_bullet_g.gif') no-repeat 4px 19px;}

/*회원혜택*/
.benefit p.tit {float:left; width:155px; text-align:left;position:relative;font-weight:bold;color:#101010;margin:10px 0 0 0;padding:4px 3px 5px 10px;border:1px solid #d9d1c5;background:#f5efeb;letter-spacing:-0.8px;*letter-spacing:-1px;} 
.benefit p.tit strong {color:#e15d00;letter-spacing:-0.8px;*letter-spacing:-1px;}
.benefit ul {position:relative;float:left; width:165px; padding:10px 0px 5px 3px;*padding-bottom:20px;text-align:center;border:1px solid #d9d1c5;margin:-1px 0 0 0;}
.benefit ul li {float:left;width:80px;margin:5px 0 15px 0;display:inline;}
.benefit ul li a {margin:0;display:block;padding:35px 0 0 0;}
.benefit ul li.gift1 {background:url('http://image.eduhouse.net/2009_iae/image/icon_benefit.jpg') no-repeat 28px 0;}
.benefit ul li.gift1 a {font-weight:normal; font-size:11px; color:#444; letter-spacing:-0.8px; *letter-spacing:-1px;}
.benefit ul li.gift1 a:hover {font-weight:normal; font-size:11px; color:#444;text-decoration:underline;letter-spacing:-0.8px;*letter-spacing:-1px;}
.benefit ul li.gift2 {background:url('http://image.eduhouse.net/2009_iae/image/icon_benefit.jpg') no-repeat 28px -100px;}
.benefit ul li.gift2 a {font-weight:normal; font-size:11px ;color:#444;letter-spacing:-0.8px;*letter-spacing:-1px;}
.benefit ul li.gift2 a:hover {font-weight:normal; font-size:11px ;color:#444;text-decoration:underline;letter-spacing:-0.8px;*letter-spacing:-1px;}
.benefit ul li.gift3 {background:url('http://image.eduhouse.net/2009_iae/image/icon_benefit.jpg') no-repeat 28px -200px;}
.benefit ul li.gift3 a {font-weight:normal; font-size:11px ;color:#444;letter-spacing:-0.8px;*letter-spacing:-1px;}
.benefit ul li.gift3 a:hover {font-weight:normal; font-size:11px ;color:#444;text-decoration:underline;letter-spacing:-0.8px;*letter-spacing:-1px;}
.benefit ul li.gift4 {background:url('http://image.eduhouse.net/2009_iae/image/icon_benefit.jpg') no-repeat 28px -300px;}
.benefit ul li.gift4 a {font-weight:normal; font-size:11px ;color:#444;letter-spacing:-0.8px;*letter-spacing:-1px;}
.benefit ul li.gift4 a:hover {font-weight:normal; font-size:11px ;color:#444;text-decoration:underline;letter-spacing:-0.8px;*letter-spacing:-1px;}
.benefit ul li.gift5 {background:url('http://image.eduhouse.net/2009_iae/image/icon_benefit.jpg') no-repeat 28px -400px;}
.benefit ul li.gift5 a {font-weight:normal; font-size:11px ;color:#444;letter-spacing:-0.8px;*letter-spacing:-1px;}
.benefit ul li.gift5 a:hover {font-weight:normal; font-size:11px ;color:#444;text-decoration:underline;letter-spacing:-0.8px;*letter-spacing:-1px;}
.benefit ul li.gift6 {background:url('http://image.eduhouse.net/2009_iae/image/icon_benefit.jpg') no-repeat 28px -500px;}
.benefit ul li.gift6 a {font-weight:normal; font-size:11px ;color:#444;letter-spacing:-0.8px;*letter-spacing:-1px;}
.benefit ul li.gift6 a:hover {font-weight:normal; font-size:11px ;color:#444;text-decoration:underline;letter-spacing:-0.8px;*letter-spacing:-1px;}
.benefit ul li.gift7 {background:url('http://image.eduhouse.net/2009_iae/image/icon_benefit.jpg') no-repeat 28px -600px;}
.benefit ul li.gift7 a {font-weight:normal; font-size:11px ;color:#444;letter-spacing:-0.8px;*letter-spacing:-1px;}
.benefit ul li.gift7 a:hover {font-weight:normal; font-size:11px ;color:#444;text-decoration:underline;letter-spacing:-0.8px;*letter-spacing:-1px;}
.benefit ul li.gift8 {background:url('http://image.eduhouse.net/2009_iae/image/icon_benefit.jpg') no-repeat 28px -700px;}
.benefit ul li.gift8 a {font-weight:normal; font-size:11px ;color:#444;letter-spacing:-0.8px;*letter-spacing:-1px;}
.benefit ul li.gift8 a:hover {font-weight:normal; font-size:11px ;color:#444;text-decoration:underline;letter-spacing:-0.8px;*letter-spacing:-1px;}
.benefit ul li.gift9 {background:url('http://image.eduhouse.net/2009_iae/image/icon_benefit.jpg') no-repeat 28px -800px;}
.benefit ul li.gift9 a {font-weight:normal; font-size:11px ;color:#444;letter-spacing:-0.8px;*letter-spacing:-1px;}
.benefit ul li.gift9 a:hover {font-weight:normal; font-size:11px ;color:#444;text-decoration:underline;letter-spacing:-0.8px;*letter-spacing:-1px;}
.benefit ul li.gift10 {background:url('http://image.eduhouse.net/2009_iae/image/icon_benefit.jpg') no-repeat 28px -900px;}
.benefit ul li.gift10 a {font-weight:normal; font-size:11px ;color:#444;letter-spacing:-0.8px;*letter-spacing:-1px;}
.benefit ul li.gift10 a:hover {font-weight:normal; font-size:11px ;color:#444;text-decoration:underline;letter-spacing:-0.8px;*letter-spacing:-1px;}
.benefit p.txt {float:left;width:155px;font-weight:normal; font-size:11px ;color:#949494;letter-spacing:-0.8px;*letter-spacing:-1px;padding:6px 7px 7px 6px;position:relative;border:1px solid #d9d1c5;margin-top:-1px;}



/* -- 회원 혜택이 되시면! -- */
#p_mem_service { position:absolute; width:650px; height:580px; overflow:hidden; border:1px solid #666666; padding:9px 20px 0px; background-color:#fff; }
#p_mem_service .title { float:left; width:100%; margin-bottom:15px;*margin-bottom:16px;_margin-bottom:8px;border-bottom:3px solid #ce5500;}
#p_mem_service .title img { float:left;}
#p_mem_service .title h1 { float:left; margin:6px 0 0 5px;_margin:8px 0 0 5px; font-weight:bold; font-size:14px ; color:#101010; letter-spacing:-0.8px;*letter-spacing:-1px; }
#p_mem_service .title span.close { float:right; padding-top:4px; width:23px; height:28px; }
#p_mem_service span.img { padding-bottom:10px}
#p_mem_service .txt { width:100%; /*background-color:red*/}
#p_mem_service .txt dl { width:100%; height:410px; overflow-y:scroll; }
#p_mem_service .txt dt { padding:20px 0 10px 12px; font-size:13px; color#000000; font-weight:bold; letter-spacing:-1px; background:url('http://image.eduhouse.net/2009_iae/image/ico/icon_mem_bullet.gif') 3px 22px no-repeat}
#p_mem_service .txt dd { padding:0px 0px 20px 0px; margin:0; font-size:12px; color:#666666; border-bottom:1px solid #e4e4e4; line-height:140%; }


/* -- 회원가입 컨텐츠2 -- */
#join_contents2 {float:right;width:773px;margin-left:30px;_margin-left:17px;text-align:left;}


/*약관동의*/
h2.title { font-size:13px; font-weight:bold; letter-spacing:-1px; color:#101010; padding:3px 0px; vertical-align:middle; }
#mem_agree .agree_box { height:160px; background-color:#fbfbfb; padding:10px; border:1px solid #dddddd; text-align:justify; *margin:13px 16px 16px 16px;
   overflow-y:scroll;overflow-x:visible;margin-bottom:42px;
   scrollbar-face-color:#FFFFFF;
   scrollbar-highlight-color:#FFFFFF;
   scrollbar-shadow-color:#FFFFFF;
   scrollbar-3dlight-color:#D4D4D4;
   scrollbar-arrow-color:#CCCCCC;
   scrollbar-track-color:#D4D4D4;
   scrollbar-darkshadow-color:#D4D4D4;
   scrollbar-base-color:#FFFFFF;
   color:#767676;
   font-weight:normal; font-size:12px ; }
#mem_agree span.agree_tit { font-size:12px; color:#5a5a5a; font-weight:bold; }
#mem_agree .agree_box dl dt { padding-top:10px; }
#mem_agree .agree_box dl dd { padding-left:10px; line-height:1.6em; }
#mem_agree .agree_box dl dd ul > li > ul { padding-left:20px; }
#mem_agree .agree_box li { line-height:1.6em; }

/*개인정보 수집 및 이용에 대한 안내*/
#mem_agree .head { border:1px solid #dddddd; background-color:#fbfbfb; padding:10px; text-align:center; *margin:13px 16px 16px 16px; }
#mem_agree .head a { color:#666; }
#mem_agree .head a.on { font-weight:bold; }
#mem_agree .head span.bar { margin:0 15px; color:#ccc; }
#mem_agree .data_box { height:160px; border:1px solid #dddddd; margin:-1px 0px 12px; padding:10px; text-align:justify; *margin:13px 16px 16px 16px;
   overflow-y:scroll; overflow-x:visible;
   scrollbar-face-color:#FFFFFF;
   scrollbar-highlight-color:#FFFFFF;
   scrollbar-shadow-color:#FFFFFF;
   scrollbar-3dlight-color:#D4D4D4;
   scrollbar-arrow-color:#CCCCCC;
   scrollbar-track-color:#D4D4D4;
   scrollbar-darkshadow-color:#D4D4D4;
   scrollbar-base-color:#FFFFFF; }
#mem_agree p.private_txt { padding:10px 10px 20px; }

#mem_agree .btn { text-align:center; margin-top:20px; }


/* -- 회원가입(폼) 컨텐츠2 -- */

.ref_msg { font-weight:normal; font-size:11px ;padding-top:3px; padding-left:10px; }
span.star_orange {color:#ff6600;font-weight:normal; font-size:11px;}


/*-회원가입양식 2010-02-03 수정 시작-*/

/*회원가입폼 컨텐츠2*/
#join1_contents2 .cont {clear:both; /*background:red*/}

/*회원가입폼 입력*/
.member_join { text-align:left; border-top:2px solid #d7d7d7;border-bottom:2px solid #DCDCDC; font-size:12px ;border-collapse:collapse; }
.member_join caption {display:none;}
.member_join th {padding:12px 15px; background-color:#f2f2f2; border-top:1px solid #DCDCDC; font-size:12px ; font-weight:bold; color:#555; white-space:nowrap; }
.member_join td {padding:12px 15px; border-top:1px solid #DCDCDC;border-left:1px solid #E5E5E5; color:#888;}
.member_join td span.txt {letter-spacing:-0.8px;*letter-spacing:-1px;margin-left:5px;}
.member_join p {color:#888;}
.member_join p span.txt {letter-spacing:-0.8px;*letter-spacing:-1px;margin-left:5px;}
.member_join .valign_center { vertical-align:middle; } 
.text_field {height:17px;padding-top:1px;border:1px solid #a5acb2;color:#555;} 
.hope_id {margin-right:5px; font-size:12px;}
.name_e {width:80px;}
.post {width:70px;margin-right:5px;}
.addr {width:410px;margin-top:3px;}
.birth {border:1px solid #a5acb2;padding:1px;}
.phone {border:1px solid #a5acb2;padding:2px;}
.phone1 {width:45px;}
.my_email {width:90px;}
.email_company {border:1px solid #a5acb2;padding:2px;}
.into_mail {width:90px;}
select {font-weight:normal; font-size:12px ;color:#666;}
#join1_contents2 .cont p.txt {margin:5px;color:#666;letter-spacing:-0.8px;*letter-spacing:-1px;}

/*유학가이드북 무료신청*/
.request {clear:both;float:left;margin-top:40px;/*background:red*/}

.request .cont {float:left;margin-top:0px;}
.request .cont div {float:left;width:671px;height:135px;padding-left:100px;border:1px solid #ddd; background:#f2f2f2;}
.request .cont div dl {float:left;width:135px;_width:180px;float:left;margin:15px;}
.request .cont div dl dt {font-weight:bold;color:#101010;margin-bottom:7px;}
.request .cont div dl dd {color:#6f6f6f; font-weight:normal; font-size:11px ;line-height:18px;letter-spacing:-0.8px;*letter-spacing:-1px;}
.request .cont div dl dd.explan {height:60px;}
.request .cont div dl dd.check {text-align:center;}
.request .cont span.txt {float:left;width:720px;padding:10px 10px 20px 10px;display:block;}
.request .cont p {width:720px;float:left;text-align:center;}

/*-회원가입양식 2010-02-03 수정 끝-*/


/* -- 회원가입완료 -- */

.member_ok {margin-left:15px; width:680px;}
.member_ok p.txt {margin-bottom:30px; font-weight:normal ; font-size:12px; letter-spacing:-0.5px; color:#888}
.member_ok p.img {margin-bottom:15px;}
.member_ok .txt span.bold {font-weight:bold; font-size:12px; letter-spacing:-0.5px; color:#777}
.member_ok .contoll_box .button {float:right; }

/*회원정보 수정*/
.member_mdf_btn { width:100%; text-align:center; margin-top:10px; }

/*관심학교 보관함*/
#keepschlist_cont { clear:both; overflow:hidden; margin-top:-10px; }
#keepsch_cmd_box { clear:both; overflow:hidden; position:relative; background-color:#eeeeee; padding:5px 10px 10px; }
#keepsch_cmd_box span.l { position:relative; float:left;_float:none; vertical-align:middle; }
#keepsch_cmd_box span.r { position:relative; float:right;_float:none;_margin-left:260px; vertical-align:middle; }
#keepschlist_cont ul { padding:5px 10px 0px; }
#keepschlist_cont li { clear:both; margin-bottom:10px; _height:0; _font-size:0; border-top:1px solid #d0d0d0; }
#keepschlist_cont li.first { border-top:0px solid #d0d0d0; }
#keepschlist_cont li dl { clear:both; overflow:hidden; }
#keepschlist_cont li dl dt { padding:5px 0; margin-left:40px; }
#keepschlist_cont li dl dt a { font-weight:bold; }
#keepschlist_cont li dl dd.chkbox { display:inline; float:left; margin-top:-10px; color:#FFF; text-align:center; }
#keepschlist_cont li dl dd.txt { clear:both; margin-left:40px; line-height:1.6em; }
#keepschlist_cont li dl dd.txt span.l { float:left; display:block; margin-bottom:5px; vertical-align:top; }
#keepschlist_cont li dl dd.txt span.r { float:right; display:block; width:142px; margin-bottom:5px; vertical-align:top; }

/*수속진행 현황*/
#cur_stepcard_cont { border:3px solid #e4e4e4; margin-bottom:10px; }
#cur_stepcard_cont li.step_img_list { padding-left:22px; border-bottom:1px solid #e1e1e1; }
#cur_stepcard_cont li.cur_my_step { padding:16px 20px; border-top:4px solid #f9f9f9; background-color:#fcfaf5; overflow:hidden; }
#cur_stepcard_cont li.cur_my_step img { float:left; margin-right:16px; }

#stepcard_cont { border:1px solid #e4e4e4; margin-bottom:10px; }
#stepcard_cont li { clear:both; overflow:hidden; padding:16px 20px; border-top:1px solid #e4e4e4; }
#stepcard_cont li.first { border-top:0px solid #e4e4e4; }
#stepcard_cont li.cur_my_step { background-color:#f7f7f7; }
#stepcard_cont li img { float:left; margin-right:16px; }
#stepcard_cont li span { font-size:12px; color:#000000; line-height:15px; vertical-align:middle; }

/*비밀번호 변경*/
dl.warning_sec dt { clear:both; overflow:hidden; padding:5px 0px; }

#pwd_change_form { margin:20px 0px 10px 0px; border-top:2px solid #a4b8c3; border-bottom:2px solid #a4b8c3; }
#pwd_change_form table { width:100%; text-align:left; border-top:2px solid #d7d7d7; border-bottom:2px solid #dcdcdc; font-size:12px ; border-collapse:collapse; margin-top:10px; }
#pwd_change_form table caption { text-align:left; vertical-align:top; padding:0px 0px 10px 15px; }
#pwd_change_form table th { padding:12px 15px; background-color:#f2f2f2; border-top:1px solid #DCDCDC; font-size:12px; font-weight:bold; color:#555; white-space:nowrap; }
#pwd_change_form table td { padding:12px 15px; border-top:1px solid #DCDCDC;border-left:1px solid #E5E5E5; }
#pwd_change_form .help_msg { font-size:11px; color:#888; }

/*회원탈퇴 요청*/
#secession_list { border:1px solid #ccc; padding:10px; background-color:#f6f7f1; }
#secession_list > li { background: url(http://image.eduhouse.net/2009_iae/image/ico/ico_list_orange.gif) no-repeat left 3px; padding-left:20px; margin-bottom:5px; }
#secession_list > li ul > li { background: url(http://image.eduhouse.net/2009_iae/image/ico/ico_main_news.gif) no-repeat left 7px; padding-left:10px; margin-bottom:3px; }
#req_leave_title { clear:both; overflow:hidden; padding:5px 0px; margin-top:20px; }
#req_leave_form { margin:5px 0px 10px; border-top:2px solid #a4b8c3; border-bottom:2px solid #a4b8c3; }
#req_leave_form table { width:100%; text-align:left; border-top:2px solid #d7d7d7; border-bottom:2px solid #dcdcdc; font-size:12px; border-collapse:collapse; margin-top:10px; }
#req_leave_form table caption { text-align:left; vertical-align:top; padding:0px 0px 10px 15px; }
#req_leave_form table th { padding:12px 15px; background-color:#f2f2f2; border-top:1px solid #DCDCDC; font-size:12px ; font-weight:bold; color:#555; white-space:nowrap; }
#req_leave_form table td { padding:12px 15px; border-top:1px solid #DCDCDC;border-left:1px solid #E5E5E5; }
#req_leave_form textarea { width:100%; height:100px; }

/*사이버머니 내역*/
#cybermoney_cont { clear:both; margin-top:-10px; }
#mycybermoney_stat { clear:both; background-color:#eeeeee; padding:10px; overflow:hidden; margin-bottom:20px; }
#mycybermoney_stat div.round_box_contents { background-color:#ffffff; padding:20px; }
#mycybermoney_stat div.round_box_contents dl { clear:both; border-top:1px solid #ccc; }
#mycybermoney_stat div.round_box_contents dl.first { border-top:0px; }
#mycybermoney_stat div.round_box_contents dl dt { float:left; font-weight:bold; background-color:#eee; width:200px; height:25px; padding:10px 0 0 20px; }
#mycybermoney_stat div.round_box_contents dl dd { float:left; width:320px; height:25px; padding:10px 0 0 20px; }
#tot_cm, #tot_use_cm { color:red; font-weight:bold; }
#last_get_cm, #last_use_cm { color:blue; }
#cybermoney_desc { margin-bottom:20px; }
#cybermoney_desc dt { background: url(http://image.eduhouse.net/2009_iae/image/ico/ico_list_orange.gif) no-repeat left 3px; padding-left:20px; margin-bottom:3px; font-weight:bold; }
#cybermoney_desc dd { padding-left:10px; margin-bottom:10px; }

#transfer_cm_form { margin:20px 0px; border-bottom:2px solid #a4b8c3; }
#transfer_cm_form table { width:100%; text-align:left; border-top:2px solid #d7d7d7; border-bottom:2px solid #dcdcdc; font-size:12px ; border-collapse:collapse; margin-top:10px; }
#transfer_cm_form table th { padding:12px 15px; background-color:#f2f2f2; border-top:1px solid #DCDCDC; font-size:12px; font-weight:bold; color:#555; white-space:nowrap; }
#transfer_cm_form table td { padding:12px 15px; border-top:1px solid #DCDCDC;border-left:1px solid #E5E5E5; }
#transfer_cm_form p { width:100%; text-align:center; padding:10px 0px; background-color:#eee; }

#cybermoney_cont #cybermoney_policy_lnk { text-align:center; margin-bottom:15px; }

/* -- 우편번호 찾기 팝업 

#p_postal {width:305px;height:220px;border:1px solid #1b1b1a;padding:9px;}

#p_postal .title {float:left;width:305px;margin-bottom:15px;*margin-bottom:16px;_margin-bottom:8px;border-bottom:3px solid #ce5500;}
#p_postal .title img {float:left;}
#p_postal .title h1 {float:left; width:135px; margin:6px 0 0 5px; _margin:8px  0 0 5px;font-weight:bold; font-size:14px ; color:#101010;letter-spacing:-0.8px;*letter-spacing:-1px;}
#p_postal .title span.close {float:left;padding-top:4px; float:right; width:23px; height:28px;}
#p_postal table.search {float:left; width:305px; border:0; margin:0}
#p_postal table.search h1 {width:100%;font-weight:bold; font-size:12px ; color:#101010;letter-spacing:-0.8px;*letter-spacing:-1px; border-bottom:1px solid #ddd; padding:2px 0;}
#p_postal .txt {color:#666; letter-spacing:-1px;}
#p_postal table.search table.address {border:1px solid #ddd; margin:15px 0 ;padding:3px 10px 10px; text-align:left}
#p_postal p.copy {font-size:11px; color:#666; vertical-align:bottom; text-align:center}

 -- 중복 스타일로 주석처리함 */

