input {font-family:"돋움"}
option {font-family:"돋움"}
#fotter{float:left; position:relative; left:50% ; margin:34px 0 0 -400px ;}

#login_1{background:url(/images/sub_member_1.png) ; width:812px ; height:500px }
#login_1 .login_name{position: absolute; left: 545px; top: 208px; width: 180px}
#login_1 .login_pw{position: absolute; left: 545px; top: 246px; width: 180px}
#login_1 input{width:180px ; height:20px ; border:none ; background:none ; font-size:14px}
#login_1 .login_btn{position: absolute; width: 93px; height: 63px; left: 740px; top: 206px;}
#login_1 .join_btn{position: absolute; width: 138px; height: 33px; left: 542px; top: 308px;}
#login_1 .idpw_btn{position: absolute; width: 138px; height: 33px; left: 694px; top: 308px;}

#login_2{background:url(/images/sub_member_2.png) ; width:812px ; height:500px }
#login_2 .name{position: absolute; left: 390px; top: 221px;}
#login_2 .name input , #login_2 .pw input{width:210px ; height:20px ; border:none ; background:none ; font-size:13px}
#login_2 .pw{position: absolute; left: 390px; top: 254px;}
/*#login_2 .id_btn{position: absolute; width: 133px; height: 33px; left: 330px; top:303px;}*/
#login_2 .id_btn{position: absolute; width: 133px; height: 33px; left: 400px; top:303px;}
#login_2 .id{position: absolute; left: 810px; top: 208px;}
#login_2 .pw_q{position: absolute; left: 810px; top: 271px;}
#login_2 .id input , #login_2 .pw_q input{width:170px ; height:20px ; border:none ; background:none ; font-size:13px}
/*#login_2 .pw_btn{position: absolute; width: 133px; height: 33px; left: 707px; top: 303px;}*/
#login_2 .pw_btn{position: absolute; width: 133px; height: 33px; left: 790px; top: 303px;}
#login_2 .x_1{position: absolute; width: 133px; height: 33px; left: 471px; top: 303px;}
#login_2 .x_2{position: absolute; width: 133px; height: 33px; left: 850px; top: 303px;}
#login_2 .combo_box{position: absolute; left: 808px; top: 241px;}
#login_2 .combo_box select{width:173px ; letter-spacing:-1px ; color:#777}

#join {background:url(/images/sub_member_join.png) ; width:812px ; height:700px}
#join .id {position: absolute; left: 434px; top: 122px;}
#join .id input  {width:150px ; height:20px ; border:none ; background:none ; font-size:13px}
#join .id_chk {position: absolute; left: 842px; top: 121px; width:99px ; height:22px}
#join .pw , #modify .pw{position: absolute; left: 434px; top: 152px;}
#join .pw input , #modify .pw input{width:150px ; height:20px ; border:none ; background:none ; font-size:13px}
#join .pw_re , #modify .pw_re{position: absolute; left: 434px; top: 182px;}
#join .pw_re input , #modify .pw_re input{width:150px ; height:20px ; border:none ; background:none ; font-size:13px}
#join .pw_q , #modify .pw_q{position: absolute; left: 434px; top: 213px;}
#join .pw_qa , #modify .pw_qa{position: absolute; left: 434px; top: 243px;}
#join .pw_qa input , #modify .pw_qa input{width:170px ; height:20px ; border:none ; background:none ; font-size:13px}
#join .name {position: absolute; left: 434px; top: 273px;}
#join .name input , #modify .name input {width:170px ; height:20px ; border:none ; background:none ; font-size:13px}
#join .in , #modify .in {position: absolute; left: 434px; top: 303px;}
#join .in input , #modify .in input{width:170px ; height:20px ; border:none ; background:none ; font-size:13px}
#join .in_2 , #modify .in_2{position: absolute; left: 682px; top: 303px;}
#join .in_2 input , #modify .in_2 input {width:170px ; height:20px ; border:none ; background:none ; font-size:13px}
#join .address , #modify .address{position: absolute; left: 434px; top: 333px;}
#join .address input , #modify .address input{width:135px ; height:20px ; border:none ; background:none ; font-size:13px}
#join .address_btn , #modify .address_btn {position: absolute; left: 577px; top: 331px; width:99px ; height:20px}
#join .address_2 , #modify .address_2{position: absolute; left: 434px; top: 363px;}
#join .address_2 input , #modify .address_2 input{width:167px ; height:20px ; border:none ; background:none ; font-size:13px}
#join .address_3 , #modify .address_3{position: absolute; left: 613px; top: 363px;}
#join .address_3 input , #modify .address_3 input{width:370px ; height:20px ; border:none ; background:none ; font-size:13px}
/*
#join .phone_1 , #modify .phone_1{position: absolute; left: 434px; top: 393px;}
#join .phone_1 input , #modify .phone_1 input{text-align:center;width:50px ; height:20px ; border:none ; background:none ; font-size:13px}
*/
#join .phone_1 , #modify .phone_1{position: absolute; left: 434px; top: 392px;}
#join .phone_1 select , #modify .phone_1 select{width:55px ; height:20px ; border:none ; background:none ; font-size:13px}

