@charset "utf-8";


/************* 로그인 *************/
.login_table_01{ /*border:1px solid red;*/}
.login_table_01 table.login_out{ width:100%;}
.login_table_01 table.login_out td{ vertical-align:top; padding:0; /*border:1px solid red;*/ }

/*폼 레이아웃*/
.login_form{ background:url(../new_images/member/login_bg.jpg) no-repeat 0px 0px; height:191px; position:relative;}
.login_form .input_01{ position:absolute; top:98px; left:172px; width:180px; border:0px solid red; font-weight:bold; color:#1255a8;background-color:transparent;}
.login_form .input_02{ position:absolute; top:123px; left:172px; width:180px; border:0px solid red; font-weight:bold; color:#1255a8;background-color:transparent;}
.login_form .input_03{ position:absolute; top:97px; left:366px; /*border:1px solid red;*/}

.guest_form{ background:url(../new_images/member/guest_bg.jpg) no-repeat 0px 0px; height:185px; position:relative;}
.guest_form .input_01{ position:absolute; top:83px; left:172px;width:180px; border:0px solid red; font-weight:bold; color:#1255a8;background-color:transparent;}
.guest_form .input_02{ position:absolute; top:112px; left:174px;width:85px; border:0px solid red;background-color:transparent;/* font-family:"맑은 고딕","나눔고딕","돋움", sans-serif;*/}
.guest_form .input_03{ position:absolute; top:112px; left:290px;width:68px; border:0px solid red;background-color:transparent;/*font-family:"맑은 고딕","나눔고딕","돋움", sans-serif;*/ letter-spacing:0px;}
.guest_form .input_04{ position:absolute; top:135px; left:174px;width:180px; border:0px solid red; font-weight:bold; color:#e02711; background-color:transparent;}
.guest_form .input_05{ position:absolute; top:82px; left:366px;}

/*로그인 설명*/
.login_explain{ border:1px solid #eaeaea; background:#fbfbfb; padding:12px 10px 10px 10px;margin:0 0 10px 0;}
.login_explain_01{margin:0;}
.login_explain_01 li{ text-align:left; font-size:11px; line-height:13px; margin:3px 0 4px 0; letter-spacing:-1px; color:#666666;background:url(../new_images/view/view_explain_02_bullet.jpg) no-repeat 3px 3px; padding:0 0 0 8px;}
.login_explain_01 li strong{ color:#666666;}



/************* 회원가입 분류(개인, 기업) *************/
/*개인*/
.person_form{ background:url(../new_images/member/person_bg.jpg) no-repeat 0px 0px;position:relative;height:89px;}
.person_form .input_01{ position:absolute; top:22px; left:172px; width:180px; border:0px solid red; font-weight:bold; color:#1255a8;background-color:transparent;}
.person_form .input_02{ position:absolute; top:48px; left:172px; width:80px; border:0px solid red; background-color:transparent;letter-spacing:0px;}
.person_form .input_03{ position:absolute; top:48px; left:290px; width:62px; border:0px solid red; background-color:transparent;letter-spacing:0px;}
.person_form .input_04{ position:absolute; top:21px; left:366px; }

/*기업*/
.business_form{ background:url(../new_images/member/business_bg.jpg) no-repeat 0px 0px;position:relative;height:91px;}
.business_form .input_01{ position:absolute; top:22px; left:172px; width:180px; border:0px solid red; font-weight:bold; color:#1255a8;background-color:transparent;}
.business_form .input_02{ position:absolute; top:48px; left:172px; width:25px; border:0px solid red; background-color:transparent;letter-spacing:0px;}
.business_form .input_03{ position:absolute; top:48px; left:232px; width:22px; border:0px solid red; background-color:transparent;letter-spacing:0px;}
.business_form .input_04{ position:absolute; top:48px; left:289px; width:64px; border:0px solid red; background-color:transparent;letter-spacing:0px;}
.business_form .input_05{ position:absolute; top:21px; left:366px; }




/*이용약관*/
.iframe_wrap_box{border:1px solid #e1e1e1; background:#f9f9f9; padding:15px 30px 15px 30px;}

div.agreebox_01div{border:1px solid #e4e4e4; background:#FFFFFF;padding:0px;
	/*width:668px;*/ height:500px;
	scrollbar-3dlight-color:#9b9b9b;
	scrollbar-darkshadow-color:#9b9b9b;
	scrollbar-highlight-color:#9b9b9b;
	scrollbar-shadow-color:#9b9b9b;
	scrollbar-face-color:#9b9b9b;
	scrollbar-arrow-color:#ffffff;
	scrollbar-track-color:#f1f1f1;
	overflow-y:scroll;
	word-break:break-all; word-wrap:break-word; overflow:auto;  white-space:normal;
}

div.agreebox_01div pre.txt_001{font-size:13px; font-family:"맑은 고딕","나눔고딕","돋움", sans-serif; color:#414141; letter-spacing:-1px; text-align:left; line-height:20px; background:#FFFFFF; padding:10px 10px 10px 20px; *padding:20px 10px 10px 20px;}









/*테이블 종류 회원가입폼*/
table.table_view_01{clear:both; width:100%;border-right:1px solid #dedede;}
table.table_view_01 th{ border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;border-right:1px solid #dedede; border-left:1px solid #dedede; background:#f9f9f9; padding:6px 3px 6px 10px;color:#666666; text-align:left; font-weight:normal; }
table.table_view_01 td{ /*border:1px solid red;*/ border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9; padding:4px; line-height:15px; word-break:break-all; word-wrap:break-word; color:#464646; vertical-align:middle;}
table.table_view_01 td img{ margin:2px 0 0 0;}


table.table_view_01 td.title{ text-align:left;}
table.table_view_01 td.title a:link, table.table_view_01 td.title a:visited{ color:#464646; text-decoration:none;}
table.table_view_01 td.title a:hover, table.table_view_01 td.title a:active{color:#1862b5; text-decoration: underline;}

table.table_view_01 td .small_explain{ margin:0;font-size:11px; color:#999999; letter-spacing:-1px;}

table.table_view_01 .normal_01{padding:0 0 0 10px; display:inline-block;line-height:15px; }
table.table_view_01 .must_01{padding:0 0 0 10px; display:inline-block;line-height:15px; background:url(../new_images/include/star_icon.gif) no-repeat 0px 3px; }





/**************************** form ****************************/
.input_01  {border:1px solid #dadada; background:#ffffff;font-size:12px;height:16px;vertical-align:middle;font-family:"돋움";color:#555555;padding:3px 3px 0 3px;}
/*.select_002 {border:1px solid #7f9db9; background:#f7f9fb; color:#666666; font-size:12px; height:21px;  vertical-align:middle; }*/
/******** select ul object ********/
.select{position:relative;line-height:normal; display:inline-block; *display:inline;vertical-align:middle; background:#f1f1f1; *zoom:1;}
.select *{ margin:0; padding:0; cursor:pointer;font-size:11px; font-family:"돋움", Tahoma; letter-spacing:-1px;}
.select .myValue{ overflow:visible; position:relative; z-index:2; left:0px; top:0px;  border:1px solid #e7e7e7;background:transparent; color:#666666;text-align:left; line-height:20px; _line-height:normal;}
.select .myValue{padding:2px;}
.select .myValue.selected{/*font-weight:bold;*/}
.select.open .myValue,
.select .myValue.outLine{ border:1px solid #bdbdbd;}
.select button.myValue{  height:21px;width:100%;text-indent:5px; *text-indent:0; *padding-left:5px;}
.select div.myValue{ height:19px; text-indent:8px;/*border:1px solid red;*/overflow:hidden; padding-right:14px;}
.select .ctrl{ position:absolute; top:0px; right:0px; width:18px; height:19px; /*border:1px solid #bababa;*/ border-left:1px solid #f1f1f1; background:#f1f1f1;}
.select .arrow{ position:absolute; width:0px; height:0px; top:11px; right:8px; line-height:0px; font-size:0px;border-left:3px solid #f1f1f1; border-top:3px solid #8b8b8b;  border-right:3px solid #f1f1f1;}
.select ul{position:absolute; overflow:hidden;  top:24px; left:0px; width:100%; border:0; border-top:1px solid #bababa; border-bottom:1px solid #bababa; background:#ffffff; list-style:none;}
.select ul.aList{ display:none;}
.select.open ul.aList{ display:block;}
.select ul.iList{ left:-2000%;}
.select.open ul.iList{ left:0px;}
.select li{ overflow:hidden; position:relative; height:18px;  border-left:1px solid #bababa; border-right:1px solid #bababa; white-space:nowrap;}
.select li input.option{ position:absolute; width:100%; height:20px; line-height:20px;}
.select li label{position:absolute; top:0px; left:0px; width:100%; height:18px; background:#ffffff; color:#767676; line-height:18px; text-indent:8px; *text-indent:6px;text-align:left; }
.select li a{ display:block; height:18px; background:#ffffff; color:#767676; line-height:18px; text-indent:8px; *text-indent:6px; text-decoration:none;}
.select li.hover *{ background:#f1f1f1; color:#000000;}

.select_go{ overflow:visible; height:21px; width:28px; *margin:-1px 0 -1px 4px; padding:0px; border:1px solid #dfdfdf; background:#eee; font-size:11px;color:#767676; line-height:19px; _line-height:normal; vertical-align:middle; cursor:pointer;}





/************************************************/
/************2013년 04월 02일 추가***************/
/************************************************/


.contents_layout{ margin:10px 0 20px 0; /*border:1px solid red;*/min-height:600px; height:auto !important; height:600px;}
/*폼*/
.input_M { border:1px solid #dadada; background:#ffffff;  font-size:12px; height:15px; padding:3px 3px 0 3px; margin:2px 0 2px 0; vertical-align:middle;color:#4a4a4a;}
.select_M { border:1px solid #7f9db9; background:#ffffff; font-size:12px; height:20px; vertical-align:middle;}


.input_S { border:1px solid #dadada; background:#ffffff; color:#4a4a4a; font-size:11px; height:14px; padding:2px 0 0 2px;  vertical-align:middle;}
.select_S { border:1px solid #7f9db9; background:#ffffff; color:#4a4a4a; font-size:11px; height:18px;  vertical-align:middle;}



.radio_01{vertical-align: middle; margin:0 0 0.4em 0;}
.checkbox_01{vertical-align: middle; margin:0 0 0.2em 0;}

.file_01 {border:1px solid #dadada; background:#f9f9f9; color:#4a4a4a; font-size:12px; height:20px; padding:3px 0 0 3px; margin:1px 0 2px 0; vertical-align:middle;}


.title_01{font-family:"맑은 고딕","나눔고딕","돋움", sans-serif;font-weight:bold; background:url(../new_images/include/title_01_arrow.jpg) no-repeat 0px 1px; padding:0 0 0 16px; margin:0 0 5px 0; color:#333333; font-size:15px; letter-spacing:-2px;}

.title_01 .small_exlain{font-family:"돋움", sans-serif; font-weight:normal; font-size:11px; letter-spacing:-1px; color:#999999; padding:0 0 0 7px;}
.title_01 .middle_exlain{font-family:"돋움", sans-serif; font-weight:normal; font-size:12px; letter-spacing:0px; color:#666666; padding:0 0 0 7px;}

.title_02{ /*float:left;*/ color:#333333; font-size:12px; line-height:14px; font-weight:bold; padding:0px 0 0 13px;font-family:"돋움", sans-serif; margin:0px; background:url(../new_images/include/title_02_arrow.jpg) no-repeat 0px 1px;  }
.title_02 .small_exlain{font-family:"돋움", sans-serif; font-weight:normal; font-size:11px; letter-spacing:-1px; color:#999999; padding:0 0 0 7px;}


.explain_01{ position: relative; }
.explain_01 .must_01{position:absolute; right:0px; top:-13px; *top:-14px; display:inline-block; padding:0 0 0 10px;background:url(../new_images/include/star_icon.gif) no-repeat 0px 5px; font-size:11px; line-height:15px;}



.title_01_yellow{font-family:"맑은 고딕","나눔고딕","돋움", sans-serif;font-weight:bold; background:url(../new_images/include/title_01_arrow_yellow.jpg) no-repeat 0px 1px; padding:0 0 0 16px; margin:0 0 5px 0; color:#333333; font-size:15px; letter-spacing:-2px;}
.title_01_yellow .small_exlain{font-family:"돋움", sans-serif; font-weight:normal; font-size:11px; letter-spacing:-1px; color:#999999; padding:0 0 0 7px;}



.title_01_orange{font-family:"맑은 고딕","나눔고딕","돋움", sans-serif;font-weight:bold; background:url(../new_images/include/title_01_arrow_orange.jpg) no-repeat 0px 2px; padding:0 0 0 18px; margin:0 0 5px 0; color:#f35a21; font-size:15px; letter-spacing:-1px;}
.title_02_orange{ /*float:left;*/ color:#333333; font-size:12px; line-height:14px; font-weight:bold; padding:0px 0 0 13px;font-family:"돋움", sans-serif; margin:0px; background:url(../new_images/include/title_02_arrow_orange.jpg) no-repeat 0px 1px;  }
.title_02_orange .small_exlain{font-family:"돋움", sans-serif; font-weight:normal; font-size:11px; letter-spacing:-1px; color:#999999; padding:0 0 0 7px;}



/************각종 버튼***************/

/*흰색배경 - 버튼 모양 16px*/
.ss_label_01 em{ padding:1px 0px 0px 1px; display:inline-block;color:#000000;  background:url(../new_images/list/small_btn_bg.jpg) no-repeat left 1px; line-height:13px;}
.ss_label_01 em i{ font-family:"돋움", sans-serif;display:inline-block; margin:0px; padding:3px 2px 0px 2px; color:#787877; font-size:11px; letter-spacing:-1px; font-style:normal;background:url(../new_images/list/small_btn_bg.jpg) no-repeat 100% 0px;text-align:center;}


/*주황색배경 - 버튼 모양 16px*/
.ss_label_02 em{ padding:1px 0px 0px 1px; display:inline-block;color:#ffffff;  background:url(../new_images/list/small_btn_bg_02.jpg) no-repeat left 1px; line-height:13px;}
.ss_label_02 em i{ font-family:"돋움", sans-serif;display:inline-block; margin:0px; padding:3px 2px 0px 0px; color:#ffffff; font-size:11px; letter-spacing:-1px; font-style:normal;background:url(../new_images/list/small_btn_bg_02.jpg) no-repeat 100% 0px;text-align:center;}




/*흰색배경 - 배경높이 16px*/
.ss_btn_01 {/*margin-left:2px;*/}
.ss_btn_01 a {  padding:1px 0px 0px 1px; display:inline-block; color:#000000; text-decoration:none; background:url(../new_images/list/small_btn_bg.jpg) no-repeat left 1px; line-height:13px;}
.ss_btn_01 a strong{ font-family:"돋움", sans-serif;display:inline-block; padding:3px 2px 0px 2px; font-weight:normal; font-size:11px; background:url(../new_images/list/small_btn_bg.jpg) no-repeat 100% 0px;cursor:pointer;text-align:center;}
.ss_btn_01 a:link,
.ss_btn_01 a:visited{ color:#000000;text-decoration:none;}
.ss_btn_01 a strong{}



/*짖은회색배경 - 배경높이 21px*/
.s_btn_01 {margin-left:1px;}
.s_btn_01 a {  padding:1px 0px 0px 1px; display:inline-block; color:#ffffff; text-decoration:none; background:url(../new_images/btn/small_btn_01.jpg) no-repeat left 1px; line-height:15px; position:relative; *top:2px;}
.s_btn_01 a strong{ font-family:"돋움", sans-serif;display:inline-block; padding:3px 4px 2px 4px; font-weight:normal; font-size:11px; background:url(../new_images/btn/small_btn_01.jpg) no-repeat 100% 0px;cursor:pointer;text-align:center;}
.s_btn_01 a:link,
.s_btn_01 a:visited{ color:#ffffff;text-decoration:none;}
.s_btn_01 a strong{}



/*흰색배경 - 배경높이 21px*/
.s_btn_02 {margin-left:2px;}
.s_btn_02 a {  padding:1px 0px 0px 1px; display:inline-block; color:#666666; text-decoration:none; background:url(../new_images/btn/small_btn_02.jpg) no-repeat left 1px; line-height:15px; position:relative; *top:2px;}
.s_btn_02 a strong{ font-family:"돋움", sans-serif;display:inline-block; padding:3px 4px 2px 4px; font-weight:normal; font-size:11px; background:url(../new_images/btn/small_btn_02.jpg) no-repeat 100% 0px;cursor:pointer;text-align:center;}
.s_btn_02 a:link,
.s_btn_02 a:visited{ color:#666666;text-decoration:none;}
.s_btn_02 a strong{}

/*회색배경 - 배경높이 21px*/
.s_btn_03 {margin-left:2px;}
.s_btn_03 a { padding:1px 0px 0px 1px; display:inline-block; color:#ffffff; text-decoration:none; background:url(../new_images/btn/small_btn_03.jpg) no-repeat left 1px; line-height:15px; position:relative; *top:2px;}
.s_btn_03 a strong{ font-family:"돋움", sans-serif;display:inline-block; padding:3px 4px 2px 4px; font-weight:normal; font-size:11px; background:url(../new_images/btn/small_btn_03.jpg) no-repeat 100% 0px;cursor:pointer;text-align:center;}
.s_btn_03 a:link,
.s_btn_03 a:visited{ color:#ffffff;text-decoration:none;}
.s_btn_03 a strong{}








/*FORM - 짖은회색배경 - 배경높이 21px*/
.input_btn_01{ display:inline-block; background:url(../new_images/btn/small_btn_01.jpg) no-repeat left top; padding:0 ; margin:1px 0 0 0;}
.input_btn_01 input { font-size:11px;font-weight:normal; font-family:"돋움", sans-serif;display:inline-block;  color:#ffffff; border:0px solid red; padding:3px 0 0 0; margin:0 0 0 1px;  line-height:15px;}
.input_btn_01 input{ background:url(../new_images/btn/small_btn_01.jpg) no-repeat 100% top;height:20px; }







/*페이지 설명*/
.page_explain{ border:1px solid #eaeaea; background:#fbfbfb; padding:12px 10px 10px 10px;margin:0 0 10px 0;}
.page_explain_title{ font-weight:bold; color:#555555;background:url(../new_images/sub/page_explain_title_bullet.jpg) no-repeat 0px 2px;padding:0 0 0px 17px;}
.page_explain_01{margin:0;}
.page_explain_01 li{ text-align:left; font-size:11px; line-height:13px; margin:3px 0 4px 0; letter-spacing:0px; color:#666666;background:url(../new_images/view/view_explain_02_bullet.jpg) no-repeat 3px 3px; padding:0 0 0 8px;}
.page_explain_01 li strong{ color:#666666;}