@charset "euc-kr";

/*--------------------------------------------------------------
	default
--------------------------------------------------------------*/

html, body{width:100%; height:100%; margin:0; padding:0; font:12px µ¸¿ò dotum 'sans-serif';}

div, a, table, thead, tbody, tr, th, td, form, fieldset, input, select, img, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, iframe, form, fieldset, legend, label, address{margin:0; padding:0;}

img,  fieldset {border:0;}

a{color:#333; text-decoration:none;}
a:hover{color:#333;}

ol, li, ul{list-style:none;}

table { border-collapse: collapse; }

/*--------------------------------------------------------------
   ·¹À̾ƿô
--------------------------------------------------------------*/

#wrap{position:relative; width:758px; padding:0 0 90px 0; margin:0 auto;}
#wrap02{position:relative; width:675px; min-height:390px; _height:390px; margin:10px auto; padding:25px 40px; background:url('/site/executive/image/sso/bg_wrap02.jpg') no-repeat left top;}


h1{height:72px; padding:10px 0 0 0;}

.process dd ol li{float:left; height:50px; padding:0 0 0 18px;}

/*--------------------------------------------------------------
   ÄÁÅÙÃ÷
--------------------------------------------------------------*/

.accessibility{visibility:hidden; width:0; height:0; font-size:0;}

#wrap p{padding:0 0 15px 20px; background:url('/site/executive/image/sso/bg_contents.jpg') no-repeat left bottom;}
#wrap02 p{padding:0 0 15px 5px; background:url('/site/executive/image/sso/bg_contents.jpg') no-repeat left bottom;text-align:left;}

#wrap02 h2{height:30px; text-align:left;}

.processCon01{padding:15px 20px 0 20px;}
.processCon01 dl dt{height:22px;}
.processCon01 dl dd{padding:0 0 10px 0; line-height:17px;}
.processCon01 dl dd.rule{height:170px; padding:10px; border:5px solid #dad4be;}
.processCon01 dl dd.rule textarea{width:99%; height:170px; overflow-y:scroll; border:0; font-size:12px;}
#joinTrans {height:55px;}

.member_branch{background:#f2f1ed; padding:10px;}

.base_info{position:relative; width:280px; margin:15px auto 15px auto; padding:5px 0 10px 0;}
.base_info li{float:left; padding:0 0 5px 0;}
.base_info li #userid{width:145px; line-height:18px; margin:0 0 0 10px; border:1px solid #aaa;}
.base_info li #userpw{width:145px; line-height:18px; margin:0 0 0 9px;  border:1px solid #aaa;}
.base_info li.confirm{position:absolute; right:0; top:0;}
.base_info li.btn01{padding:10px 0 0 50px;}
.base_info li.btn02{padding:10px 0 0 10px;}

.processCon02 {clear:both; padding:0 20px 10px 20px; background:url('/site/executive/image/sso/bg_contents.jpg') no-repeat left bottom;}
.processCon02  ul li{padding:0 0 10px 10px; background:url('/site/executive/image/sso/dot_orange.jpg') no-repeat left 3px;line-height:1.4em;}
.processCon02 dl dt{padding:0 0 3px 10px; background:url('/site/executive/image/sso/dot_orange.jpg') no-repeat left 3px;}
.processCon02 dl dd{padding:0 0 10px 10px;line-height:1.4em;}

.btn01{width:100%; height:90px; padding:35px 0 0 0; text-align:center;}
.btn01 li{display:inline;}
.btn02{width:100%; text-align:center;}
.btn02 li{display:inline;}
.btn03{width:100%; text-align:right; padding:10px 0 0 0; height:30px;}
.btn03 li{display:inline;}
.btn03 li input{border:none;}
.btn04{width:100%; padding:15px 0 0 0; text-align:center;}
.btn04 li{display:inline;}

.processCon03{clear:both; padding:0 20px 10px 20px; }
.processCon03  ul li{height:17px; padding:0 0 0 10px; background:url('/site/executive/image/sso/dot_orange.jpg') no-repeat left 3px;}
.processCon03  ul li strong{color:#F00;}

#writeProc{padding:0 20px 10px 20px;}
#writeProc dl dt strong{color:#F00;}
#writeProc dl dt {float:left; padding:12px 0 0 20px; width:103px; height:23px;  border-bottom:1px solid #ccc; background:url('/site/executive/image/sso/bullet_arrow.jpg') no-repeat 10px 13px; text-align:left;}
#writeProc dl dd {padding:8px 0 0 0; height:27px; border-bottom:1px solid #ccc; text-align:left;}
#writeProc dl dd img{vertical-align:top;}
#writeProc dl dd  input{border:1px solid #ccc; height:17px;}
#writeProc dl dd  input#mailreceive{border:none;}
#writeProc dl dd  input#usertel{width:50px;}
#writeProc dl dd  input#tel02{width:50px;}
#writeProc dl dd  input#tel03{width:50px;}
#writeProc dl dd  input#usercell{width:50px;}
#writeProc dl dd  input#cel02{width:50px;}
#writeProc dl dd  input#cel03{width:50px;}
#writeProc dl dd  input#zip01{width:50px;}
#writeProc dl dd  input#zip02{width:50px;}
#writeProc dl dd  input#address01{margin:5px 0 0 0; width:500px;}
#writeProc dl dd  input#address02{margin:5px 0 0 0; width:500px;}
#writeProc dl dt.address{height:80px;}
#writeProc dl dd.address{height:84px;}

.processCon04{clear:both; padding:15px 0 0 160px;}
.processCon04 div{background:none; padding:0 0 20px 0;}
.processCon04 dl dt{height:25px;}
.processCon04 dl dd{padding:0 0 0 15px;}
.processCon04 dl dd ul li{height:20px; padding:0 0 0 15px; background:url('/site/executive/image/sso/bullet_square.jpg') no-repeat left 3px;}

.period{padding:25px 0 0 0; width:229px; margin:0 auto;}

#wrap02 p.modify01{background:none; text-align:left;}
#wrap02 p.modify02{text-align:center;}


ul.leave{padding:10px 0 0 0;text-align:left;}
ul.leave li{padding:0 0 10px 0; line-height:18px;}


.joinAgree{text-align:center;}

/*--------------------------------------------------------------
   siteinfo
--------------------------------------------------------------*/

.siteinfo{position:relative; margin : 100px 0 0 0; bottom:0; width:100%; height:54px; padding:20px 0 0 140px; background:url('/site/executive/image/sso/bg_siteinfo.jpg') no-repeat left top;}
.siteinfo address{font-style:normal; height:17px;width:610px !important;}
.siteinfo p{background:none; padding:0;width:590px !important;}

/*--------------------------------------------------------------
   popup_alert
--------------------------------------------------------------*/

#popWrap{width:425px; height:95px; padding:30px 25px;}
#popWrap p{position:relative; width:425px; height:23px; text-align:center; border-bottom:3px solid #ff7f00;}
#popWrap p button#close{position:absolute; top:0; right:0; width:22px; border:none; background:none;}

#popWrap_du {position:relative; width:400px; height:367px; padding:33px 0 0 0; background:url('/site/executive/image/sso/bg_popup_du.jpg') no-repeat left top;}
#popWrap_du button#close{position:absolute; top:15px; right:15px; width:42px; border:none; background:none;}
#popWrap_du h1{padding:0 0 0 20px; height:55px;}
#popWrap_du form .insert_id{text-align:center; width:270px; margin:0 auto; padding:0 0 20px 0; background:url('/site/executive/image/sso/bg_dotLine.jpg') no-repeat left bottom;}
#popWrap_du form .insert_id legend{padding:0 0 10px 32px;}
#popWrap_du form .insert_id input#insert_id{border:1px solid #ccc; margin:0 3px 0 0 ; height:17px;}
#popWrap_du form .insert_id #btn_id_check{vertical-align:bottom; cursor:pointer;}

#popWrap_du form  .result_id p{padding:20px 0 0 0; text-align:center; width:200px; margin:0 auto;}
#popWrap_du form  .insert_address{text-align:center; width:300px; margin:0 auto; padding:0 0 15px 0; background:url('/site/executive/image/sso/bg_dotLine.jpg') repeat-x left bottom;}
#popWrap_du form .insert_address select{font-size:12px; width:100px; height:18px;}
#popWrap_du form .insert_address input#insert_zip{border:1px solid #ccc; margin:0 3px 0 0 ; width:90px; height:17px;}
#popWrap_du form .insert_address input#btn_id_check{position:relative; cursor:pointer; vertical-align:bottom;}
#popWrap_du form  .result_zip div{margin:15px auto 0 auto; width:295px; height:120px; border:1px solid #ccc; overflow-y:scroll; }
#popWrap_du form  .result_zip div ul{padding:5px}
#popWrap_du form  .result_zip div ul li{height:17px;}
#popWrap_du form .insert_address input{height:17px;vertical-align:bottom;}
#popWrap_du form .insert_address img{vertical-align:bottom; cursor:pointer;}

#popWrap_du form  .mail_address{text-align:center; width:300px; margin:0 auto; padding:0 0 15px 0; background:url('/site/executive/image/sso/bg_dotLine.jpg') repeat-x left bottom;}
.mail_address ul{margin-left:25px;}