#join .phone_2 , #modify .phone_2{position: absolute; left: 511px; top: 393px;}
#join .phone_2 input , #modify .phone_2 input{text-align:center;width:50px ; height:20px ; border:none ; background:none ; font-size:13px}
#join .phone_3 , #modify .phone_3{position: absolute; left: 587px; top: 393px;}
#join .phone_3 input , #modify .phone_3 input{text-align:center;width:50px ; height:20px ; border:none ; background:none ; font-size:13px}
#join .phone_4 , #modify .phone_4{position: absolute; left: 433px; top: 420px}
#join .phone_4 select , #modify .phone_4 select{width:55px ; height:20px ; border:none ; background:none ; font-size:13px}
#join .phone_5 , #modify .phone_5 {position: absolute; left: 511px; top: 422px;}
#join .phone_5 input , #modify .phone_5 input{ text-align:center;width:50px ; height:20px ; border:none ; background:none ; font-size:13px}
#join .phone_6 , #modify .phone_6{position: absolute; left: 587px; top: 422px;}
#join .phone_6 input , #modify .phone_6 input{ text-align:center;width:50px ; height:20px ; border:none ; background:none ; font-size:13px}
#join .email_1 , #modify .email_1{position: absolute; left: 433px; top: 451px;}
#join .email_1 input , #modify .email_1 input{width:130px ; height:20px ; border:none ; background:none ; font-size:13px}
#join .email_2 , #modify .email_2{position: absolute; left: 588px; top: 451px;}
#join .email_2 input , #modify .email_2 input{width:120px ; height:20px ; border:none ; background:none ; font-size:13px}
#join .email_3 , #modify .email_3 {position: absolute; left: 717px; top: 451px}
#join .email_3 select , #modify .email_3 select{width:140px ; height:20px ; font-size:13px}
#join .chkbox_1 , #modify .chkbox_1{position: absolute; left: 436px; top: 484px}
#join .chkbox_2 , #modify .chkbox_2{position: absolute; left: 498px; top: 484px;}
#join .chkbox_3 {position: absolute; left: 436px; top: 514px;}
#join .chkbox_4 {position: absolute; left: 498px; top: 514px;}
#join .chkbox_5 {position: absolute; left: 436px; top: 543px;}
#join .chkbox_6 {position: absolute; left: 498px; top: 543px;}
#join .join_btn{position: absolute; left: 545px; top: 592px; width:117px ; height:33px}
#join .join_x_btn{position: absolute; left: 670px; top: 592px; width:91px ; height:33px}

