@charset "euc-kr";
/* ·Î±×ÀÎ */
.loginbox { position:relative;width:100%;height:321px;background:url(/eng/images/member/login_bg.gif) left top no-repeat; }
.loginbox p { position:absolute;left:352px;top:39px; }
.loginbox fieldset { position:absolute;left:352px;top:150px;width:318px; }
.loginbox fieldset label{display:inline-block; width:60px; font-weight:bold; padding-top:6px;}
.loginbox fieldset .id { clear:both;overflow:hidden; }
.loginbox fieldset .id dt { float:left; }
.loginbox fieldset .id dd { float:left; }
.loginbox fieldset .pw { clear:both; overflow:hidden; margin-top:5px; }
.loginbox fieldset .pw dt { float:left; }
.loginbox fieldset .pw dd { float:left; }
.loginbox fieldset div { position:absolute;top:0;right:0;width:70px;height:63px; }
.loginbox fieldset input[type=text], .loginbox fieldset input[type=password] { width:179px; height:25px; line-height:27px; text-indent:10px; }
.loginbox .join { position:absolute; left:40px; top:278px; }
.loginbox .idpw { position:absolute; left:400px; top:278px; }
.loginbox .join span, .loginbox .idpw span{display:inline-block; font-weight:bold; vertical-align:top; margin:5px 5px 0 0;}

