/*170712 김희진*/


/***** 공통 *****/
.readonly{background-color:#d2d2d2;}
.bold {font-weight: bold;}
.dis-block {display: none;}
.lt-style {list-style: ' - '; margin-left: 10px;}
.mt-0 {margin-top: 0 !important;}
.dp-none {display: none;}

/* agr_table_type01 */
.agr_table_type01{border-top:3px solid #40b9f2;}
.agr_table_type01>table>tbody>tr>th,.agr_table_type01>table>tbody>tr>td.td_checkbox{height:60px;border-bottom:1px solid #d6d6d6;font-size:14px;color:#6c6c6c;}/*padding-left:15px;*/
.agr_table_type01>table>tbody>tr>th,.agr_table_type01>table>tbody>tr>td{height:60px;border-bottom:1px solid #d6d6d6;font-size:15px;}
.agr_table_type01>table>tbody>tr>th{background-color:#f6f6f6;color:#333232;text-align:center;font-weight:500;}
.agr_table_type01>table>tbody>tr>td{color:#6c6c6c;padding: 10px !important; box-sizing: border-box;}
.agr_table_type01>table>tbody>tr>td .agr_input_text{color:#6c6c6c;height:35px;font-size:14px;border:1px solid #cccccc; vertical-align:middle;padding-left:10px;}
.agr_table_type01>table>tbody>tr>td > select{color:#6c6c6c;height:35px;font-size:14px;border:1px solid #cccccc; vertical-align:middle;padding-left:10px;}
.agr_table_type01>table>tbody>tr>td .agr_input_text{width:125px;}
.agr_table_type01>table>tbody>tr>td select{padding-left:5px;margin-left:10px;}
.agr_table_type01>table>tbody>tr>td select.agr_first_select{margin-left:0;}
.agr_table_type01 .agr_comment01{font-size:14px;margin-left:5px;}
.agr_table_type01 .agr_comment02{font-size:13px;width:380px;display:inline-block;line-height:18px;vertical-align:middle;margin-left:5px;}
#CMRHP1 {margin-left: 10px !important;}
#auth_result_success {margin-left: 10px !important; display: inline-block;}
#auth_result_fail_1 {margin-left: 10px !important; display: inline-block;}
#auth_result_fail_2 {margin-left: 10px !important; display: inline-block;}
#auth_result_fail_3 {margin-left: 10px !important; display: inline-block; letter-spacing: -.1px;}
#auth_result_fail_5 {margin-left: 10px !important; display: inline-block;}

/* agr_table_type02 */
.agr_table_type02{border-top:3px solid #40b9f2; border-bottom:1px solid #bfc1c4;padding-bottom:10px;}
.agr_table_type02>table>tbody>tr>th,.agr_table_type02>table>tbody>td{height:60px;font-weight:normal;font-size:14px;}
.agr_table_type02>table>tbody>tr>th{background-color:#f6f6f6;color:#333232;text-align:center;font-weight:500;}
.agr_table_type02>table>tbody>tr>td{color:#6c6c6c;padding-left:10px;font-size:14px;height:60px;}
.agr_table_type02>table>tbody>tr>td img{vertical-align:middle;}
.agr_table_type02>table>tbody>tr>td span{margin-left:20px;}
.agr_table_type02>table>tbody>tr>td .agr_event {margin-left: 10px; font-size: 11px; background: #5a56ce; padding: 5px 10px 4px 10px; border-radius: 50px; color: #fff; vertical-align: middle;}
.agr_table_type02 .agr_input_cont{text-align:center;}
.agr_table_type02 .agr_agree_txtbox{overflow-x:hidden;overflow-y:scroll;width:650px;height:110px;padding:15px;background-color:#f9f9f9;font-size:12px;color:#898989;line-height:23px;margin-bottom:10px;}

/* btn_type */
.agr_btn_type01{height:35px;padding:0 15px;background-color:#3097e0;border:0;color:#ffffff; font-size:14px; line-height:14px;text-align:center;vertical-align:middle;margin-left:10px;}
.agr_btn_type02{width:135px;height:45px;background-color:#3097e0;border:0;color:#ffffff; font-size:16px; line-height:16px;text-align:center;vertical-align:middle;cursor:pointer;}
.agr_btn_type03{width:135px; height:45px;background-color:#ffffff;border:0;color:#6c6c6c; border:1px solid #afafaf;font-size:16px; line-height:16px;text-align:center;vertical-align:middle;margin-left:10px;}
.agr_btn_type04{height:35px;padding:0 15px;background-color:#ffffff;border:0;color:#6c6c6c; border:1px solid #afafaf; font-size:14px; line-height:14px;text-align:center;vertical-align:middle;margin-left:10px;}
.agr_button_set{margin:40px 0 100px;;text-align:center;}

/***** 회원가입 ** MembershipInfoEntry ***/
.agr_membership_contents{width:700px;margin-top:15px;}

/* 기본정보입력 */
.agr_membership_contents .agr_personal_info .agr_input_years,.agr_input_phone,.agr_input_sex{width:80px;}
.agr_membership_contents .agr_personal_info h3{float:left;}
.agr_membership_contents .agr_personal_info .agr_personal_comment{font-size:13px; float:right; color:#8b8c8c;margin-bottom:15px;}
.agr_membership_contents .agr_personal_info .agr_add_comment{float:left;width:100%; text-align:left; margin-top:30px;margin-bottom:10px;}
.agr_membership_contents .agr_personal_info .agr_table_type01{clear:both;}
.agr_membership_contents .agr_personal_info .agr_pop_btn{float:left; display:block; height:20px; line-height:20px; border:1px solid #d2d2d2; text-align:center; padding:5px; margin-top:10px; margin-bottom:10px;}
.agr_membership_contents .agr_personal_info .topAnnotation{float:right; font-size:12px;margin-bottom:5px;}


/* 약관동의 */
.agr_membership_contents .agr_input_personal_info .agr_input_email span{margin:0 5px;}
.agr_membership_contents .agr_membership_agree{margin-top:60px;}
*.agr_membership_contents .agr_membership_agree{margin-top:0;}
.agr_membership_contents .agr_membership_agree h3{float:left;}
*.agr_membership_contents .agr_membership_agree h3{margin:60px 0 30px; font-size:18px;}
.agr_membership_contents .agr_membership_agree .agr_agree_comment{font-size:13px; float:right; color:#8b8c8c;margin-bottom:25px;}
*.agr_membership_contents .agr_membership_agree .agr_agree_comment{margin-top:60px;}

.agr_membership_contents .agr_membership_agree .agr_agree_chk{clear:both;color:#319dd4;font-size:16px;font-weight:600;margin-bottom:20px;}
.agr_membership_contents .agr_membership_agree .agr_agree_chk span{color:#000000;vertical-align:middle;margin-left:180px;}
.agr_membership_contents .agr_membership_agree .agr_agree_chk input{margin-right:8px;}


/* 약관 내용 */
.agr_membership_agree .agr_table_agree>table>tbody>tr>td .agr_agree_txtbox h5{font-size:16px;font-weight:500;color:#6e6e6e;margin-top:20px;}
.agr_membership_agree .agr_table_agree>table>tbody>tr>td .agr_agree_txtbox h6{font-size:15px;margin-top:10px;color:#6e6e6e;}
.agr_membership_agree .agr_table_agree>table>tbody>tr>td .agr_agree_txtbox h6.h6Type2{font-size:13px;}
.agr_membership_agree .agr_table_agree>table>tbody>tr>td .agr_agree_txtbox li{line-height:20px; margin-top:10px;letter-spacing:0.3px;}
.agr_membership_agree .agr_table_agree>table>tbody>tr>td .agr_agree_txtbox p {font-size:12px;}
.agr_membership_agree .agr_table_agree>table>tbody>tr>td table tr th{text-align:center;font-weight:500;}
.agr_membership_agree .agr_table_agree>table>tbody>tr>td table tr td{background-color:#f9f9f9 ;border-bottom:1px solid #dadada;padding:5px;height:20px;}



/***** 개인정보수정 *****/

.agr_privacy_contents{width:700px;margin-top:15px; position:relative;}
.agr_privacy_contents h3{margin-bottom:18px;}
.agr_privacy_contents>div{margin-bottom:40px;}

/* 로그인정보 */
.agr_privacy_contents .agr_login_info .agr_info_id{padding-left:10px;letter-spacing:0.5px;}
.agr_privacy_contents .agr_login_info .agr_info_pw{padding-left:10px;letter-spacing:0.5px;}

/* 기본정보관리 */
.agr_table_type01>table>tbody>tr>td .agr_input_text { margin-left:10px; }
.agr_table_type01>table>tbody>tr>td .type_select2 #CMREM1 { margin-left:10px; }
.agr_table_type01>table>tbody>tr>td>span { margin-left:10px; }

/* 마케팅정보 수신동의 */
.agr_privacy_contents .agr_marketing_agree h3{float:left;}
.agr_privacy_contents .agr_marketing_agree .agr_btn_readagree{float:left;margin-left:40px;margin-top:-2px;}
.agr_privacy_contents .agr_marketing_agree .agr_mkt_comment{clear:both;color:#319dd4;font-size:14px;font-weight:600;margin-bottom:20px;}

.agr_privacy_contents .agr_table_mkt{margin-bottom:10px;}
.agr_privacy_contents .agr_marketing_agree .agr_table_mkt>tbody>tr>td{text-align:center;}
.agr_privacy_contents .agr_marketing_agree .agr_table_mkt input{margin-right:10px;}
.agr_privacy_contents .agr_marketing_agree .agr_table_mkt label{margin-right:30px;}

.agr_privacy_contents .agr_marketing_agree .agr_mkt_comment2{font-size:13px; line-height:23px;color:#7b7b7b; font-weight:normal;}



/* 레이어팝업 */
.agr_privacy_contents .agr_popup_layer{width:640px; height:355px; position:absolute; top:50px; left:10px; z-index:1000; border:1px solid #c9c9c9; border-top:3px solid #40b9f2; padding:20px; background-color:#ffffff;}
.agr_privacy_contents .agr_popup_layer .agr_popup_tit{font-size:16px; color:#319dd4;font-weight:600;}
.agr_privacy_contents .agr_popup_layer .agr_popup_agreeText{margin-top:20px;text-align:left; width:600px; height:220px; background-color:#f9f9f9; padding:20px;font-size:12px;color:#898989;border:1px solid #dbdbdb;}
.agr_privacy_contents .agr_popup_layer .agr_btn_close{margin-top:20px;text-align:center;}
.agr_privacy_contents .agr_marketing_agree .agr_popup_agreeText p{font-size:15px;margin-top:10px;color:#6e6e6e;margin-bottom:15px;font-weight:500;}
.agr_privacy_contents .agr_marketing_agree .agr_popup_agreeText h6{font-size:11px;line-height:150%;font-weight:normal;margin-top:10px;margin-left:10px;color:#6e6e6e;}
.agr_privacy_contents .agr_marketing_agree .agr_popup_agreeText table tr td{background-color:#f9f9f9 ;border-bottom:1px solid #dadada;}


/* 마일리지 전환 레이어팝업 */
#mileage_pop_wrap{position: absolute; top: 50px; left: 80px; box-shadow: 2px 0px 11px #ddd; width: 530px; z-index:10; }
.mileage_pop_wrap {background: #fff;}  
.mileage_pop_wrap .close_layer {display: none;}
.mileage_pop_wrap .close_wrap {padding: 10px 20px; background: #3fb8f1; height: 15px;}
.mileage_pop_wrap .close_wrap h3 {font-size: 13px; text-align: left; color: #fff; width: 100%;}
.mileage_pop_wrap .close_wrap .close {color: #fff; font-size: 18px; float: right; font-weight: normal; cursor: pointer;}
.mileage_pop_wrap .close_wrap .close img {width: 16px;}
.mileage_pop_wrap .mile_con h2 {font-size: 18px; color: #4a4a4a; margin: 20px auto 10px auto; font-weight: normal;}
.mileage_pop_wrap .mile_con {margin: 17px auto 2px auto; width: 95%;}
.mileage_pop_wrap .mile_con .line {width: 100%; height: 3px; background: #f4f3f3; margin-bottom: 5px;}
.mileage_pop_wrap .mile_con ul {background-color: #f4f3f3; padding: 15px 0 14px 25px; margin-bottom: 5px;}
.mileage_pop_wrap .mile_con ul li {padding-bottom: 10px; width: 100% !important; line-height: 17px !important;}
.mileage_pop_wrap .mile_con > p {font-size: 12px; margin-top: 10px; word-break: keep-all; line-height: 19px;}
.mileage_pop_wrap .mile_con ul li:last-child {padding-bottom: 0;}
.mileage_pop_wrap .mile_con ul li .con_txt {font-size: 14px; width: 135px; color: #5b5b5b; display: inline-block; margin-right: 15px; border-right: 1px solid #5b5b5b;}
.mileage_pop_wrap .mile_con ul li .user_p {display: inline-block; font-weight: bold; font-size: 15px; color: #3db8f2; vertical-align: middle; margin-top: -3px;}
.mileage_pop_wrap .mile_con ul li .user_p input {padding: 5px 7px; font-size: 12px; width: 170px; border: 1px solid #ccc;}
.mileage_pop_wrap .mile_con ul li .user_p button {border: none; background: #3db8f2; padding: 4px 10px; font-size: 12px; color: #fff; border-radius: 20px; margin-left: 5px; cursor: pointer;}
.mileage_pop_wrap .agreement_con {width: 95%; margin: 10px auto 20px auto;}
.mileage_pop_wrap .agreement_con label {line-height: 16px;display: inline-block; font-size: 14px; font-weight: bold; vertical-align: text-top; cursor: pointer;}
.mileage_pop_wrap .agreement_con label span {color: #ef3159; font-weight: bold; padding-right: 5px;}
.mileage_pop_wrap .agreement_con > div:last-child {margin-top: 10px;}
.mileage_pop_wrap .agreement_con > div form {line-height: 27px;}
.mileage_pop_wrap .agreement_con > div > p {font-weight: normal; font-size: 12px; padding-left: 18px; word-break: keep-all; margin-bottom: 10px; line-height: 18px; }
.mileage_pop_wrap .agreement_con table {table-layout: fixed; width: 100%; border-spacing: 0;}
.mileage_pop_wrap .agreement_con table.agreement_comp {width: 49%; float: left;}
.mileage_pop_wrap .agreement_con table.agreement_comp:last-child {margin-left: 2%; margin-bottom: 30px;}
.mileage_pop_wrap .agreement_con table tbody tr td {border: 1px solid #d4d1d1; border-right: none;line-height: 15px;font-size: 12px; text-align:left; padding: 8px 10px; word-break: keep-all;}
.mileage_pop_wrap .agreement_con table tbody tr th { font-weight: normal; border: 1px solid #d4d1d1; border-left: none; line-height: 15px;font-size: 12px; padding: 8px 10px; background: #f7f7f7; }
.mileage_pop_wrap .agreement_con table tbody tr:first-child th {border-top: 1px solid #3db8f2;}
.mileage_pop_wrap .agreement_con table tbody tr:first-child td {border-top: 1px solid #3db8f2;}
.bold {font-weight: bold !important;}
.btn_wrap {text-align: center; margin-bottom: 25px;}
.btn_wrap button:first-child {background: #8a8a8a; margin-right: 15px;}
.btn_wrap button {cursor: pointer; background-color: #3db8f2; color: #fff; padding: 10px 40px; border-radius: 20px; font-size: 14px; border: none;}
.mileage_pop_wrap .pop_head {display: none;}


/* 약관 보기 kst */
#membership_terms .termsOfUse>ol>li>p {
	line-height:23px;
}
.low-alpha > li {
	line-height:23px;
}

/* 약관동의 버튼 */

.btn_agrcls{width:76px;height:34px;background:url('/images/html/agree/images/btn_txtcls.jpg') no-repeat top left;border:0px;}
.btn_agrcls{width:76px;height:34px;background:url('/images/html/agree/images/btn_txtcls.jpg') no-repeat top left;border:0px;}

.agr_input_cont button{width:76px;height:34px;border:0px;}
.agr_input_cont button.btn_agrcls{background:url('/images/html/agree/images/btn_txtcls.jpg') no-repeat top left;}
.agr_input_cont button.btn_agropn{background:url('/images/html/agree/images/btn_txtopen.jpg') no-repeat top left;}

.agr_table_type01>table>tbody>tr>td .agr_input_text{color:#6c6c6c;height:35px;font-size:14px;border:1px solid #cccccc; vertical-align:middle;padding-left:10px;line-height:35px;}
.agr_table_type01>table>tbody>tr>td .type_select2{color:#6c6c6c;height:35px;font-size:14px;border:1px solid #cccccc; vertical-align:middle;padding-left:10px;line-height:35px;}





/* ######################################################################################## */
/* ########################### 멤버십 관련 리뉴얼  by ksg  ################################## */
/* ######################################################################################## */



#contents{}                
.contents-membership{ float:right;width:700px;}
.contents-membership .btn_type1{display:inline-block;background-color:#2F98D2;font-weight:bold;color:#ffffff !important; width:50px;height:30px;line-height:30px;text-align:center;}            
.contents-membership .section{width: 700px;float: right;}
.contents-membership .section_level { display: block;padding: 0 0 0 20px; margin-top: 10px;}
.contents-membership .section_record{display: block;margin-top: 20px;}
.contents-membership .subsection_top{float:left; width:700px; padding-left:30px;}
.contents-membership .section_record .sp_1{width: 50px; height: 20px; line-height: 20px; display: inline-block;font-weight: bold;}
.contents-membership .section_record .input_type1{padding:4px 10px; width: 90px; border: 1px solid #d2d2d2; }
.date_btn {padding: 6px 20px; border: 1px solid #d2d2d2; border-radius: 3px; margin-left: 10px; color: #6b6b6b !important; height: 28px;}


.contents-membership .subsection_mid{margin-top: 20px; min-height:100px;}
.contents-membership .subsection_bot{display: block;margin-top: 20px;}        
.contents-membership .tbl-list{width: 700px;float: left;border-top: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;margin-top:20px;}
.contents-membership .tbl-list TH{BACKGROUND-COLOR:#F6F6F6; border-right:1px solid #E0E0E0; border-top:1px solid #94C7E6; border-bottom:1px solid #d2d2d2;}
.contents-membership .tbl-list TH:last-child{border-right:none;}
.contents-membership .tbl-list TD{border-right:1px solid #E0E0E0; }
.contents-membership .tbl-list TD:last-child{border-right:none; }
.contents-membership .tbl-list TR{text-align: center;height:30px;}        
.contents-membership .tbl-list TR{border-bottom:1px solid #E0E0E0;}
.contents-membership .subsection_bot{margin-top: 10px;text-align: center;width: 100%;float: left;}
.contents-membership .subsection_bot span{width: 20px;height: 20px;line-height: 20px;text-align: center;border: 1px solid red;font-weight: bold;margin-left: 4px;display: inline-block;cursor: pointer;}        

.contents-membership .section.membership-info h3 button {cursor:pointer; background-color: #41b8f2; border: none; border-radius: 100px; font-size: 11px; padding: 4px 11px; margin-left: 10px; color: #fff;}
.contents-membership .section.membership-info h3 .skypass_btn {width: 100px; padding: 0;}
.contents-membership .section.membership-info .lbl_txt{width:100%; display:block; text-align:center; margin-top:20px; margin-bottom:20px; font-weight:bold; height:30px; line-height:30px;}
.contents-membership .section.membership-info .section_level{width:700px;}
.contents-membership .section.membership-info .section_level .level_wrap{width:350px; height:200px;float:left; display:block;}
.contents-membership .section.membership-info .section_level .level_wrap .level_color{width:150px; height:150px; background-color:#ffffff; margin-top:25px;margin-left:50px;border-radius:50%;}

.contents-membership .section.membership-info .section_level button {cursor: pointer;}
.contents-membership .section.membership-info .section_level .point_wrap{width:100%;float:left;  box-sizing:border-box; margin-bottom: 20px;}
.contents-membership .section.membership-info .section_level .point_wrap .point_user-wrap {width:100%; margin-top: 10px; }
.contents-membership .section.membership-info .section_level .point_wrap .point_user-wrap li {line-height: 35px;}
.contents-membership .section.membership-info .section_level .point_wrap li{width:70%; box-sizing:border-box;}
.contents-membership .section.membership-info .section_level .point_wrap li .point_ex {border: none; background: #61C2F2; padding: 3px 10px; border-radius: 50px; color: #fff; font-size: 11px; margin-left: 10px; margin-top: -5px; vertical-align: middle;}
.contents-membership .section.membership-info .section_level .point_wrap .title{font-size:18px; width: 130px;display:inline-block; font-weight: bold;}
.contents-membership .section.membership-info .section_level .point_wrap .title_span {padding-left: 5px; font-weight: normal; font-size: 18px; font-weight: bold; color:#61C2F2;}
.contents-membership .section.membership-info .section_level .point_wrap .con{font-size:17px; color:#61C2F2; padding-left:10px;}
.contents-membership .section.membership-info .section_level .point_wrap .con::before {content: ''; width: 1px; height: 16px; display: inline-block; background: #787878; margin-right: 26px; vertical-align: text-top;}
.contents-membership .section.membership-info .section_level .point_wrap .point_notice_wrap {word-break: keep-all; background: #f0f0f0; padding: 10px 20px 20px 20px; box-sizing: border-box; border: 1px solid #ddd; border-radius: 5px; width: 97%;}
.contents-membership .section.membership-info .section_level .point_wrap .point_notice_wrap ul li {width: 100%; list-style: disc; margin-left: 15px; margin-top: 10px;font-size: 13px; line-height: 19px;}
.contents-membership .section.membership-info .section_level .point_wrap .point_notice_wrap ul li button {margin-left: 5px; border: none; color: #fff; background: #767676; font-size: 11px; border-radius: 20px; padding: 2px 10px 3px 10px;}
.contents-membership .section.membership-info .section_level .point_wrap .point_notice_wrap ul li button.point_notice_btn_p {background: #41b8f2;}

.contents-membership .pc_benefit{padding-left:20px; padding-top:15px;}
.contents-membership .pc_benefit ul{width:100%; margin-top:10px; padding:10px;}
.contents-membership .pc_benefit ul.top{padding-top:0px; margin-top:0px;}
.contents-membership .pc_benefit ul li{height:18px; line-height:18px; width:100%;}
.contents-membership .pc_benefit ul li.li_tit{font-weight:bold; padding-bottom:5px;}

.contents-membership .section.membership-info .paging{margin-top:15px; margin-bottom: 30px;}
.date_finish {color: #fe0000;}
.skypass_status {color: #1f6ee6}
.underline {text-decoration: underline;}



/*----------- MembershipInfo.aspx -------------------*/	
/*	------ start : 캘린더 -------- */
.ui-datepicker{display: none;}
#ui-datepicker-div{background-color: #ffffff;padding: 2px;width: 300px;height: 286px;text-align: center;background-color: #014874;}
 /* 캘린더 헤더부분 */
#ui-datepicker-div .ui-datepicker-header{height: 30px;background-color: #ffffff;text-align: center;}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title{}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select{height: 20px;}
#ui-datepicker-div .ui-datepicker-header a{width: 50px;}
#ui-datepicker-div .ui-datepicker-header select{width: 70px;margin-top: 5px;}
#ui-datepicker-div .ui-datepicker-header select.ui-datepicker-year{}
#ui-datepicker-div .ui-datepicker-header select.ui-datepicker-month{margin-left: 5px;}
.ui-datepicker .ui-datepicker-today{color: #ed432a;font-weight: bold;text-decoration: underline;}
.ui-datepicker-prev{background: url("/images/html/koreanair/img/main/arrow_left.gif") no-repeat right center;width: 50px;height: 30px;float: left; cursor: pointer;}
.ui-datepicker-next{background: url("/images/html/koreanair/img/main/arrow_right.gif") no-repeat left center;width: 50px;height: 30px;float: right; cursor: pointer;}
.ui-datepicker-trigger{cursor: pointer;}
 /* 캘린더 테이블부분 */
#ui-datepicker-div .ui-datepicker-calendar{width: 296;height: 256px;background-color: #ffffff;}
#ui-datepicker-div .ui-datepicker-calendar th{font-weight: bold;background-color: #d2d2d2;}
#ui-datepicker-div .ui-datepicker-calendar td{border: 1px solid #d2d2d2;width: 40px;}
#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-week-end{border-right: none;}        
#ui-datepicker-div .ui-datepicker-unselectable{color: #D2D2D2;}
/*	------ end : 캘린더 -------- */




/*----------- MembershipFamily.aspx -------------------*/
.contents-membership .changePop{ width:580px; height:250px; text-align:center; position:absolute; background-color:#ffffff; top:150px; left:30px;   padding:20px; display:none;}
.contents-membership .changePop .line-1{display:block; width:100%; font-size:1.1em;}
.contents-membership .changePop .line-2{margin-top:20px; color:#2F97D4; font-size:1em; display:block; width:100%;}
.contents-membership .changePop .txtWrap{width:100%; display:block; height:70px; margin-top:0px;}
.contents-membership .changePop .btnWrap{width:100%; display:block; height:50px; margin-top:40px;}
.contents-membership #changePopup_agree_1{border:2px solid #2fa4dd; border-radius:2%; font-size:1.3em; font-weight:bold; padding-top:150px; color:#022F56;}
.contents-membership #changePopup_agree_2{border:2px solid #2fa4dd; border-radius:2%; font-size:1.3em; font-weight:bold; padding-top:150px; color:#022F56;}

.contents-membership #changePopup_disagree_1{border:2px solid #2fa4dd; border-radius:2%; font-size:1.3em; font-weight:bold; padding-top:150px; color:#022F56;}
.contents-membership #changePopup_disagree_2{border:2px solid #2fa4dd; border-radius:2%; font-size:1.3em; font-weight:bold; padding-top:150px; color:#022F56; height:100px; padding-top:40px; padding-bottom:30px;}
.contents-membership #changePopup_disagree_2 .txtWrap{height:20px;}


.contents-membership .section.membership-family{margin-top:0px;}   
.contents-membership .section.membership-family .btn_box{ width:100%; height:50px; padding-top:50px; }

.contents-membership .changePop .btn_yes{margin-right:10px; border:1px solid #d2d2d2; width:175px; height:45px; display:inline-block; font-weight:bold; line-height:45px; color:#ffffff; background-color:#2F97E0;}
.contents-membership .changePop .btn_no{margin-right:10px; border:1px solid #d2d2d2; width:175px; height:45px; display:inline-block; font-weight:bold; line-height:45px;}


.contents-membership .section.membership-family .step_tit{font-weight:bold; font-size:1.1em; width:100%;}
.contents-membership .section.membership-family .subsection_top{float:left; padding-left:0px; min-height:100px;}
.contents-membership .section.membership-family .subsection_top #famList{margin-top:20px;}
.contents-membership .section.membership-family .subsection_top #famList{border-top:2px solid #2f97d4; width:100%;}
.contents-membership .section.membership-family .subsection_top .tbl_family_info{width:700px; margin-top:10px;border-top:none;margin-top:0px;}
.contents-membership .section.membership-family .subsection_top .tbl_family_info .use_y{color:#34a9e3; font-weight:bold;}
.contents-membership .section.membership-family .subsection_top .tbl_family_info .use_n{color:#ff7100; font-weight:bold;}
.contents-membership .section.membership-family .subsection_top .tbl_family_info th{border-right:1px solid #d2d2d2; text-align:center; background-color:#F8F8F8; height:30px; line-height:20px; border-bottom:1px solid #d7d7d7;}
.contents-membership .section.membership-family .subsection_top .tbl_family_info th:first-child{border-left:none;}
.contents-membership .section.membership-family .subsection_top .tbl_family_info th:last-child{border-right:none;}
.contents-membership .section.membership-family .subsection_top .tbl_family_info td{border:none; text-align:center;  height:30px; line-height:20px;}
.contents-membership .section.membership-family .subsection_top .tbl_family_info tr:first-child{}
.contents-membership .section.membership-family .subsection_top .tbl_family_info tr:last-child{border-bottom:1px solid #d2d2d2;}

.contents-membership .section.membership-family .subsection_mid {float:left; margin-top:30px;} 
.contents-membership .section.membership-family .subsection_mid .sp_btn_plus{float:left; width:50px; height:35px; line-height:35px; text-align:center; font-weight:bold; cursor:pointer;  text-decoration:underline;}
.contents-membership .section.membership-family .subsection_mid .sp_btn_del{float:left; width:50px; height:35px; line-height:35px; text-align:center; font-weight:bold; cursor:pointer;  text-decoration:underline;}
.contents-membership .section.membership-family .subsection_mid .step_tit {padding-left:20px; margin-bottom:20px;float:left;}
.contents-membership .section.membership-family .subsection_mid .step_tit li{list-style-type:square;}


.contents-membership .section.membership-family .subsection_mid .step-1{ float:left;  padding:20px; width:658px;}
.contents-membership .section.membership-family .subsection_mid .step-1 {margin-top:20px;}
.contents-membership .section.membership-family .subsection_mid .step-1 table td{min-height:30px; vertical-align:top;}
.contents-membership .section.membership-family .subsection_mid .step-1 .family_member input{height:30px; line-height:30px; border:1px solid #d7d7d7; margin-right:10px; text-align:center;}
.contents-membership .section.membership-family .subsection_mid .step-1 .family_member select{height:33px; line-height:33px; margin-right:10px;}
.contents-membership .section.membership-family .subsection_mid .step-1 .sp_necessary{width:100%;float:left; text-align:left; color:#ff7100; display:none; margin-top:5px;}

.contents-membership .section.membership-family .subsection_mid .step-2{float:left; width:678px;margin-top:20px; border-top:1px solid #d2d2d2; padding:20px 0 0 20px;}
.contents-membership .section.membership-family .subsection_mid .step-2 .sp_necessary{width:100%;float:left; text-align:left; color:#ff7100; display:none;}
.contents-membership .section.membership-family .subsection_mid .step-2 .lf{width:350px; float:left;  height:200px;}
.contents-membership .section.membership-family .subsection_mid .step-2 .lf ul{padding-left:10px;}
.contents-membership .section.membership-family .subsection_mid .step-2 .lf li{height:25px; line-height:25px; float:left;}
.contents-membership .section.membership-family .subsection_mid .step-2 .lf li.spc{font-weight:bold; color:#2f98d2;}
.contents-membership .section.membership-family .subsection_mid .step-2 .lf li.in{padding-left:10px;}
.contents-membership .section.membership-family .subsection_mid .step-2 .rf{width:250px; float:right; height:200px;}
.contents-membership .section.membership-family .subsection_mid .step-2 .tbl_file{width:250px; height:200px;}
.contents-membership .section.membership-family .subsection_mid .step-2 .tbl_file tr{height:25px;}
.contents-membership .section.membership-family .subsection_mid .step-2 .tbl_file tr.space{height:5px;}
.contents-membership .section.membership-family .subsection_mid .step-2 .tbl_file th{background-color:#cccccc;}
.contents-membership .section.membership-family .subsection_mid .step-2 .tbl_file td:last-child{vertical-align:middle; text-align:left; font-weight:bold; font-size:18px;}
.contents-membership .section.membership-family .subsection_mid .step-2 .tbl_file td input {width:150px; height:30px; line-height:25px; }

.contents-membership .section.membership-family .subsection_mid .step-3{float:left; width:658px;  margin-top:40px; border-top:1px solid #d2d2d2; padding:20px;  padding-top:30px; float:left;}
.contents-membership .section.membership-family .subsection_mid .step-3 .sp_necessary{width:100%;float:left; text-align:left; color:#ff7100; display:none; margin-top:5px; font-weight:bold;}
.contents-membership .section.membership-family .subsection_mid .step-3 .lf{float:left; width:350px; height:110px; }
.contents-membership .section.membership-family .subsection_mid .step-3 .lf ul{padding-left:10px;}
.contents-membership .section.membership-family .subsection_mid .step-3 .lf ul li{height:25px; line-height:25px; float:left;}
.contents-membership .section.membership-family .subsection_mid .step-3 .rf{float:right; width:200px; height:110px; padding-right:50px;}
.contents-membership .section.membership-family .subsection_mid .step-3 .rf ul{ float:left; padding-left:20px; margin-top:0px;}
.contents-membership .section.membership-family .subsection_mid .step-3 .rf li{width:100%; height:25px; line-height:25px;}
.contents-membership .section.membership-family .subsection_mid .step-3 .rf li.eml{font-weight:bold;}
.contents-membership .section.membership-family .subsection_mid .step-3 .rf li input{width:230px; border:1px solid #d2d2d2; text-align:center; height:35px; line-height:35px;}


.contents-membership .section.membership-family .subsection_mid .step-4 {float:left; width:100%; border-top:1px solid #d2d2d2; margin-top:0px; padding:20px;  padding-top:30px; padding-left:0;}
.contents-membership .section.membership-family .subsection_mid .step-4 .tit{width:100%; text-align:center;font-weight:bold;font-size:1.2em;}
.contents-membership .section.membership-family .subsection_mid .step-4 #div_terms{width:678px; height:105px; border:1px solid #d2d2d2; display:inline-block; margin-top:20px; margin-bottom:20px; padding:10px;}
.contents-membership .section.membership-family .subsection_mid .step-4 #familyInfo{width:100%;border-top:1px solid #d2d2d2; margin-top:20px;}
.contents-membership .section.membership-family .subsection_mid .step-4 .btn_box{width:100%; text-align:center; margin-top:20px;}
.contents-membership .section.membership-family .subsection_mid .step-4 .chk_necessary{color:#ff7100;margin-top:10px; width:200px; text-align:center; font-weight:bold;}
.contents-membership .section.membership-family .subsection_mid .step-4 .btn_type1{width:120px; height:40px; line-height:40px; border:1px solid #2F98D2; display:inline-block; font-size:1.2em; margin-left:5px;}
.contents-membership .section.membership-family .subsection_mid .step-4 .btn_type2{width:120px; height:40px; line-height:40px; border:1px solid #d2d2d2; display:inline-block; font-size:1.2em; }


/*----------- MembershipChange.aspx -------------------*/
.contents-membership .membership-change .content{width:696px; height:300px; float:right; text-align:center; border:1px solid #2fa4dd; padding-top:150px; border-radius:1%; margin-top:30px;}            
.contents-membership .membership-change .content .line-1{font-size:1.4em; color:#133E57; font-weight:bold;}
.contents-membership .membership-change .content .line-2{margin-top:20px; color:#2fa4dd; font-weight:bold; font-size:1.2em; margin-bottom:20px;}
.contents-membership .membership-change .content .line-3{color:red;}
.contents-membership .membership-change .content .line-4{margin-top:10px;  margin-bottom:40px; text-decoration:underline;}
.contents-membership .membership-change .content .btn_type2{width:175px; height:45px; line-height:45px; font-weight:bold; border:1px solid #d2d2d2; display:inline-block; background-color:#ffffff; color:#666666;}
.contents-membership .membership-change .content .btn_type1{width:175px; height:45px; line-height:45px; font-weight:bold; border:1px solid #d2d2d2; color:#ffffff; background-color:#0070C0; display:inline-block; margin-left:30px;}



/* ---------- Meminfo.aspx -----------------------------*/
.agr_privacy_contents .agr_membership{font-size:13px; line-height:23px; color:#7b7b7b; font-weight:normal;}    
.agr_privacy_contents .agr_membership li{list-style:none;}
.agr_privacy_contents .agr_membership .btn_type1{width:100px; height:40px; text-align:center; display:block; background-color:#3097E0; font-weight:bold; color:#ffffff; line-height:40px;}
.agr_privacy_contents .agr_membership .agr_input_text {color: #6c6c6c;height: 35px;font-size: 14px;border: 1px solid #cccccc;vertical-align: middle;padding-left: 10px;line-height: 35px;}
.agr_privacy_contents .agr_membership .type_select2 {color: #6c6c6c;height: 35px;font-size: 14px;border: 1px solid #cccccc;vertical-align: middle;padding-left: 10px;line-height: 35px;}
.agr_privacy_contents .agr_membership .mem_top{width:100%;}
.agr_privacy_contents .agr_membership .mem_top .line-1{color:#002A4C;font-weight:600; font-size:18px; width:100%;}
.agr_privacy_contents .agr_membership .mem_top .line-2{color:#319dd4; font-size:14px; width:100%;font-weight:600; margin-top:10px; margin-bottom:20px;}
/*.agr_privacy_contents .agr_membership .mem_top p{font-weight:bold; font-size:15px;}*/
.agr_privacy_contents .agr_membership .mem_mid{width:100%; margin-top:20px; padding:10px 0 10px 0;}
.agr_privacy_contents .agr_membership .mem_mid ul, .agr_privacy_contents .agr_membership .mem_mid li{float:left;}
.agr_privacy_contents .agr_membership .mem_mid .agr_input_text{width:70px;}
.agr_privacy_contents .agr_membership .mem_mid .tbl_nice{border-top:3px solid #40B9F2;border-bottom:1px solid #D6D6D6; width:100%;}
.agr_privacy_contents .agr_membership .mem_mid .tbl_nice th{background-color:#F6F6F6; font-weight:normal; color:#000000; font-size:13px; padding:10px 0 10px 0; height:45px;}
.agr_privacy_contents .agr_membership .mem_bot{height:100px; overflow:scroll; width:95%; padding:2.5%; border:1px solid #d2d2d2; margin-top:20px;}


/* ---------- MembershipUseInfo.aspx -----------------------------*/
.contents-membership .membership-useinfo{word-break: keep-all;}
.contents-membership  .membership-useinfo .pc_useinfo{padding-left:20px; padding-top:15px;}
.contents-membership  .membership-useinfo .pc_useinfo ul{width:100%; margin-top:10px; padding:10px;}
.contents-membership  .membership-useinfo .pc_useinfo ul.top{padding-top:0px; margin-top:0px;}
.contents-membership  .membership-useinfo .pc_useinfo ul li{line-height:19px; width:100%;}
.contents-membership  .membership-useinfo .pc_useinfo ul li.li_tit{font-weight:bold; padding-bottom:5px;}
.contents-membership  .membership-useinfo .pc_useinfo ul li.li_top_tit{font-weight:bold; font-size:20px; padding-bottom:30px;}
.contents-membership  .membership-useinfo .pc_useinfo .highlight{color:#ED7D31;}








/* 포인트 결제 */

#familyPointWrap .MembershipFamilyPointList > input, #familyPointWrap .MembershipFamilyPointList > table, #familyPointWrap .MembershipFamilyPointList > select, #familyPointWrap .MembershipFamilyPointList > div {
    color: #666666;
    font-family: Nanum Gothic, "나눔고딕", Malgun Gothic, "맑은 고딕", "돋움",Dotum,"굴림",Arial,AppleGothic,"애플고딕",sans-serif;
    font-size: 12px;
    line-height: 1.5em;
}
#familyPointWrap .MembershipFamilyPointList a{text-decoration:none;}
#familyPointWrap .MembershipFamilyPointList ul, #familyPointWrap .MembershipFamilyPointList li{list-style:none;}
#familyPointWrap .MembershipFamilyPointList .no{color:Red;}
#familyPointWrap .MembershipFamilyPointList .ok{color:blue;}
#familyPointWrap .MembershipFamilyPointList .tbl_family_info{width:700px; margin-top:10px;border-top:none;margin-top:0px;}
#familyPointWrap .MembershipFamilyPointList .tbl_family_info input .readonly { border:none; background-color: #d2d2d2;}
#familyPointWrap .MembershipFamilyPointList .tbl_family_info .txt { width: 135px; border: 1px solid #d2d2d2; background-color: #d2d2d2; display: inline-block;}
#familyPointWrap .MembershipFamilyPointList .tbl_family_info .im{ font-weight: bold;}
#familyPointWrap .MembershipFamilyPointList .tbl_family_info th{border-right:1px solid #d2d2d2; text-align:center; background-color:#F8F8F8; height:30px; line-height:20px; border-bottom:1px solid #d7d7d7;}
#familyPointWrap .MembershipFamilyPointList .tbl_family_info th:first-child{border-left:none;}
#familyPointWrap .MembershipFamilyPointList .tbl_family_info th:last-child{border-right:none;}
#familyPointWrap .MembershipFamilyPointList .tbl_family_info td{border:none; text-align:center;  height:30px; line-height:20px;}
#familyPointWrap .MembershipFamilyPointList .tbl_family_info tr:first-child{}
#familyPointWrap .MembershipFamilyPointList .tbl_family_info tr:last-child{border-bottom:1px solid #d2d2d2;}

#familyPointWrap .MembershipFamilyPointList {width:700px; float:left; border-top:1px solid #2F97D4;  box-sizing:border-box;}
#familyPointWrap .MembershipFamilyPointList .infoBox1{width:700px; float:left;}
#familyPointWrap .MembershipFamilyPointList .infoBox2{float:left; border: 1px solid rgb(210, 210, 210); border-image: none; width: 700x; margin-top: 20px; margin-bottom: 20px;  border-radius:5px 5px; box-sizing:border-box; padding-bottom:15px; padding-top:15px;}
#familyPointWrap .MembershipFamilyPointList .infoBox3{width:700px; float:left;}

#familyPointWrap .MembershipFamilyPointList .infoBox2 ul{width:100%; float:left; box-sizing:border-box; padding-left:20px;}
#familyPointWrap .MembershipFamilyPointList .infoBox2 ul li{width:100%; float:left; height:15px;}
#familyPointWrap .MembershipFamilyPointList .infoBox2 ul li.im{font-weight:bold;}

#familyPointWrap .MembershipFamilyPointList .infoBox3 .btn_point{float:right;height:30px; text-align:center; line-height:30px;margin-bottom:20px;}