#modify {background:url(/images/sub_member_modify.png) ; width:812px ; height:700px}
#modify .id{position: absolute; left: 436px; top: 126px; font-family:'돋움' ; font-weight:bold ; color: #666}
#modify .name{position: absolute; left: 436px; top: 277px;font-family:'돋움' ; font-weight:bold ; color: #666}
#modify .chkbox_3{position: absolute; left: 436px; top: 544px;}
#modify .chkbox_4{position: absolute; left: 498px; top: 544px;}
#modify .chkbox_5 {position: absolute; left: 436px; top: 573px;}
#modify .chkbox_6 {position: absolute; left: 498px; top: 573px;}
#modify .join_btn{position: absolute; left: 545px; top: 622px; width:117px ; height:33px}
#modify .join_x_btn{position: absolute; left: 670px; top: 622px; width:91px ; height:33px}
#modify .day{position: absolute; left: 436px; top: 515px;font-family:'돋움' ; font-weight:bold ; color: #666}

#member {background:url(/images/sub_member_user.png) ; width:812px ; height:700px ; font-family:'돋움' ; color: #666}
#member #member_id{position: absolute; left: 436px; top: 126px; font-weight:bold ;}
#member #member_name{position: absolute; left: 438px; top: 158px;font-weight:bold ;}
#member #member_in{position: absolute; left: 438px; top: 188px;}
#member #member_address{position: absolute; left: 438px; top: 217px}
#member #member_phone{position: absolute; left: 438px; top: 246px;}
#member #member_mobile{position: absolute; left: 438px; top: 275px;}
#member #member_email{position: absolute; left: 438px; top: 304px;}
#member #member_chk_1{position: absolute; left: 437px; top: 334px;}
#member #member_chk_2{position: absolute; left: 437px; top: 394px;}
#member #member_chk_3{position: absolute; left: 437px; top: 424px;}
#member #member_date{position: absolute; left: 437px; top: 365px;}
#member .member_btn_1{position: absolute; left: 545px; top: 472px; width:117px ; height:33px}
#member .member_btn_2{position: absolute; left: 670px; top: 472px; width:91px ; height:33px}

#modify_pw {background:url(/images/sub_member_modify_pw.png) ; width:812px ; height:500px}
#modify_pw .pw{position: absolute; left: 404px; top: 210px;}
#modify_pw .pw input{width:180px ; height:20px ; border:none ; background:none ; font-size:13px}
#modify_pw .btn_1{position: absolute; left: 401px; top: 267px; width:91px ; height:33px}
#modify_pw .btn_2{position: absolute; left: 500px; top: 267px; width:91px ; height:33px}

#privacy {background:url(/images/sub_member_join_privacy.png) ; width:812px ; height:700px}
#privacy .t_1{position: absolute; width: 720px; height: 150px; overflow: auto; left: 294px; top: 117px; text-align:left ; line-height:20px ; color:#777}
#privacy .t_2{position: absolute; width: 720px; height:150px; overflow: auto; left: 294px; top: 361px; text-align:left ; line-height:20px ; color:#777}
#privacy .chk_1{position: absolute; left: 300px; top: 283px;}
#privacy .chk_1_t{position: absolute; left: 324px; top: 284px; color:#333}
#privacy .chk_2{position: absolute; left: 300px; top: 529px;}
#privacy .chk_2_t{position: absolute; left: 324px; top: 528px; color: #333}
#privacy .btn_1{position: absolute; left: 557px; top: 582px; width:91px ; height:33px}
#privacy .btn_2{position: absolute; left: 657px; top: 582px; width:91px ; height:33px}