.member .ul01 { width:99px;height:36px;display:inline-block; }
.member .ul02 { width:112px;height:36px;display:inline-block;position:absolute;top:0;left:104px; }
.member .boxtype02 { border-top:1px #dedede solid;border-bottom:1px #dedede solid;background-color:#f9f9f9;padding:15px 20px 15px 20px;position:relative;clear:both;overflow:hidden; } /* 2013-02-15 Ãß°¡ */

.findbox { width:765px;height:263px;background:url(/eng/images/member/findid_findbox.gif) left top no-repeat;clear:both;overflow:hidden; }
.findbox .ipin { width:385px;text-align:center;margin-top:25px;float:left; }
.findbox .others { width:380px;text-align:center;margin-top:25px;float:left; }
.findbox .others label { width:0;height:0;visibility:hidden;position:absolute;bottom:0;right:0; }
.findbox .others input { vertical-align:middle;height:24px;margin-right:4px;font-size:11px;color:#757575;line-height:26px;text-indent:5px; }
.findbox .others img { vertical-align:middle;  }

.findidnotice { margin-top:18px; }

.textbox { width:763px;padding:50px 0;border:1px #dddddd solid;text-align:center; }
.textbox p { margin-bottom:15px; }
.textbox strong { font-size:13px;color:#555555; }
.textbox strong.underline { text-decoration:underline; }
.textbox img { vertical-align:top; }

/* ¸â¹ö½Ê */
.membership .ul01 { width:112px;height:36px;display:inline-block; }
.membership .ul02 { width:112px;height:36px;display:inline-block;position:absolute;top:0;left:115px; }
.membership .ul03 { width:112px;height:36px;display:inline-block;position:absolute;top:0;left:230px; }

.membership ul.memberinfo { clear:both;overflow:hidden; }
.membership ul.memberinfo li { float:left;position:relative;width:245px;height:316px; }
.membership ul.memberinfo li div { position:absolute;bottom:20px;left:0;width:100%;height:33px;text-align:center; }
.membership ul.memberinfo li.center { position:relative;width:245px;height:316px;padding:0 15px; }
.membership ul.memberinfo li.center div { width:245px; }

.membership .boxtype01 { border-top:1px #dedede solid;border-bottom:1px #dedede solid;background-color:#f9f9f9;padding:25px 0 25px 0;text-align:center;position:relative;clear:both;overflow:hidden; } 
.membership .boxtype01 label{display:inline-block; min-width:59px; text-align:left; font-weight:bold; padding-top:4px;}
.membership .boxtype01 label, .boxtype01 input { vertical-align:top; }
.membership .boxtype01 label, .boxtype01 input { vertical-align:top; }
.membership .boxtype01 input[type=text] { width:179px;height:27px;line-height:29px;text-indent:10px; }
.membership .boxtype01 input[type=password] { width:179px;height:27px;text-indent:10px; }
.membership .btnwrap { position:relative;padding:20px 0;height:33px;text-align:center; }
.membership div.text { padding:10px 0; }

.membership .boxtype02 { border-top:1px #dedede solid;border-bottom:1px #dedede solid;background-color:#f9f9f9;padding:15px 20px 15px 20px;position:relative;clear:both;overflow:hidden; } 
.membership .boxtype02 strong.underline { font-size:13px;color:#565656;text-decoration:underline; }
.membership .boxtype02 img, .membership .boxtype02 input { vertical-align:middle; }
.membership .boxtype02 ul.quitreason { clear:both;overflow:hidden; }
.membership .boxtype02 ul.quitreason li { float:left;width:240px; }
.membership .boxtype02 ul.quitreason li.last { float:left;width:480px; }
.membership .boxtype02 ul.quitreason li.last input[type=text] { width:380px;height:18px;line-height:20px;text-indent:5px; }
.membership .realcon .btncjonejoin { position:absolute;bottom:0;right:0; }

.membership .tblvertical { width:765px;border:0;table-layout:fixed;border-top:1px #757575 solid; }
.membership .tblvertical caption { display:none; }
.membership .tblvertical td { border-bottom:1px #dfdfdf solid;padding:10px 10px 5px 10px; }
.membership .tblvertical td img { vertical-align:middle; }
.membership .tblvertical th { border-right:1px #dfdfdf solid; border-bottom:1px #dfdfdf solid; padding:5px 10px; background-color:#f9f9f9; text-align:left; color:#444; font-weight:bold; }

.membership .tblhorizon { width:765px;border:0;table-layout:fixed;border-top:1px #757575 solid; }
.membership .tblhorizon caption { display:none; }
.membership .tblhorizon td { border-right:1px #dfdfdf solid;border-bottom:1px #dfdfdf solid;padding:10px 10px 5px 10px; }
.membership .tblhorizon th { border-right:1px #dfdfdf solid; border-bottom:1px #dfdfdf solid; padding:10px 10px 5px 10px; background-color:#f9f9f9; color:#444; font-weight:bold; }
.membership .tblhorizon thead td { border-right:1px #dfdfdf solid;text-align:center; }
.membership .tblhorizon tbody th { background-color:#ffffff; text-align:left; padding-left:20px; color:#444; font-weight:bold;}
.membership .tblhorizon tbody td { text-align:center; }
.membership .tblhorizon th.lastcell, .membership .tblhorizon td.lastcell { border-right:none; } 
.membership .tblhorizon thead th.lastline, .membership .tblhorizon thead td.lastline { border-bottom:1px #cccccc solid; }
.membership h4 { min-height:25px; } 

/* ¸â¹ö½Ê : ¼±È£ºê·£µå Æ˾÷ */
#favoritebrand { width:700px;height:564px; }
#favoritebrand .popcon { background:url(/eng/images/membership/memberinfo_favoritebrand.gif) center 30px no-repeat; }
#favoritebrand .popcon ul { clear:both;overflow:hidden;width:640px;height:401px; }
#favoritebrand .popcon ul li { width:213px;height:80px;float:left; }
#favoritebrand .popcon ul li label { width:0;height:0;visibility:hidden; }
#favoritebrand .popcon ul li input[type=radio] { margin:30px 13px;}

/* ¸â¹ö½Ê : ÄíÆù »ç¿ëÁ¶°Ç Æ˾÷ */
#couponcondition { width:500px;height:374px; }
#couponcondition div.box { border:1px #dedede solid;background-color:#f9f9f9;color:#6e6e6e;margin-top:10px; }
#couponcondition strong { color:#444444; }
#couponcondition strong span { text-decoration:underline; }
#couponcondition div.box ul { margin:20px; }
#couponcondition div.box ul strong { color:#6e6e6e; }
#couponcondition div.box ul li { line-height:140%;padding:2px 0; }
#couponcondition div.box ul li.couponbenefit { background:url(/eng/images/popup/th_couponbenefit.gif) left 1px no-repeat; }
#couponcondition div.box ul li.couponbenefit span.hidden { width:70px; }
#couponcondition div.box ul li.usableperiod { background:url(/eng/images/popup/th_usableperiod.gif) left 1px no-repeat; }
#couponcondition div.box ul li.usableperiod span.hidden { width:70px; }
#couponcondition div.box ul li.howtouse { background:url(/eng/images/popup/th_howtouse.gif) left 1px no-repeat; }
#couponcondition div.box ul li.howtouse span { display:inline-block; }
#couponcondition div.box ul li.howtouse span.hidden { width:70px; }
#couponcondition .btnwrap { text-align:center;margin-top:10px; }
#couponcondition .hidden { width:1px;height:1px;visibility:hidden;display:inline-block; }

/* ¸â¹ö½Ê : Æйи®Æ÷ÀÎÆ® */
.membership .layerleft { width:298px;text-align:center;padding:20px 0 15px 0; }
.membership .layerright { width:467px;padding:20px 0 15px 0;}
.membership .layerright p img { vertical-align:middle; }
.membership .layerright table { width:100%;border-top:1px #757575 solid; }
.membership .layerright table th, .membership .layerright table td { padding:6px 15px 4px 15px;}
.membership .layerright table thead img { vertical-align:middle; }
.membership .layerright table thead th { border-bottom:1px #cccccc solid;background-color:#f9f9f9;text-align:left; }
.membership .layerright table thead td { border-bottom:1px #cccccc solid;background-color:#f9f9f9;text-align:right; }
.membership .layerright table thead td strong { color:#d72137;font-size:18px;font-family:verdana;vertical-align:middle; }
.membership .layerright table tbody th { border-bottom:1px #dedede solid;text-align:left; }
.membership .layerright table tbody td { border-bottom:1px #dedede solid;text-align:right; }
.membership .layerright table tbody th.lastline { border-bottom:1px #c8c8c8 solid;text-align:left; }
.membership .layerright table tbody td.lastline { border-bottom:1px #c8c8c8 solid;text-align:right; }

/* ¸â¹ö½Ê : CJ ONE ¸â¹ö½Ê ÅëÇÕȸ¿ø ¾à°üµ¿ÀÇ */
.membership .boxtype03 { width:763px;height:118px;border:1px #dedede solid;background-color:#f9f9f9;overflow:auto; }
.membership p.policyagree { text-align:right;font-size:11px;padding:5px 0 20px 0; } /* 2013-02-14 ¼öÁ¤ */
.membership p.policyagree input[type=checkbox] { vertical-align:top; }

/* ¸â¹ö½Ê : Æйи®Æ÷ÀÎÆ® Æó¼âÈ­¸é */
.familypointclose { position:relative;margin:auto;width:700px;text-align:center; }
.familypointclose p { padding:10px 0; }

/* ¸â¹ö½Ê : MY ¸â¹ö½Ê */
.point-info{zoom:1;}
.point-info:after{content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.point-info .fl{width:450px;}
.point-info .fl dl{border-top:1px solid #757575;}
.point-info .fl dl dt{border-bottom:1px solid #757575; font-size:14px; color:#222; padding:20px 120px 15px 10px; position:relative;}
.point-info .fl dl dt a{position:absolute; right:10px; top:15px; padding:0;}
.point-info .fl dl dd{font-size:14px; color:#444; padding:13px 10px 10px; border-top:1px solid #dedede; zoom:1;}
.point-info .fl dl dd:after{content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.point-info .fl dl dd.useful{border-top:0; font-weight:bold; color:#d72137;}
.point-info .fl dl dd strong{float:right; margin-right:10px; font-family:verdana, dotum, 'µ¸¿ò';}
.point-info .fl .star li{background:url('/eng/images/ico/ico_star.gif') no-repeat left 4px; line-height:1.8;}
.point-info .fr{width:257px; min-height:216px; padding-top:16px; background:url('/eng/images/membership/mymember_img01.gif') no-repeat left 50px;}

.cjone-info{margin-top:40px; border:1px solid #dedede; padding:30px 30px 30px 180px; background:url('/eng/images/membership/img_cjone_01.gif') no-repeat 35px 20px; line-height:1.8;}

.membership .ul11 { width:126px; height:36px;display:inline-block; }
.membership .ul12 { width:137px; height:36px;display:inline-block;position:absolute;top:0;left:129px; }

.point-info02{zoom:1; min-height:131px; background:url('/eng/images/membership/mymember_img02.gif') no-repeat 510px top;}
.point-info02:after{content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.point-info02 p{width:390px; min-height:63px; padding:30px 10px; border-top:1px solid #757575; border-bottom:1px solid #c8c8c8; position:relative; font-size:14px; color:#222; font-weight:bold; line-height:2.2;}
.point-info02 p a{position:absolute; right:10px; top:50px;}

.point-info03{zoom:1; width:100%; background:url('/eng/images/membership/familypoint_img01.gif') no-repeat 510px top;}
.point-info03:after{content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.point-info03 dl{width:450px; border-top:1px solid #757575; border-bottom:1px solid #c8c8c8;}
.point-info03 dl dt{border-bottom:1px solid #757575; font-size:14px; color:#222; padding:20px 120px 15px 10px; position:relative;}
.point-info03 dl dt a{position:absolute; right:10px; top:15px; padding:0;}
.point-info03 dl dd{font-size:14px; color:#444; padding:10px 10px 5px; border-top:1px solid #dedede; zoom:1;}
.point-info03 dl dd:after{content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.point-info03 dl dd.useful{padding:15px 10px 10px; border-top:0; font-weight:bold; color:#d72137;}
.point-info03 dl dd strong{float:right; margin-right:10px; font-family:verdana, dotum, 'µ¸¿ò';}
.point-info03 .star{width:100%;}
.point-info03 .star li{margin-top:10px; background:url('/eng/images/ico/ico_star.gif') no-repeat left 0; line-height:1;}


/* ¸â¹ö½Ê : ¸â¹ö½Ê ¾È³» */
.membership .pagevisual { min-height:131px; background:url('/eng/images/membership/bg_member01.jpg') no-repeat 475px top; line-height:1.7;} /* 2013-02-14 ¼öÁ¤ */

/*.membership h4 { padding:0;margin:10px 0; }*/
.membership ul.membershipguide { margin:0;padding:0;border-top:1px #dedede solid; }
.membership ul.membershipguide li { position:relative;border-right:1px #dedede solid;border-bottom:1px #dedede solid;border-left:1px #dedede solid;padding:20px 0; }
.membership ul.membershipguide li dl { position:relative;top:0;left:0;clear:both;overflow:hidden; }
.membership ul.membershipguide li dl dt { float:left;width:120px; }
.membership ul.membershipguide li dl dd { float:left;width:605px;line-height:140%;border-left:1px #dedede solid;padding:0 0 0 20px;margin:0;letter-spacing:-1px; }
.membership ul.membershipguide li dl dd strong { display:block;padding:5px 0; }
.membership ul.membershipguide li dl dd p { margin-bottom:10px; }
.membership ul.membershipguide li dl dd .btn { text-align:right; }

.membership dl.save dt { height:243px;background:url(/eng/images/membership/membershipguide_icon01.gif) left 50% no-repeat; }
.membership dl.use dt { height:62px;background:url(/eng/images/membership/membershipguide_icon02.gif) left 50% no-repeat; }
.membership dl.extrabonus dt { height:80px;background:url(/eng/images/membership/membershipguide_icon03.gif) left 50% no-repeat; }
.membership dl.coupon dt { height:80px;background:url(/eng/images/membership/membershipguide_icon04.gif) left 50% no-repeat; }
.membership dl.giftpoint dt { height:80px;background:url(/eng/images/membership/membershipguide_icon05.gif) left 50% no-repeat; }
.membership dl.exchangegift dt { height:80px;background:url(/eng/images/membership/membershipguide_icon06.gif) left 50% no-repeat; }
.membership dl.culture dt { height:80px;background:url(/eng/images/membership/membershipguide_icon07.gif) left 50% no-repeat; }

/* ǪÅÍ : »ó»ý°æ¿µ */
.footer .boxtype02 { border-top:1px #dedede solid;border-bottom:1px #dedede solid;background-color:#f9f9f9;padding:20px 20px 15px 20px;position:relative;clear:both;overflow:hidden; }
.footer .btnwrap { padding:15px 0; }
.footer .tblvertical th { }
.footer .tblvertical .fs11 { font-size:11px; }
.footer .tblvertical textarea { border:1px #dedede solid; }
.footer .tblvertical ul.blttdot { margin-left:13px;letter-spacing:-1px; }
.footer .moto { color:#666666; }
.footer .moto h4 { height:17px;padding:35px 0 10px 0; }
.footer .moto p { margin:0;padding:0; }
.footer .moto p.ref { padding:5px 0;clear:both;font-size:11px;  }
.footer .moto .box01 { border-top:1px #757575 solid;border-bottom:1px #dedede solid;background-color:#f9f9f9;color:#666666;padding:18px 20px 15px 20px;margin-top:10px; }
.footer .moto .box02 { border-top:1px #dedede solid;border-bottom:1px #dedede solid;background-color:#f9f9f9;color:#666666;padding:18px 20px 15px 20px; }
.footer .moto .bltdot { margin:0; }
.footer .moto .btnwrap { text-align:right; }
.footer .moto .box02 ul.clear { clear:both;overflow:hidden; }
.footer .moto .box02 ul.clear li { float:left;width:350px; }
.footer .motow p { margin:0;padding:0; }
.footer .motow p.ref { padding:10px 0 0 0;text-align:right;font-size:11px; }
.footer .motow .tblvertical th { font-weight:bold;color:#444444;vertical-align:middle; }

/* ǪÅÍ : À±¸®½Å°í¼¾ÅÍ */
.footer .moralreport { color:#666666; }
.footer .moralreport h4 { height:17px;padding:35px 0 10px 0; }
.footer .moralreport p { margin:0;padding:0; }
.footer .moralreport p.ref { padding:5px 0;font-size:11px;  }
.footer .moralreport .box01 { border-top:1px #757575 solid;border-bottom:1px #dedede solid;background-color:#f9f9f9;color:#666666;padding:18px 20px 15px 20px; }
.footer .moralreport .box02 { border-top:1px #dedede solid;border-bottom:1px #dedede solid;background-color:#f9f9f9;color:#666666;padding:18px 20px 15px 20px; }
.footer .moralreport .bltdot { margin:0; }
.footer .moralreport .btnwrap { text-align:right; }
.footer .moralreportw p { margin:0;padding:0; }
.footer .moralreportw p.ref { padding:10px 0 0 0;text-align:right;font-size:11px; }
.footer .moralreportw .tblvertical th { font-weight:bold;color:#444444;vertical-align:middle; }

/* ȸ¿øÁ¤º¸°ü¸® ¼öÁ¤ */
.cnb-rht{position:absolute; right:0; top:24px;}
.info-box{width:512px; height:127px; padding:25px 40px 0 213px; line-height:1.7; background:url('/eng/images/membership/bg_info.gif') no-repeat; zoom:1;}
.info-box:after{content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.info-box em{color:#006bb5;}

/* ǪÅÍ : °³ÀÎÁ¤º¸Ãë±Þ¹æħ */
.footer .privacy h4 { height:17px;padding:0 0 10px 0; }
.footer .privacy .box02 { height:550px;overflow:auto;overflow-x:hidden;border-top:1px #dedede solid;border-bottom:1px #dedede solid;background-color:#f9f9f9;color:#666666;padding:18px 20px 15px 20px;color:#666666;font-size:11px; }
.footer .privacy .mb20 { margin-bottom:20px; }
.footer .privacy .mt10 { margin-top:10px; }
.footer .privacy .mt20 { margin-top:20px; }
.footer .privacy > dl dt{font-size:12px; font-weight:bold; color:#444; margin-bottom:3px;}
.footer .privacy > dl dd{margin-bottom:20px;}
.footer .privacy a{color:#444;}
.footer .privacy a:hover{text-decoration:underline;}
.footer .privacy > dl dd > ol{margin-left:10px;}
.footer .privacy > dl dd > ol > li{margin-top:10px;}
.footer .privacy > dl dd > ol > ul{margin-left:10px;}
.footer .privacy table{color:#444}
.footer .privacy table.tbl-x{width:100%; border-top:2px solid #543526; border-bottom:1px solid #543526; table-layout:fixed; border-collapse:collapse; line-height:1.4;}
.footer .privacy table.tbl-x caption {visibility:hidden;height:1px;}
.footer .privacy table.tbl-x thead th{padding:10px 0; border-bottom:1px solid #543526; color:#222; font-size:13px;}
.footer .privacy table.tbl-x tbody th{padding:10px 0;}
.footer .privacy table.tbl-x th a{color:#222;}
.footer .privacy table.tbl-x th.b-brd, table.tbl-x td.b-brd{border-bottom:1px solid #c3b5a6 !important;}
.footer .privacy table.tbl-x td{padding:8px; border-top:1px solid #e0dcd7; color:#444; line-height:1.5; background:#fefefd; text-align:center;text-align:left;vertical-align:middle;}
.footer .privacy table.tbl-x td.none{padding:30px 0;}
.footer .privacy table.tbl-x td a{color:#444;}
.footer .privacy table.tbl-x td.tit{text-align:left;}
.footer .privacy table.tbl-x td.al{padding-left:10px;}
.footer .privacy table.tbl-x tr:frist-child td{border-top:0;}
.footer .privacy table.tbl-x tfoot td{background:#ebf2e6; color:#222;}
.footer .privacy table.tbl-x tfoot td a{color:#222;}

/* ǪÅÍ : ¹ýÀû°íÁö */
.footer .legalnotice h4 { height:17px;padding:0 0 10px 0; }
.footer .legalnotice .box02 { border-top:1px #dedede solid;border-bottom:1px #dedede solid;background-color:#f9f9f9;color:#666666;padding:18px 20px 15px 20px;color:#666666;font-size:11px; }

/* ǪÅÍ : À̸ÞÀÏ ¹«´Ü¼öÁý°ÅºÎ */
.footer .emailpolicy h4 { height:17px;padding:0 0 10px 0; }
.footer .emailpolicy .box02 { border-top:1px #757575 solid;border-bottom:1px #dedede solid;background-color:#f9f9f9;color:#666666;padding:18px 20px 15px 20px;color:#666666;font-size:11px; }

/* ǪÅÍ : ÀÌ¿ë¾à°ü */
.footer .userpolicy h4 { height:17px;padding:0 0 10px 0; }
.footer .userpolicy .box02 { height:295px;overflow:auto;overflow-x:hidden;border-top:1px #dedede solid;border-bottom:1px #dedede solid;background-color:#f9f9f9;color:#666666;padding:18px 20px 15px 20px;color:#666666;font-size:11px;margin-bottom:30px; }

/* ǪÅÍ : ¹®ÀÇÇϱâ */
.footer .qna .box02 { border-top:1px #dedede solid;border-bottom:1px #dedede solid;background-color:#f9f9f9;color:#666666;padding:18px 20px 15px 20px;color:#666666;font-size:11px;margin-top:15px }
.footer .qna .box02 img { display:block; }

.qna-tbl.tbl-x th{ padding:9px 0; }
/*.qna-tbl.tbl-x td{ text-align:left; padding:9px 0 9px 50px; }*/
.qna-tbl.tbl-x td{ text-align:center; padding:9px 0 9px 0px; }
.qna-tbl.tbl-x td:first-child{ text-align:center; padding-left:0; }

/* ǪÅÍ : »çÀÌÆ®¸Ê */
.footer .sitemap .box02 { border-top:1px #c8c8c8 solid;border-bottom:1px #c8c8c8 solid;clear:both;overflow:hidden; }
.footer .sitemap ul { clear:both;overflow:hidden; }
.footer .sitemap ul li.sitemaplist { height:200px;float:left;border-right:1px #dedede solid;border-bottom:1px #dedede solid;padding:20px 19px 20px 20px; } 
.footer .sitemap ul li.lastcell { border-right:none; }
.footer .sitemap ul li.lastline { border-bottom:none; }
.footer .sitemap a { color:#222222; }