﻿
/* ====================== */
/* 회원가입   */
/* ====================== */
#container_join {margin:0 auto;text-align:left; position:relative; overflow:hidden; width:1100px;}
#container_join:after {content:"";display:block;clear:both;}
.join_layout {position:relative;}
.join_layout .join_aree{height:200px; overflow:auto; border:#d5d5d5 1px solid; background:#f5f5f5;}
.join_layout .join_aree p{ padding:10px 20px;}
.join_layout .join_aree > dl{ padding:0  15px;}
.join_layout .join_aree > dl > dt{ margin-bottom:5px; margin-top:10px;}
.join_layout .join_aree > dl > dd > ol > li { margin-bottom:10px;}
.join_layout .join_aree ol > li > ol > li{ font-size:11px; line-height:140%; }
.join_layout .join_chekbox{ padding:5px 0px;}
.join_layout .join_box { border-top:#CCC 1px solid; border-bottom:#CCC 1px solid; padding:20px;}
.join_layout .join_box ul{ margin:20px;}
.join_layout .join_box ul li {padding-left:10px; margin-top:5px;background:url(../img/common/blt11.gif) no-repeat 0px 8px;}
.join_layout .join_box ul li strong { font-weight:bold; color:#2783c6;}
.join_layout .selet_box{ font-size:15px; font-weight:bold; text-align:center; border-bottom:#CCC 2px dotted; padding:20px;}
.join_layout .selet_box label{ padding-right:30px;}	
.join_layout .finish_box{font-size:20px; font-weight:bold; text-align:center; border-bottom:#CCC 2px dotted; padding:20px;}
.join_layout .finish_box .id_box {margin:10px auto;  width:300px;}
.join_layout .finish_box .id_box ul li {padding-left:10px; text-align:left; font-size:12px; margin-top:5px;background:url(../img/common/blt11.gif) no-repeat 0px 8px;}
.join_layout .finish_box .id_box ul li strong { font-weight:bold; color:#2783c6;}

.join_layout .idpw_box { border-top:#CCC 1px solid; border-bottom:#CCC 2px dotted; padding:20px; margin-top:10px;}
.join_layout .idpw_box ul li {padding-left:10px; margin-top:5px;background:url(../img/common/blt11.gif) no-repeat 0px 8px;}
.join_layout .idpw_box ul li strong { font-weight:bold; color:#2783c6;}
.join_layout .idpw_box p.selet {text-align:left; padding-top:10px;}
.join_layout .idpw_box p.selet label{ padding-right:30px;}	

.join_layout .idpw_selet_box{ font-size:15px; font-weight:bold; text-align:center;}
.join_layout .idpw_selet_box label{ padding-right:30px;}	


/*도움말*/
.idpw_guide {border:1px solid #e8e8e8;border-left:none;border-right:none;color:#666;background:#f9f9f9; padding:20px 0; margin-top:10px;}
.idpw_guide ul{ margin:10px 20px 0 20px;}
.idpw_guide ul li { margin:5px 0;background:url(../img/common/blt03.gif) no-repeat 5px 10px; padding-left:15px ; font-size:13px;}
.idpw_guide ul li strong { font-weight:bold; color:#2783c6;}
.idpw_guide  p { padding-left:30px;}
.idpw_guide  p.selet {text-align:left; }
.idpw_guide  p.selet label{ padding-right:20px;}	




/*스텝 */
.join_step_area {font-family:'Nanum_R';margin:18px 0 40px 0;font-size:14px;border-bottom:#e1e1e1 1px solid; height:45px;}
.join_step_area .txt_step {position:absolute;left:-9999em;width:1px;height:1px;text-indent:-9999em} 
.join_step_area ol {height:43px; margin-left:23px;}
.join_step_area ol li {float:left; background:url(../img/layout/mem_step.png) no-repeat; display:inline-block;height:43px;}
.join_step_area ol li span {position:absolute;left:-9999em;width:1px;height:1px;text-indent:-9999em}
.join_step_area ol li.step01 { width:200px; background-position: 0px -5px}
.join_step_area ol li.step02 { width:310px; background-position: 0px -82px}
.join_step_area ol li.step03 { width:190px; background-position: 0px -158px}
.join_step_area ol li.step04 { width:190px; background-position: 0px -234px}
.join_step_area ol li.step05 { width:180px; background-position: 0px -311px}
.join_step_area ol li.step01_on { width:200px; background-position:-495px -5px}
.join_step_area ol li.step02_on { width:310px; background-position:-495px -82px}
.join_step_area ol li.step03_on { width:190px; background-position:-495px -158px}
.join_step_area ol li.step04_on { width:180px; background-position:-495px -234px}
.join_step_area ol li.step05_on { width:180px; background-position:-495px -311px}
.join_step_area ol li strong{color:#f36910; font-weight:bold;}


.group_step_area {font-family:'Nanum_R';margin:18px 0 40px 0; padding-top:20px;font-size:14px;border-bottom:#e1e1e1 1px solid; border-top:#e1e1e1 1px solid; height:45px;}
.group_step_area .txt_step {display:none;}
.group_step_area ol {height:43px; margin-left:23px;}
.group_step_area ol li {float:left; background:url(../img/layout/group_step.png) no-repeat; display:inline-block;height:43px;}
.group_step_area ol li span {font-size:0px; color:#fff; display:none;}
.group_step_area ol li.step01 { width:200px; background-position: 0px -5px}
.group_step_area ol li.step02 { width:200px; background-position: 0px -82px}
.group_step_area ol li.step03 { width:190px; background-position: 0px -158px}
.group_step_area ol li.step01_on { width:200px; background-position:-495px -5px}
.group_step_area ol li.step02_on { width:200px; background-position:-495px -82px}
.group_step_area ol li.step03_on { width:190px; background-position:-495px -158px}
.group_step_area ol li strong{color:#f36910; font-weight:bold;}






.mem_14over {background:url(../img/layout/mem_14over.png) no-repeat; width:350px; height:131px; margin:20px auto; font-size:16px; text-align:center; padding-top:65px;}
.mem_14over > strong{ display:block; margin-top:20px; font-size:32px;}

.mem_overlap {background:url(../img/layout/mem_14over.png) no-repeat; width:350px; height:151px; margin:20px auto; font-size:16px; text-align:center; padding-top:40px;}
.mem_overlap > p{ margin-top:10px;}
.mem_overlap > strong{ display:block; margin-top:18px; font-size:18px;}

.mem_withdraw {background:url(../img/layout/mem_withdraw.png) no-repeat; width:500px; height:80px; margin:20px auto; font-size:20px; text-align:center; padding-top:60px;}
.mem_withdraw strong { color:#2783c6;}

.input_item{padding:3px;}
.input_item .item1{ margin-left:18px; margin-bottom:5px;}
h7.input_title1{font-size:14px; display:block;background:url(../img/common/blt10.gif) no-repeat 0 ; padding-left:10px; margin-bottom:5px; font-weight:bold;}
h8.input_title2{font-size:13px;background:url(../img/common/blt08.gif) no-repeat 0 ; padding-left:10px; margin-bottom:5px; margin-left:10px;}