/*      게시판          */
.news_board_bg{background:url(/images/sub_news_board_bg.png) ; width:812px ; height:850px}
#news_board { float:left ;margin:20px 30px 20px 30px ; color:#666 ; font-size:12px ; font-family:'돋움' ; }
#news_board input{color:#666 ; font-size:13px ; font-family:'돋움' ; }
#news_board .category_1{position: absolute; left: 280px; top: 90px;}
#news_board .category_2{position: absolute; left: 480px; top: 90px;}
#news_board .category_1 select{width:170px ;height:25px ; color:#666}
#news_board .category_2 select{width:170px ; height:25px ; color:#666}
#news_board #tab_btn .on{ float:left ; margin:1px 5px 5px 0; width:120px ; height:20px ; background:#ff7e00; padding:10px 0 0 0 ; color:#FFF ; border-radius:10px ; }
#news_board #tab_btn .off{ float:left ;width:120px ; margin:1px 5px 5px 0; height:20px ; background:#456096;  padding:10px 0 0 0 ;color:#FFF ; border-radius:10px ;}
#news_board #tab_btn a:link{text-decoration:none ;color:#e1e1e1}
#news_board #tab_btn a:visited{color:#e1e1e1}
#news_board #tab_btn a:active{color:#e1e1e1}
#news_board #tab_btn a:hover{color:#fff}
#news_board #board_table{position: absolute; left: 280px; top: 218px;}
#news_board #board_table_2{position: absolute; left: 280px; top: 183px;}
#news_board #board_table a:link{text-decoration:none}
#news_board #board_table_2 a:link{text-decoration:none}
#news_board .input_date_text{position: absolute; left: 280px; top: 140px;}
#news_board .input_date_text_2{position: absolute; left: 280px; top: 180px;}
#news_board .input_date{position: absolute; left: 312px; top: 136px;}
#news_board .input_date_2{position: absolute; left: 312px; top: 176px;}
#news_board .input_date_2 input{width:110px ; height:20px ; color:#bbb}
#news_board .input_date input{width:110px ; height:20px ; color:#bbb}
#news_board .input_source_text{position: absolute; left: 480px; top: 140px;}
#news_board .input_source_text_2{position: absolute; left: 480px; top: 180px;}
#news_board .input_source{position: absolute; left: 540px; top: 136px;}
#news_board .input_source_2{position: absolute; left: 525px; top: 176px;}
#news_board .input_source_3{position: absolute; left: 540px; top: 176px;}
#news_board .input_source input{width:125px ; height:20px ; color:#666 }
#news_board .input_source_2 input{width:125px ; height:20px ; color:#666}
#news_board .input_source_3 input{width:125px ; height:20px ; color:#666}
#news_board .input_subject_text{position: absolute; left: 678px; top: 140px;}
#news_board .input_subject_text_2{position: absolute; left: 678px; top: 180px;}
#news_board .input_subject{position: absolute; left: 797px; top: 136px;}
#news_board .input_subject_2{position: absolute; left: 797px; top: 176px;}
#news_board .input_subject input{width:150px ; height:20px ; color:#666 }
#news_board .input_subject_2 input{width:150px ; height:20px ; color:#666 }
#news_board .search_btn{position: absolute; left: 972px; top: 135px; width:42px ; height:23px}
#news_board .search_btn_2 {position: absolute; left: 972px; top: 174px; width:42px ; height:23px}
#news_board .page_num_btn{width:14px ; height:14px ;margin-top:2px}
#news_board .page_num{font-size:13px;letter-spacing:20px ; vertical-align:middle}

#news_board #notice_board a:link{text-decoration:none}
#notice_board{position: absolute; top: 150px;}
.notice_1{position: absolute; width: 50px; left: 286px; top: 100px;}
.notice_select{position: absolute; left: 339px; top: 96px;}
.notice_select select{width:100px ; height:20px ;  color:#666}
.notice_2{position: absolute; width: 40px; left: 475px; top: 100px;}
.notice_2_input{position: absolute; left: 524px; top: 99px; z-index: 2;}
.notice_2_input input{width:145px ; height:14px ; color:#666 ; font-size:12px ; border:none ; background:none}
.notice_2_input_bg{position: absolute; border:1px #555555 solid;  left: 521px; top: 95px;width:150px ; height:19px ;}
.notice_btn{position: absolute; left: 692px; top: 94px;}

#news_board .notice_btn{position: absolute; left: 692px; top: 94px;}
.cs_body{background:url(/images/sub_body_bg.png) repeat-y ; color:#666 ; font-family:"돋움" ; font-size:12px}
.cs_body div{margin:0 0 0 30px}
.list_next{position: relative; left: 5px; top: 6px;}
.cs_body .line{height:2px ; width:750px; background-color:#0D3E57}

.cs_body .title{ color:465a75;font-weight:bold