@charset "utf-8";
@import url('base.css');
/**
- 프로젝트 : malltail
- 작 성 자 : 최동호, 조경수
- 파 일 명 : member style
- 작 성 일 : 2009-06-30
- 수 정 일 : 2009-07-13
- 버    전 : ver 1.0
*/

.member_hdr{overflow:hidden; width:100%; height:110px; border-bottom:1px solid #b6d8f4; background:url('../img/member/bg_admin_hdr.gif') no-repeat right top;}
.member_hdr img{display:block;}
.member_hdr h2{width:auto; height:30px; margin-top:50px;}
.member_hdr .txt{width:auto; height:11px; margin-top:5px;}
.img_admin_odr_list{text-align:center; height:72px; margin:25px 0 45px 0; font:normal 0/0 Dotum;}
/* default E */

/* 약관확인 S */
.svc_join_agmt_bx{width:auto; height:140px; margin-top:8px;}
.svc_join_agmt_bx textarea{border:1px solid #8dc1e8;}
.txt_info_chk{width:auto; margin:10px 0 40px; font:normal 11px Dotum, Arial; color:#656565;}
.txt_info_chk2{width:auto; margin:10px 0 20px; font:normal 11px Dotum, Arial; color:#656565;}
.txt_info_chk input{vertical-align:-3px;}
.txt_attention{width:auto; height:30px; margin-top:-30px; padding-left:45px; font:normal 0.88em/1.5em Dotum, Arial; letter-spacing:-1px; color:#656565; background:url('../img/member/bull_pinfo_plcy.gif') no-repeat 7px 3px;}
.txt_card_noti{width:auto; height:25px; margin-top:15px; padding-top:5px; padding-left:45px; font:normal 0.88em/1.5em Dotum, Arial; letter-spacing:-1px; color:#656565; background:url('../img/member/card_plcy.gif') no-repeat 7px 3px;}
.txt_attention strong{color:#333;}
.btn_mjoin{width:auto; height:35px; margin-top:45px; text-align:center; font:normal 0/0 Dotum;}
/* 약관확인 E */

/* 기본정보 입력 S */
.btn_w_c_ty1{width:auto; height:20px; margin-top:45px; text-align:center; font:normal 0/0 Dotum;}
.btn_w_c_ty1 a{margin-right:5px;}
/* 기본정보 입력 E */

/* 회원가입 완료 S */
.mbr_succ_txt{width:auto; height:196px; background:url('../img/member/bg_admin_mjoin_succ.gif') no-repeat center top;}
.mbr_login_bx{position:relative; width:648px; height:110px; margin:35px 0 0 45px; background:url('../img/member/bg_admin_mjoin_login.gif') no-repeat left top;}
.mbr_login_bx .input_01{vertical-align:middle; height:18px; font:normal 1em/1.25em Dotum, Arial; border:1px solid #dce1e5;}
    /* 아이디 비밀번호 일치 메시지 S */
    .mach_idpwd{position:absolute; top:83px; left:118px; width:auto; height:20px;}
    /* 아이디 비밀번호 일치 메시지 E */
    .input_id{position:absolute; left:58px; top:33px; width:220px; height:20px;}
    .input_pwd{position:absolute; left:58px; top:59px; width:220px; height:30px;}
    .input_id dt, .input_pwd dt{float:left; clear:both; width:60px; height:20px;}
    .input_id dt, .input_pwd dt img{padding-top:5px;}
    .input_id dd, .input_pwd dd{float:left; width:160px; height:20px;}
    .btn_login{position:absolute; left:284px; top:35px; width:70px; height:45px; font:normal 0/0 Dotum;}
    .mtail_main_go{position:absolute; left:410px; top:20px; width:190px; height:70px; font:normal 0/0 Dotum; text-align:right; border-left:1px solid #97c5dc;}
    .mtail_main_go img{margin-top:25px;}
.mbr_1v1qna_bx{width:648px; height:73px; margin:25px 0 0 45px; text-align:right; font:normal 0/0 Dotum; background:url('../img/member/bg_mbr_1v1qna_bx.gif') no-repeat center top;}
.mbr_1v1qna_bx img{margin:28px 53px 0 0;}
/* 회원가입 완료 E */

/* 로그인 S */
.lgin_vsl{width:auto; height:196px; margin-top:30px; background:url('../img/member/bg_admin_login_vsl.gif') no-repeat center top;}
.mjoin_idpwd_sch{position:absolute; left:375px; top:20px;width:250px; height:60px; padding:15px 0 0 10px; font:normal 0/0 Dotum; border-left:1px solid #97c5dc;}
.mjoin_idpwd_sch li{width:auto; height:20px; margin-bottom:5px;}
.mjoin_idpwd_sch img{float:left; vertical-align:middle;}
.mjoin_idpwd_sch img.txt{padding-top:5px;}
.mjoin_idpwd_sch a{float:right;}
.login_gpost{width:648px; height:73px; margin:25px 0 0 45px; text-align:right; font:normal 0/0 Dotum; background:url('../img/member/bg_login_gpost.gif') no-repeat center top;}
.login_gpost img{margin:40px 30px 0 0;}
.login_gpost02{width:740px; height:73px; margin:25px 0 0 0; text-align:right; font:normal 0/0 Dotum; background:url('../img/member/bg_login_gpost02.gif') no-repeat center top;}
.login_gpost02 img{margin:40px 105px 0 0;}
/* 로그인 E */


/* 맴버 매뉴 S */
.mbr_gnb_list{overflow:hidden; width:634px; height:72px; margin:20px auto 50px; background:url('../img/member/bg_mbr_tab_gnb.gif') no-repeat left -72px;}
.mbr_gnb_list li{float:left; width:151px; height:72px; margin-right:10px;}
.mbr_gnb_list li a{display:block; width:100%; height:100%;}
.mbr_gnb_list li.mbr_menu04{margin-right:0;}
.mbr_gnb_list li.select{background:url('../img/member/bg_mbr_tab_gnb.gif') no-repeat left top;}
.mbr_gnb_list li.mbr_menu01{background-position:0px 0px;}
.mbr_gnb_list li.mbr_menu02{background-position:-161px 0px;}
.mbr_gnb_list li.mbr_menu03{background-position:-322px 0px;}
.mbr_gnb_list li.mbr_menu04{margin-right:0; background-position:-483px 0px;}
.mbr_gnb_list li.mbr_menu01 a:hover{width:151px; height:72px; background:url('../img/member/bg_mbr_tab_gnb.gif') no-repeat 0 0;}
.mbr_gnb_list li.mbr_menu02 a:hover{width:151px; height:72px; background:url('../img/member/bg_mbr_tab_gnb.gif') no-repeat -161px 0;}
.mbr_gnb_list li.mbr_menu03 a:hover{width:151px; height:72px; background:url('../img/member/bg_mbr_tab_gnb.gif') no-repeat -322px 0;}
.mbr_gnb_list li.mbr_menu04 a:hover{width:151px; height:72px; background:url('../img/member/bg_mbr_tab_gnb.gif') no-repeat -483px 0;}
/* 맴버 매뉴 E */

/* 아이디찾기, 비번찾기 박스 S */
.thin_bx{width:775px; border-top:3px solid #ACCCDB;background:#F2F7FA;padding:30px 0;border-bottom:1px solid #ACCCDB;}
.thin_bx .thin_mdl{width:auto;}
.thin_bx .thin_mdl .sub_tit_mbr{width:auto; height:15px; padding-left:25px; margin:0 0 0 65px; font:0em/0em Dotum; background:url('../img/common/bull_sub_h3.gif') no-repeat left top;}
.thin_bx .thin_mdl .txt_id_pwd{width:auto; margin:15px 0 10px 90px; font:0em/0em Dotum;}

.id_pwd_list{overflow:hidden; width:550px; margin-left:95px;}
.id_pwd_list img{display:block; float:left;}
.id_pwd_list dt{float:left; clear:both; width:60px; height:17px; padding-top:3px; margin:0 10px 5px 0; color:#588DB9;}
.id_pwd_list dt img{padding-top:3px;}
.id_pwd_list dd{height:20px; margin-bottom:5px; font:normal 0.88em/1.5em Dotum, Arial; color:#8898a4;}
.id_pwd_list dd img.bull_at{margin:5px 5px 0 0;}
.id_pwd_list dd .input_01{float:left; width:auto; height:12px; margin:0 5px 0 0; vertical-align:middle; height:18px; font:normal 1.25em/1.25em "돋움",Dotum, Arial, "Courier New",verdana,sans-serif; border:1px solid #dce1e5;}
/* 아이디찾기, 비번찾기 박스 E */

/* 회원탈퇴 주의사항 S */
.mbr_lev_ctn{width:775px; padding:20px 0 0 25px; border-top:2px solid #accbdb; border-bottom:1px solid #accbdb;}
.mbr_lev_ctn li{width:auto; font:normal 0/0 Dotum; margin-bottom:25px;}
/* 회원탈퇴 주의사항 E */

.service_btns {text-align:center;margin:38px 0;}
.service_btns img {margin-right:23px;}
.m_passwd_wrap {width:775px; border-top:3px solid #ACCCDB;background:#F2F7FA;padding:30px 0;border-bottom:1px solid #ACCCDB;}

.huj_tb {width:775px; background:#F2F7FA;}
.huj_tb th {color:#5A8EBD;line-height:30px;}
.huj_tb th.first {padding:10px 0 2px 25px;}

p.p_blue { color:#3F94D1;font-size:15px;font-weight:bold;line-height:20px;}

/* 회원 정보 메뉴 S */
div.member-menu-list                 { margin: 35px 0; padding: 0 0 1px 0; width: 779px; height: 45px; border-bottom: 3px solid #96d2ed; }
div.member-menu-list > ul            { margin: 0; padding: 0; list-style-type: none; position: absolute; }
div.member-menu-list > ul > li       { display: inline-block; margin: 0; padding: 14px 7px; border-top: 1px solid #96d2ed; border-right: 1px solid #96d2ed; border-left: 1px solid #96d2ed; font-weight: bold; font-size: 15px; color: #96d2ed; cursor: pointer; text-align: center; }

div.member-menu-list > ul > li > a:link,
div.member-menu-list > ul > li > a:active,
div.member-menu-list > ul > li > a:visited { font-weight: bold; font-size: 14px; color: #96d2ed; }

div.member-menu-list > ul > li > a:hover { color: #0e0e10 !important; }

li.member-menu-active { background: #96d2ed; }
li.member-menu-active > a:link,
li.member-menu-active > a:active,
li.member-menu-active > a:hover,
li.member-menu-active > a:visited { color: #0e0e10 !important; }

li.member-id-pw-find      {}
li.member-edit            {}
li.member-add-list        {}
li.member-individual-pass {}
li.member-newpasswd       {}
li.member-secession     { padding: 14px 24px 14px 23px !important; }
/* 회원 정보 메뉴 E */

/*OK 직구상담*/
.layer-w {
    background-color: #4996de;
    width: 635px;
    height: 722px;
    z-index: 2000;
    position: absolute;
    left: 80px;
    top: -60px;
}

.layer {
    margin: 0 5px;
}

.layer h2 {
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    height: 45px;
    letter-spacing: -1px;
    line-height: 45px;
}

.layer .info {
    background-color: #fff;
    padding: 15px 15px 25px;
    height: 632px;
}

.info p {
    font-size: 11px;
    color: #208cd7;
}

.info p.bold {
    font-size: 12px;
    font-weight: bold;
}

.info hr {
    border: none;
    border-top: 1px solid #dfdfdf;
    height: 0;
    margin: 0;
    padding: 0;
    clear: none;
    display: block;
    margin-top: 20px;
}

.info .tit {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: -1px;
    margin-top: 20px;
    /*padding-left: 15px;*/
}

.counsel {
    width: 595px;
    border-top: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
}

.counsel th {
    border-bottom: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    background-color: #f3f3fb;
    color: #666664;
    font-weight: bold;
    padding: 10px 0 10px 0px;
}

.counsel td {
    text-align: center;
    border-bottom: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    color: #666664;
    padding: 10px 0 10px 0px;
}

.counsel .counsel_close {
    color: #cccccc;
}

.counsel .radio_tlt{
    line-height: 14px;
    font-weight: bold;
}
/*OK 직구상담*/

/* 우편번호 검색 */
#zcode_layer{ z-index: 11; display: none; position: absolute; top: 0; right: 21px; width: 421px; height:380px;  margin-top: -210px; padding: 10px; border: 3px solid #4791d2; background: #fff; overflow-y:scroll;}
#zcode_layer .close { position: absolute; top: 19px; right: 12px; width: 13px; height: 13px; background: url(/img/new/btn/h13_close.gif) no-repeat 0 0; text-indent: -9999px; }
#zcode_layer p { margin-top: 10px; font-size: 11px; font-weight: bold; letter-spacing: -1px; }
#zcode_layer p span { font-size: 12px; }
#zcode_layer h1 {padding-top:15px; color:#ffffff; font-weight:bold; text-align:center; font-size:16px; height:28px; background: #003f85;}
#zcode_layer div.search-box { width: 98%; text-align: center;  padding-top: 10px; padding-bottom: 25px;}
#zcode_layer div.desc { color: #888888; width: 385px; border-top: 1px solid #cad7e5; padding-top: 10px; padding-bottom: 10px }
#zcode_layer div.desc > ul > li { line-height: 180%; }
#zcode_layer span.indent { margin-left: 9px; display: inline; }
#zcode_layer .tab { zoom: 1; overflow: hidden; margin-top: 10px; }
#zcode_layer .tab li { float: left; width: 200px; height: 50px; line-height: 50px; background: #e4e4e4; border: 1px solid #ddd; }
#zcode_layer .tab li.now { background: #6294cd; border: 1px solid #6294cd; }
#zcode_layer .tab li a { display: block; height: 100%; font-size: 14px; font-weight: bold; letter-spacing: -1px; text-align: center; }
#zcode_layer .tab li.now a { color: #fff; }
#zcode_layer .cont { margin-top: 10px; padding: 20px 10px 0; border: 1px solid #ddd; line-height: 1.5; }
#zcode_layer div.submit { margin-top: 10px; text-align: center; width: 98%; }
#zcode_layer .search_btn { display: inline; font-size: 11px; background: none #3f93cf; border: 1px solid #1e7fc6; color: #fff; cursor: pointer; font-weight: bold; overflow: visible; text-align: center; padding: 4px 7px; font-family: "돋 움", Dotum, sans-serif; border-radius: 4px; }
#zcode_layer div.new-input > label{ text-align: right; display: inline-block; vertical-align: middle; width: 70px; margin-right: 20px; }
#zcode_layer div.new-input > input[type="text"]{ display: inline-block; border: 1px solid #ccc; font-size: 11px; border-radius: 4px; padding: 5px 6px; box-shadow: inset 0 1px 3px #ddd; }
#zcode_layer .input_01 { display: inline-block; border: 1px solid #ccc; font-size: 11px; border-radius: 4px; padding: 5px 6px; box-shadow: inset 0 1px 3px #ddd; }
#zcode_layer .layer_table {width:100%; margin-top:30px; margin-bottom:20px; border-top:2px solid #8dc1e8; border-bottom:1px solid #8dc1e8;}
#zcode_layer .layer_table th{padding:7px 0; border-bottom:1px solid #8dc1e8;}
#zcode_layer .layer_table td{padding:7px 0; text-align:center; font:normal 11px Dotum, Arial; color:#999999;}
#zcode_layer .layer_table td.txt_left{text-align:left;}
#zcode_layer .layer_table td strong{color:#333;}
#zcode_layer .layer_table td img.sbtn{vertical-align:-4px;}
#zcode_layer .layer_table .text_bold {color:#000;font-weight: bold;}
#zcode_layer .layer_table .text_left{text-align: left; word-wrap: break-word;}
#zcode_layer .layer_table p.btn_1 { display:inline;font-size:11px;background:none no-repeat scroll 0 0 #ffffff;border:1px solid #bcbcbc;color:#1172b6;cursor:pointer;text-align:center;font-family:"돋 움",Dotum,sans-serif;font-weight:bold;overflow:visible;padding:3px 5px;text-align:center;}
/* /. 우편번호 검색 */

/* 250204 who307 */

/* login */
.simpleLogin * { box-sizing: border-box; } 
.simpleLogin { color: #000; font-size: 14px; background-color: #fff; font-family: "Pretendard", "Noto Sans KR"; } 
.simpleLogin__container { width:100%; padding: 30px 40px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; background: linear-gradient(0deg, #FFF 0%, #FFF 100%), #F8F8F8; } 
.simpleLogin__title { color: #000; font-size: 22px; font-weight: 700; } 
.simpleLogin__item { width: 240px; height: 50px; padding: 0 14px; display: flex; justify-content: center; align-items: center; gap: 10px; border: 1px solid #CCC; background: #FFF; border-radius: 5px; } 
.simpleLogin__text { font-size: 16px; font-weight: 500; } 

/* member tab */
.memberTab { display: flex; border: 1px solid #E0E0E0; margin:40px 0; } 
.memberTab__item { width: 100%; height: 50px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 600; color: #000; border-right: 1px solid #E0E0E0; line-height: 1; } 
.memberTab__item:last-of-type { border-right:1px solid transparent; } 
.memberTab__item.active { background-color: #000; color: #fff; border-right: 1px solid transparent; } 

/* gateway */
.gateway * { line-height: 150%; } 
.gateway__container { background-color: #F8F8F8; padding: 40px; display: flex; align-items: center; flex-direction: column; gap: 30px; } 
.gateway__header { text-align: center; } 
.gateway__title { font-size: 22px; font-weight: 700; } 
.gateway__subtitle { font-size: 16px; margin-top: 10px; } 
.gateway__button { width:300px; height: 62px; padding: 0 14px; display: flex; justify-content: center; align-items: center; gap: 10px; border: 1px solid #CCC; background: #FFF; border-radius: 5px; font-size:18px; font-weight: 700; line-height:1; } 

/* simpleLoginSetting */
.simpleLoginSetting * { box-sizing: border-box; } 
.simpleLoginSetting { color: #000; font-size: 14px; background-color: #fff; font-family: "Pretendard", "Noto Sans KR"; } 
.simpleLoginSetting button { font-family: "Pretendard", "Noto Sans KR"; } 
.simpleLoginSetting__container { background-color: #F8F8F8; padding: 40px; display: flex; gap: 20px 10px; justify-content:center; flex-wrap: wrap; } 
.simpleLoginSetting__item { display: flex; align-items: center; flex-direction: column; justify-content: center; } 
.simpleLoginSetting__icon { display: flex; width: 62px; height: 62px; justify-content: center; align-items: center; gap: 4px; border-radius: 10px; border: 1px solid #E0E0E0; background: #FFF; margin-bottom: 20px; } 
.simpleLoginSetting__button { color: #000; background-color: #fff; border: 1px solid #CCC; min-width: 80px; height: 32px; display: flex; align-items: center; justify-content: center; font-weight: 500; font-size: 12px; border-radius: 5px; line-height: 1; } 
.simpleLoginSetting__button.active { background-color: #E0E0E0; border: none; color: #666; } 

/* singup gateway*/
.signupGateway * { box-sizing: border-box; } 
.signupGateway { color: #000; font-size: 14px; background-color: #fff; font-family: "Pretendard", "Noto Sans KR"; } 
.signupGateway__container { padding-top: 60px; padding-bottom: 299px; display: flex; justify-content: center; } 
.signupGateway__box { display: flex; width: 410px; padding: 40px 18px; flex-direction: column; align-items: center; gap: 40px; border-radius: 10px; border: 1px solid #E0E0E0; background: #FFF; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10); } 
.signupGateway__title { text-align: center; font-size: 22px; font-weight: 700; line-height: 150%; } 
.signupGateway__desc { text-align: center; font-size: 16px; line-height: 150%; margin-top: 10px; } 
.signupGateway__list { display: flex; flex-direction: column; gap :10px; } 
.signupGateway__button { width: 324px; height: 62px; padding: 0 14px; display: flex; justify-content: center; align-items: center; gap: 10px; border: 1px solid #CCC; background: #FFF; border-radius: 5px; font-weight:700; font-size:18px; } 
.signupGateway__button--border-black { border:1px solid #000; } 

/* 250204 who307 */