@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
/* font */
body { font:75% /1.2 Dotum, "돋움", sans-serif;}
input, select, textarea{ font:100% Dotum, "돋움", sans-serif; color:#4a4a4a; }
/* skip */
.skip, legend, caption {position:absolute; top:0; left:0; text-indent:-9999px; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden; }
fieldset{border:0;}
li{list-style:none;}
img{border:0;}
/*common*/
.clear{clear:both;}
 @charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
/* font */
body { font:75% /1.2 Dotum, "돋움", sans-serif;}
input, select, textarea{ font:100% Dotum, "돋움", sans-serif; color:#4a4a4a; }
/* skip */
.skip, legend, caption {position:absolute; top:0; left:0; text-indent:-9999px; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden; }
fieldset{border:0;}
li{list-style:none;}
img{border:0;}
/*common*/
.clear{clear:both;}
#user_login{width:302px; height:270px; background-color:#ffffff; position:relative;}
#user_login #user_login_con h4{width:127px; height:23px; font-size:12px; float:left; font-weight:normal; color:#666666; margin-top:10px; margin-left:25px; font-weight:bold;}
#user_login #user_login_con .login_util_menu{width:127px; height:23px; float:right; margin-top:10px; margin-right:15px;}
#user_login #user_login_con .login_util_menu ul li{float:left; margin-left:10px;}
#user_login #user_login_con .login_util_menu ul li a{color:#666666; text-decoration:none;}
#user_login #user_login_con .login_util_menu ul li a:hover{color:#446199;}
#user_login #user_login_con .login_util_menu{width:127px; height:23px; float:right; margin-top:10px; margin-right:15px;}
#user_login #user_login_con .login_util_menu ul li{float:left; margin-left:10px; }
#user_login #user_login_con .login_util_menu ul li a{color:#666666; text-decoration:none;}
#user_login #user_login_con .login_util_menu ul li a:hover{color:#446199;}
#user_login #info_icon ul{width:170px;  height:198px; float:left; padding-top:10px;}
#user_login #info_icon ul li{float:left; width:57px; height:62px; margin-bottom:40px; margin-left:10px;margin-right:10px; position:relative;}
#user_login #info_icon ul li a{display:block; width:57px; height:62px; text-indent:-99999px; font-size:0; background:url(/images/main/btn_mypage.gif) no-repeat; }
#user_login #info_icon ul li a:hover{width:57px; height:62px; background:url(/images/main/btn_mypage_over.gif) no-repeat;}
#user_login #info_icon ul li.ico_mycart a{background:url(/images/main/btn_cart.gif) no-repeat;}
#user_login #info_icon ul li.ico_mycart a:hover{background:url(/images/main/btn_cart_over.gif) no-repeat;}
#user_login #info_icon ul li.ico_quickpay a{background:url(/images/main/btn_quickpay.gif) no-repeat;}
#user_login #info_icon ul li.ico_quickpay a:hover{background:url(/images/main/btn_quickpay_over.gif) no-repeat;}
#user_login #info_icon ul li.ico_myaddr a{background:url(/images/main/btn_address.gif) no-repeat;}
#user_login #info_icon ul li.ico_myaddr a:hover{background:url(/images/main/btn_address_over.gif) no-repeat;}
/*편리 기능 시작 */
#user_login #info_icon{clear:both;  width:265px; height:206px; margin:0 auto; padding-top:10px; border-top:1px solid #ebe9e9; } 
#user_login #info_icon ul{width:170px;  height:198px; float:left; padding-top:18px;}
#user_login #info_icon ul li{float:left; width:57px; height:62px; margin-bottom:40px; margin-left:10px;margin-right:10px; position:relative;}
#user_login #info_icon ul li a{display:block; width:57px; height:62px; text-indent:-99999px; font-size:0; background:url(/images/main/btn_mypage.gif) no-repeat; }
#user_login #info_icon ul li a:hover{width:57px; height:62px; background:url(/images/main/btn_mypage_over.gif) no-repeat;}
#user_login #info_icon ul li.ico_mycart a{background:url(/images/main/btn_cart.gif) no-repeat;}
#user_login #info_icon ul li.ico_mycart a:hover{background:url(/images/main/btn_cart_over.gif) no-repeat;}
#user_login #info_icon ul li.ico_quickpay a{background:url(/images/main/btn_quickpay.gif) no-repeat;}
#user_login #info_icon ul li.ico_quickpay a:hover{background:url(/images/main/btn_quickpay_over.gif) no-repeat;}
#user_login #info_icon ul li.ico_myaddr a{background:url(/images/main/btn_address.gif) no-repeat;}
#user_login #info_icon ul li.ico_myaddr a:hover{background:url(/images/main/btn_address_over.gif) no-repeat;}
#user_login #info_icon ul li span{display:block; color:#666666; font-size:10px; text-align:center; margin-top:5px;}
#user_login #info_icon ul li em{width:22px; height:22px; line-height:22px; background:url(/images/main/back_user_data.png) no-repeat; position:absolute; top:0; right:0; color:#FFF; font-style:normal; text-align:center; font-weight:bold;}
#user_login #info_icon p{width:94px; height:206px; float:left; margin-top:3px;}
#user_login #info_icon p a{display:block; width:94px; height:206px; font-size:0; text-indent:-9999px; background:url(/images/main/ico_magic_carpet.gif) no-repeat;}
#user_login #info_icon p a:hover{ background:url(/images/main/ico_magic_carpet_over.gif) no-repeat;}
/* 통합회원 전환 안내 팝업 시작 */
#user_login #join_comb_popup{width:303px; height:238px; position:absolute; top:32px; left:0; /*display:none;*/}
#user_login #join_comb_popup p{width:303px; height:238px; position:relative;}
#user_login #join_comb_popup p span{width:19px; height:17px; position:absolute; top:10px; right:10px;}
#before_login  #user_login{width:302px; height:270px; background-color:#ffffff; position:relative;}
#before_login #user_login #user_login_con h4{width:265px; height:23px; font-size:12px; float:left; font-weight:normal; color:#b3b3b3; padding-top:20px; margin-left:20px;  border-bottom:1px solid #cccccc; }
#before_login  #user_login .login_con{clear:both; width:265px; margin:0 auto; padding-top:15px;}
#before_login  #user_login .login_con table{width:265px; heigth:76px; margin:0 auto; padding-top:20px; clear:both; }
#before_login  #user_login .login_con table input{width:180px; height:30px; border:1px solid #cccccc;}
#before_login  #user_login .login_con .id_save{width:120px; hight:30px; margin:0 auto; margin-top:10px;}
#before_login  #user_login .login_con .id_save input{border:1px solid #d1d1d1;}
#before_login  #user_login .login_con .face_login{width:190px; height:30px; line-height:20px; margin:0 auto; font-weight:bold; padding-top:10px;}
#before_login  #user_login .login_con .face_login a{display:block; height:30px; color:#465e8d; background:url(/images/common/navi/ico_facebook.png) no-repeat 3px 0; text-indent:30px; text-decoration:none;}
#before_login  #user_login .login_con .join_btn{width:140px; height:20px; margin:0 auto; padding-top:10px;}
#before_login  #user_login .login_con .join_btn a{display:block; width:140px; height:20px; line-height:20px; /* background:#999; */ color:black; text-decoration:none; text-align:center;}
#before_login  #user_login .login_con .join_btn a:hover{background:#2f4f90;}
#before_login  #user_login .login_con .btn_find_join{width:265px;  height:30px; line-height:30px;}
#before_login  #user_login .login_con .btn_find_join li{float:left; margin-left:5px; color:#cccccc;}
#before_login  #user_login .login_con .btn_find_join li a{display:block; color:#cccccc; text-decoration:none;}
#before_login  #user_login .login_con .btn_find_join li a:hover{color:#4f4c4c; font-weight:bold;}