@charset "UTF-8";
/* ************************************************************************
	MemberShip & CustomerCenter Popup
************************************************************************ */
/* ---------- import ---------- */
@import url("common.css");

html,body { height:100%; }

/* ---------- layout ---------- */
.msp_w359 { width:359px; }
.msp_w461 { width:461px; }

#msp_header           { position:relative; z-index:1; height:49px; border-top:5px solid #000;  }
#msp_container        { min-height:100%; margin:-54px 0 -20px; }
* html #msp_container { height:100%; }
#msp_content          { padding:84px 23px 35px; }/* padding:54px 0 20px; */
#msp_footer           { height:11px; padding:5px 0 4px; background:#fff; }


/* ---------- header ---------- */
#msp_header h1 { margin:0 0 0 -9999em; }
.msp_login           { background:url(../../image/common/tit01_login.gif) 21px 100% no-repeat #ff448a; }
.msp_id_check        { background:url(../../image/common/tit01_id_check.gif) 22px 100% no-repeat #ff448a; }
.msp_id_search       { background:url(../../image/common/tit01_id_search.gif) 21px 100% no-repeat #ff448a; }
.msp_nickname_check  { background:url(../../image/common/tit01_nickname_check.gif) 24px 100% no-repeat #ff448a; }
.msp_password_change { background:url(../../image/common/tit01_password_modify.gif) 24px 100% no-repeat #ff448a; }
.msp_password_search { background:url(../../image/common/tit01_password_search.gif) 24px 100% no-repeat #ff448a; }
.msp_post_search     { background:url(../../image/common/tit01_post_search.gif) 21px 100% no-repeat #ff448a; }
.msp_unMemOrder      { background:url(../../image/common/tit01_unMemOrder.gif) 21px 100% no-repeat #ff448a; }
.msp_policy      	 { background:url(../../image/common/tit01_policy.gif) 21px 100% no-repeat #ff448a; }
.msp_use      		 { background:url(../../image/common/tit01_use.gif) 21px 100% no-repeat #ff448a; }
.msp_rule      		 { background:url(../../image/common/tit01_rule.gif) 21px 100% no-repeat #ff448a; }
.msp_marketing       { background:url(../../image/common/tit01_marketing.gif) 21px 100% no-repeat #ff448a; }

/* ---------- content ---------- */
#msp_content .msp_w580 { width:530px; margin:0 auto; }
#msp_content .msp_w450 { width:450px; margin:0 auto; }
#msp_content .msp_w181 { width:181px; }
#msp_content .msp_w159 { width:159px; }
#msp_content .msp_w152 { width:152px; }
#msp_content .msp_w134 { width:134px; }
#msp_content .msp_w68  { width:68px; }
#msp_content .msp_w69  { width:69px; }
#msp_content .msp_dash { float:left; padding:0 2px 0 1px; }

/* id check */
#msp_content .msp_para01 { margin:0 0 11px; padding:0 0 0 5px; background:url(../../image/board/bu/bu_middot_black.gif) 0 7px no-repeat; line-height:18px; letter-spacing:-0.1em; }
#msp_content .msp_info_search { padding:12px 0px; border-top:1px solid #dadada; border-bottom:1px solid #dadada; text-align:center; line-height:19px; }
#msp_content .msp_info_search label.msp_id { padding:0 4px 0 10px; background:url(../../image/board/bu/bu_star_pink.gif) 0 2px no-repeat; line-height:19px; }
#msp_content .msp_info_search label.msp_id img { margin:-2px 0 0; *margin:0; }
#msp_content .msp_w208 { width:208px; }
#msp_content .msp_use_id { margin:0 0 0 6px; }

/* post number search */
#msp_content .msp_post_result_wrapper { clear:both; padding:3px; border-bottom:1px solid #dadada; }
#msp_content .msp_post_result_content { overflow-y:scroll; height:85px; padding:7px; line-height:23px; }
#msp_content .msp_post_result_content a:link,
#msp_content .msp_post_result_content a:visited { color:#6c6c6c; text-decoration:none; }
#msp_content .msp_post_result_content a:active,
#msp_content .msp_post_result_content a:hover   { color:#333333; text-decoration:underline; }

/* nickname check */
/* none */

/* login */
#msp_content .msp_login_non_check { padding:0 3px 4px 235px; }

#msp_content .msp_login_field { float:left; width:313px; border-top:1px solid #dadada; border-bottom:1px solid #dadada; }

#msp_content .msp_login_field input,
#msp_content .msp_login_field img { float:left; }

#msp_content .msp_login_field dl { position:relative; float:left; width:301px; margin:12px 0 0 6px; }
#msp_content .msp_login_field dt { float:left; width:54px; padding:2px 0 0 10px; background:url(../../image/board/bu/bu_star_pink.gif) 0 4px no-repeat; }
#msp_content .msp_login_field dd { float:left; width:205px; padding:0 0 11px; }

#msp_content .msp_login_field dt.id_save { display:none; }
#msp_content .msp_login_field dd.id_save { padding:0 0 15px 64px; }
#msp_content .msp_login_field dd.id_save input { *margin:-4px -2px -3px -4px; }
#msp_content .msp_login_field dd.id_save img   { margin:2px 0 0 4px; }

#msp_content .msp_login_field dt.login_btn { display:none; }
#msp_content .msp_login_field dd.login_btn { position:absolute; top:0; right:0; width:auto; padding:0; }

#msp_content .msp_login_banner     { float:right; width:98px; height:98px; margin:0 -6px 0 0; }
#msp_content .msp_login_banner img { float:right; width:98px; height:98px; }

#msp_content .msp_login_btn_area  { float:left; width:410px; margin:17px 0 0; }
#msp_content .msp_para01_left     { float:left; width:323px; margin:0 0 11px; padding:0 0 0 5px; background:url(../../image/board/bu/bu_middot_black.gif) 0 7px no-repeat; line-height:18px; letter-spacing:-0.1em; }
#msp_content .msp_btn_member_join { float:left; margin:0; }

/* id search */
#msp_content .msp_id_search_field { overflow:hidden; width:313px; border-top:1px solid #dadada; border-bottom:1px solid #dadada; }

#msp_content .msp_id_search_field input,
#msp_content .msp_id_search_field img { float:left; }

#msp_content .msp_id_search_field dl { position:relative; float:left; width:301px; margin:12px 0 0 6px; }
#msp_content .msp_id_search_field dt { float:left; width:63px; padding:2px 0 0 9px; background:url(../../image/board/bu/bu_star_pink.gif) 0 4px no-repeat; }
#msp_content .msp_id_search_field dd { float:left; width:190px; padding:0 0 11px; }

#msp_content .msp_id_search_field dt.login_btn { display:none; }
#msp_content .msp_id_search_field dd.login_btn { position:absolute; top:0; right:0; width:auto; padding:0; }

#msp_content .msp_id_search_result         {  }
#msp_content .msp_id_search_result .result { margin:10px 0; padding:0 5px; }
#msp_content .msp_id_search_result .message_wrapper { padding:5px 0 0; background:url(../../image/common/bg_message_top.gif) 0 0 no-repeat; }
#msp_content .msp_id_search_result .message_content { margin:0 0 10px; padding:0 8px 5px; background:url(../../image/common/bg_message_bottom.gif) 0 100% no-repeat; color:#888; font:11px/1.3 dotum,"돋움",gulim,"굴림",arial; letter-spacing:-0.1em; }

#msp_content .msp_id_search_btn_area      { overflow:hidden; width:301px; margin:10px auto 0; }
#msp_content .msp_id_search_btn_area .txt { float:left; margin:7px 0 0; padding:0 0 0 5px; background:url(../../image/board/bu/bu_middot_black.gif) 0 7px no-repeat; line-height:18px; letter-spacing:-0.1em; }
#msp_content .msp_id_search_btn_area .btn01 { float:right; margin:7px 0 0; }
#msp_content .msp_id_search_btn_area .btn02 { float:right; margin:0 0 9px; }

/* password search */
#msp_content .msp_id_search_result .email1 { margin:10px 0 5px; padding:0 5px; font:11px/1.5 dotum,"돋움",gulim,"굴림",arial; }
#msp_content .msp_id_search_result .email1 a:link,
#msp_content .msp_id_search_result .email1 a:visited { color:#5b5b5b; font-weight:bold; text-decoration:underline; }
#msp_content .msp_id_search_result .email1 a:active,
#msp_content .msp_id_search_result .email1 a:hover   { color:#ff2677; font-weight:bold; text-decoration:underline; }

#msp_content .msp_id_search_result .email2 { margin:0 0 10px; padding:0 5px; font:11px/1.5 dotum,"돋움",gulim,"굴림",arial; letter-spacing:-0.1em; }

#msp_content .msp_id_search_btn_area .small_txt { float:left; padding:0 0 0 5px; background:url(../../image/board/bu/bu_middot_black.gif) 0 7px no-repeat; font:11px/1.5 dotum,"돋움",gulim,"굴림",arial; letter-spacing:-0.1em; }

#msp_content .msp_id_search_btn_area .password_mobile_sand { clear:both; padding:0 0 6px 3px; }
#msp_content .msp_id_search_btn_area .password_mobile_sand img { cursor:pointer; }

#msp_content .msp_id_search_btn_area .password_login_btn     { clear:both; padding:17px 0 1px;}
#msp_content .msp_id_search_btn_area .password_login_btn img { display:block; margin:0 auto; cursor:pointer; }

/* password change */
#msp_content .msp_para02 { margin:0 0 2px; padding:0 0 0 5px; background:url(../../image/board/bu/bu_middot_black.gif) 0 7px no-repeat; line-height:18px; letter-spacing:-0.1em; }
#msp_content .msp_para03 { margin:0 0 11px; padding:0 0 0 5px; letter-spacing:-0.1em; line-height:15px; }

#msp_content .msp_password_change_field { overflow:hidden; width:313px; border-top:1px solid #dadada; border-bottom:1px solid #dadada; }

#msp_content .msp_password_change_field input,
#msp_content .msp_password_change_field img { float:left; }

#msp_content .msp_password_change_field dl { position:relative; float:left; width:301px; margin:12px 0 0 6px; }
#msp_content .msp_password_change_field dt { float:left; width:80px; padding:2px 0 0 9px; background:url(../../image/board/bu/bu_star_pink.gif) 0 4px no-repeat; }
#msp_content .msp_password_change_field dd { float:left; width:167px; padding:0 0 11px; }

#msp_content .msp_password_change_field dt.login_btn { display:none; }
#msp_content .msp_password_change_field dd.login_btn { position:absolute; top:0; right:0; width:auto; padding:0; }

/* 비회원구매 */
#msp_content h2 { width:450px; overflow:hidden; }
#msp_content h2 img{ float:left; }
#msp_content .msp_ta_wrap{ height:79px; margin:9px 0 0; padding:3px; border:1px solid #dfdfdf; background:#fff; }
#msp_content .msp_ta_wrap .textarea{ overflow-y:auto; height:79px; }
#msp_content .uMem_p01{ margin:5px 0 0 19px; text-indent:-12px; }
#msp_content .uMem_p01 strong{ color:#ff448a; font-weight:bold; }
#msp_content .uMem_field{ position:relative; height:70px; margin:15px 0 5px 13px; border:0; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; }
.uMem_field legend{ position:absolute; top:-99999px; left:-99999px; width:0; height:0; font-size:0; line-height:0; visibility:hidden; }
.uMem_field input,
.uMem_field img { float:left; }

.uMem_field dl { position:relative; float:left; width:351px; margin:12px 0 0 16px; padding:1px 0 0; }
.uMem_field dt { float:left; width:54px; padding:3px 0 0 10px; background:url(../../image/board/bu/bu_star_pink.gif) 0 5px no-repeat; }
.uMem_field dd { float:left; width:250px; padding:0 0 11px; }

.uMem_field dt.login_btn { display:none; }
.uMem_field dd.login_btn { position:absolute; top:0; right:0; width:auto; padding:0; }




#msp_content .uMem_p02{ margin:20px 0 20px 13px; }
#msp_content .uMem_btn01{ display:block; margin:0 auto; }

/* FooterPopupMenu */
#msp_content .footerMenu_wrap{ height:432px; margin:9px 0 0; padding:3px; border:1px solid #dfdfdf; background:#fff; }
#msp_content .footerMenu_wrap .textarea{ overflow-y:auto; height:432px; }

/* 업무제휴 안내 */
#msp_marketing          { padding:42px 0 0; }/* padding:54px 0 20px; */
#msp_marketing .msp_w477 { width:480px; margin:0 auto; }
#msp_marketing .marketing_wrap{ height:580px; margin:9px 0 0; padding:3px; background:#fff; }
#msp_marketing .marketing_wrap .person{ overflow-y:auto; height:580px; padding:0 10px 10px; }
#msp_marketing .marketing_wrap .person ul.info	{ width:410px; margin-left:10px; }
#msp_marketing .marketing_wrap .person ul.info li{ clear:both; border-top:1px solid #dadada; color:#5b5b5b; overflow:hidden; margin-top:15px;}
#msp_marketing .marketing_wrap .person ul.info li.first	{ border-top:0;}
#msp_marketing .marketing_wrap .person h2.part	{ padding:13px 0 4px 0;}
#msp_marketing .marketing_wrap .person span.name	{ font-weight:bold; padding:0 0 0 15px; }
#msp_marketing .marketing_wrap .person dl.detail	{ font-size:11px; margin:2px 0 0 20px; }
#msp_marketing .marketing_wrap .person dl.detail dt	{ background:url(../../image/icon/bullet_gray.gif) no-repeat 0 7px; padding:0 0 0 6px; float:left; width:70px; }
#msp_marketing .marketing_wrap .person dl.detail dd	{ float:left; width:270px; }
#msp_marketing .marketing_wrap .person dl.detail dd	a { text-decoration:underline; color:#ff448a; }

/* ---------- footer ---------- */
#msp_footer img { float:right; margin:0 10px 0 0; cursor:pointer; }