/*
  Title _ bbb Common Stylesheet
  Author _ Choojiho(chubo@gmail.com), Kim Moonjung(oopsbitty@gmail.com)
  Date _ 2008. 6. 12
  Last _ 2008. 6. 12
*/
@import url("common.css");

/* Membership */

.s_membership h3 { font-weight:bold; }
.s_membership h3.space { margin:27px 0 20px 0; }
.s_membership h3.side_space { margin:57px 0 20px 0; }
.s_membership span.orange { color:#f25b20; }

.s_membership div.instruction { width:597px; height:auto; overflow:hidden; padding:15px 0; border-top:1px solid #d5d5d5; }
.s_membership div.instruction p { float:left; width:450px; }
.s_membership div.instruction span.img { float:left; width:85px; padding:0 10px; }

.s_membership span.program_download { display:block; margin:20px 0 10px 0; }
.s_membership ul.program_download li { display:inline; }

#head_top { height: 150px; width: 100%; background: transparent url(../../images/membership/bg_top.gif) repeat-x scroll 0 0; }
#head_top #head_wrapper { position: relative; width: 1004px; margin: 0 auto; }
#head_top #head_wrapper .profile { float: left; position: relative; width: 275px; height: 94px; margin: 20px 0 0 0; background: transparent url(../../images/membership/bg_dot_vline.gif) no-repeat scroll 100% 4px; }
#head_top #head_wrapper .profile dt { position: absolute; top: 5px; left: 124px; color: #fff; font-weight: bold; }
#head_top #head_wrapper .profile dt .eng_name { font-weight: normal; }
#head_top #head_wrapper .profile dd p.img { width: 108px; height: 108px; padding: 4px; background: transparent url(../../images/membership/bg_frame.gif) no-repeat scroll 0 0; }
#head_top #head_wrapper .profile dd ul { position: absolute; top: 30px; left: 124px; }
#head_top #head_wrapper .profile dd ul li { height: 18px; line-height: 18px; color: #b1b0b0; }
#head_top #head_wrapper .profile dd ul li img { position: relative; top: 3px; margin: 0 7px 0 0; }
#head_top #head_wrapper .profile dd ul li.language img { margin: 0 15px 0 0; }
#head_top #head_wrapper .profile dd .bts_02 { position: absolute; top: 80px; left: 124px; }

#head_top #head_wrapper .profile_02 { float: left; position: relative; width: 205px; height: 94px; margin: 20px 0 0 15px; background: transparent url(../../images/membership/bg_dot_vline.gif) no-repeat scroll 100% 4px; }
#head_top #head_wrapper .profile_02 ul { margin: 5px 0 0 0; }
#head_top #head_wrapper .profile_02 ul li { margin: 0 0 8px 0; color: #b1b0b0; }
#head_top #head_wrapper .profile_02 ul li img { margin: 0 5px 0 0; }
#head_top #head_wrapper .profile_02 a.btn_edu { position: absolute; bottom: -4px; }

#head_top #head_wrapper .profile_03 { float: left; position: relative; width: 480px; height: 94px; margin: 20px 0 0 15px; }
#head_top #head_wrapper .profile_03 ul { margin: 3px 0 0 0; }
#head_top #head_wrapper .profile_03 ul li { margin: 0 0 1px 0; }
#head_top #head_wrapper .profile_03 ul li a { padding: 0 0 0 7px; background: transparent url(../../images/membership/ico_bul_01.gif) no-repeat scroll 0 6px; color: #b1b0b0; }
#head_top #head_wrapper .profile_03 ul li .date { margin: 0 0 0 10px; }

.ss_my_information p.msg { margin: 35px 0 30px 0; }
.ss_my_information fieldset { margin: 20px 0 0 0; }
.ss_my_information fieldset table { margin: 5px 0 0 0; }
.ss_my_information fieldset table tr td { height: 30px; line-height: 30px; }
.ss_my_information fieldset table tr td select { height: 18px; }
.ss_my_information fieldset table tr td input.file_txt { height: 18px; }
.ss_my_information fieldset table tr td input { color: #666; }
.ss_my_information fieldset table tr td span.txt { color: #a7a7a7; }
.ss_my_information fieldset table tr td * { vertical-align: middle; }
.ss_my_information fieldset table.tb_photo { margin: 0; }
.ss_my_information fieldset table.tb_photo td { text-align: center; vertical-align: top; padding: 0 5px 0 0; }
.ss_my_information fieldset table.tb_photo tr.radio td { height: 10px; line-height: 10px; }
.ss_my_information fieldset table.tb_photo td.photo_file { height: 10px; line-height: 10px; }
.ss_my_information fieldset ul.levels li { margin: 0; line-height: 18px; color: #a7a7a7; }
.ss_my_information fieldset th .txt { color: #a7a7a7; }
.ss_my_information fieldset table.tb_length { border-bottom: 1px solid #d5d5d5; }
.ss_my_information .bts_02 { padding: 10px 0 0 0; background: transparent url(../../images/common/bg_dot_line.gif) repeat-x scroll 0 0; }

.s_provision h3 { font-weight:bold; }
.s_provision h3.space { margin:27px 0 15px 0; }

.s_provision div.provision { margin:5px 0; width: 939px; background: transparent url(../../images/membership/bg_box_02.gif) repeat-y scroll 0 0; }
.s_provision div.provision h3 { text-align: center; padding: 20px 15px 15px 15px; background: transparent url(../../images/membership/bg_box_01.gif) no-repeat scroll 0 0;}
.s_provision div.provision_in { padding: 15px 30px ; width: 939px; background: transparent url(../../images/membership/bg_box_03.gif) no-repeat scroll 0 bottom; }
.s_provision div.provision_in ul { padding: 10px 0; }
.s_provision div.provision_in ul li { padding: 8px 0;}
.s_provision div.provision_in ul li span { display: block; clear: left; }
.s_provision div.provision_in ul li ol { padding: 0; }
.s_provision div.provision_in ul li ol li { padding: 0;}
.s_provision div.provision_in ul li ol li ol { padding-left: 10px; list-style-position: inside; list-style-type: decimal; }
.s_provision div.provision_in ul li ol li ol li { }

.s_login h3.space { margin:17px 0 15px 0; }

.s_login div.login { margin-top: 40px; padding: 20px 0 10px 0; border-top: 1px dashed #B0B0B0; border-bottom: 1px dashed #B0B0B0; }
.s_login div.login table { margin: 0 auto; }
.s_login div.login table input { width: 120px; border: 1px solid #B1AFB0; }
.s_login div.login table img { padding: 4px; }

.s_idpw h3.space { margin:17px 0 15px 0; }
.s_idpw h3.stitle { margin:30px 0 7px 0; }

.s_idpw div.idpw { padding: 20px 0 10px 0; border-top: 1px dashed #B0B0B0; border-bottom: 1px dashed #B0B0B0; }
.s_idpw div.idpw table { margin: 0 auto; }
.s_idpw div.idpw table input { border: 1px solid #B1AFB0; }
.s_idpw div.idpw table img { padding: 4px 0; }

.s_instruction h3 { font-weight:bold; }
.s_instruction h3.space { margin:27px 0 20px 10px; }
.s_instruction span.stitle { margin:0 0 0 10px; }

.s_instruction div.instruction { margin:5px 0; width: 942px; background: transparent url(../../images/membership/bg_box_05.gif) repeat-y scroll 0 0; }
.s_instruction div.instruction p { height: 35px; padding: 27px 20px 20px 30px; background: transparent url(../../images/membership/bg_box_04.gif) no-repeat scroll 0 top;}
.s_instruction div.instruction p img { vertical-align: top; padding: 1px 10px; }
.s_instruction div.instruction p span { display: block; }

.s_instruction div.instruction_in { clear: both; padding: 15px 30px 30px 30px; width: 882px; background: transparent url(../../images/membership/bg_box_06.gif) no-repeat scroll 0 bottom; }
.s_instruction div.instruction_in table { margin: 0 auto; text-align: center; }
.s_instruction div.instruction_in table img { padding: 4px 0; }
.s_instruction div.instruction_in table th, .s_instruction div.instruction_in table td { height: 30px; text-align: center;}
.s_instruction div.instruction_in table th { border-bottom: 1px solid #DADADA; background: transparent url(../../images/membership/bg_dot_lline.gif) no-repeat scroll right bottom; font-weight: bold; }
.s_instruction div.instruction_in table th.none { background: none; }
.s_instruction div.instruction_in table td.color { color: #AA7E3F; }

.s_instruction div.instruction_list table { margin: 0 auto; text-align: center; }
.s_instruction div.instruction_list table img { padding: 4px 0; }
.s_instruction div.instruction_list table th { height: 30px; text-align: center; border-bottom: 1px solid #DADADA; background: transparent url(../../images/membership/bg_dot_lline.gif) no-repeat scroll right bottom; font-weight: bold; }
.s_instruction div.instruction_list table td { height: 30px; text-align: center; border-bottom: 1px solid #DADADA;  }
.s_instruction div.instruction_list table td.color { color: #F15922; }
.s_instruction div.instruction_list table th.none { background: none; }

.s_main_popup .s_main_popup_in { width:400px; }
.s_main_popup .s_main_popup_in div.close { padding: 3px 0 0 7px; height: 27px; color: #676769; font-size: 12px; background-color: #D5D5D7; vertical-align: middle;  }
.s_main_popup .s_main_popup_in div.close input { vertical-align: middle; }