/* Member Common */
html, body {height:100%;}
.member {background-color:#f5f5f5;}
.member #wrap {position:relative;min-height:100%;box-sizing:border-box;}
.member #header .header_top {border-bottom:1px solid #164032;}
#header .header_top span.ico_home {width:35px; height:35px; position:absolute; top:50%; margin-top:-17.5px; left:50px; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/common/ico_home.png);}
.member #footer {/* position:absolute; *//* left:0; *//* bottom:0; *//* right:0; */}

#header .page_title {text-align:center; font-size:20px; line-height:50px; color:#000; white-space:nowrap;}
.mb_tit {font-weight:400; font-size:16px; color:#000; text-align:center; padding:12px 0;}
.mb_box {width:90%; margin:0 auto; padding:40px 8%; box-sizing:border-box; text-align:left; background-color:#fff; border:1px solid #d9d9d9;}

/* 01 - Login */
.login_wrap {padding-bottom:30px;}
.login_wrap .input_area > div {border:1px solid #b8b8b8; padding:0 0 0 30px; position:relative;}
.login_wrap .input_area > div + div {margin-top:7px;}
.login_wrap .input_area > div .ic {display:inline-block; width:30px; height:40px; position:absolute; top:0; left:0; background-repeat:no-repeat; background-position:center;}
.login_wrap .input_area .user .ic {background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/ic_user.png); background-size:10px 9px;}
.login_wrap .input_area .pwd .ic {background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/ic_pwd.png); background-size:8px 9px;}
.login_wrap .input_area .order .ic {background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/ic_tag.png); background-size:9px 9px;}
.login_wrap .input_area > div .ic:after {display:inline-block; content:''; width:1px; height:10px; background-color:#adadad; position:absolute; top:15px; right:0;}
.login_wrap .input_area .inp {width:100%; box-sizing:border-box; border:0; padding:10px 10px; font-size:12px; color:#000; line-height:20px; outline:0;}

/* Checkbox Style */
.member label.chk {position:relative; display:inline-block; cursor:pointer;}
.member label.chk input[type=checkbox] {position:absolute; width:1px; height:1px; opacity:0; filter:alpha(opacity=0);}
.member label.chk .ic {display:inline-block; width:12px; height:12px; border:1px solid #000; position:relative; vertical-align:middle; margin:0 5px 0 0;}
.member label.chk input:checked + .ic:after {display:inline-block; content:''; width:7px; height:6px; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/ic_chk.png); background-repeat:no-repeat; background-position:center; background-size:7px 6px; position:absolute; top:3px; left:3px;}

.login_wrap .login_menu {overflow:hidden; margin-top:10px; line-height:20px;}
.login_wrap .login_menu label.chk span {font-size:13px; color:#1a1a1a;}
.login_wrap .login_menu .link {float:right;}
.login_wrap .login_menu .link > a {display:inline-block; float:left; position:relative; font-size:13px; color:#1a1a1a;}
.login_wrap .login_menu .link > a + a {margin-left:18px;}
.login_wrap .login_menu .link > a + a:before {display:inline-block; content:''; width:1px; height:10px; position:absolute; top:50%; transform:translateY(-50%); left:-10px; background-color:#e2e2e2;}

/* Non-member Order */
.member .nmb_guide {margin-top:10px;}
.member .nmb_guide li {padding-left:12px; position:relative; font-size:10px; line-height:14px; color:#1a1a1a; letter-spacing:-0.2px; white-space:nowrap;}
.member .nmb_guide li:before {display:inline-block; content:'ㆍ'; position:absolute; top:0; left:0;}

/* Button Style 1 */
.member .btn_area {margin-top:30px; overflow:hidden;}
.member .btn_area > .mb_btn + .mb_btn {margin-top:7px;}
.member .btn_area > div {display:inline-block; float:left; width:49%;}
.member .btn_area > div + div {margin-left:2%;}

.member button {padding:0; background-color:inherit; border:0; outline:0;}
.member .mb_btn {width:100%; height:42px; border:1px solid #2c473e; border-radius:3px;}
.member .mb_btn span {display:inline-block; font-weight:500; font-size:16px; line-height:40px;}
.member .mb_box .mb_btn span {font-size:16.5px;}
.member .mb_btn .fw_b {font-weight:700;}

.mb_btn.btn01 {background-color:#2c473e;}
.mb_btn.btn01 span {color:#fff;}
.mb_btn.btn02 {background-color:#fff;}
.mb_btn.btn02 span, .mb_btn.btn02 a {color:#2c473e;}
.mb_btn.btn02 a{display:block;}

.mb_btn i {display:inline-block; height:40px; vertical-align:top; margin-right:8px; background-repeat:no-repeat; background-position:center;}
.mb_btn .ic_login {width:14px; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/ic_login.png); background-size:14px 17px;}
.mb_btn .ic_order {width:13px; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/ic_order.png); background-size:13px 16px;}
.mb_btn .ic_order_fff {width:13px; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/ic_order_fff.png); background-size:13px 16px;}
.mb_btn .ic_join {width:20px; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/ic_join.png); background-size:20px 17px;}
.mb_btn .ic_buy {width:19px; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/ic_buy.png); background-size:19px 15px;}
.mb_btn .ic_change {width:18px; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/ic_change.png); background-size:18px;}
.mb_btn .ic_next {width:18px; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/ic_next.png); background-size:18px;}
.mb_btn .ic_shopping {width:17px; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/ic_shopping.png); background-size:17px 15px;}
.mb_btn .ic_ok {width:18px; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/ic_ok.png); background-size:18px;}
.mb_btn .ic_ok_fff {width:18px; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/ic_ok_fff.png); background-size:18px;}
.mb_btn .ic_cncl {width:18px; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/ic_cncl.png); background-size:18px;}
.mb_btn .ic_book {width:15px; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/ic_book.png); background-size:15px 18px;}
.mb_btn .ic_next2 {width:18px; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/ic_next2.png); background-size:18px;}

/* Social Login */
.login_wrap .social {width:90%; margin:18px auto 0;}
.login_wrap .social ul {overflow:hidden;}
.login_wrap .social li {float:left; width:32%;}
.login_wrap .social li + li {margin-left:2%;}
.login_wrap .social li a {display:block; overflow:hidden;}
.login_wrap .social li a img {width:100%;}

/* @note 2021-05-20 */
/* SNS, Join */
.sns-wrap{padding:0 5%;margin:24px 0 14px}
.sns-wrap>ul>li{padding:1.5% 0}
.join-wrap{padding:0 5%}
/* //@note 2021-05-20 */

/* Button Style 2 */
.member .btn_area2 {width:90%;margin:30px auto 0;overflow:hidden;}
.member .btn_area2 > div {display:inline-block; float:left; width:49%;}
.member .btn_area2 > div + div {margin-left:2%;}

.login_wrap .agr_area {width:90%; margin:0 auto; padding:15px 4%; font-weight:500; font-size:12px; color:#000;box-sizing:border-box; background-color:#fff; border:1px solid #d9d9d9;}
.login_wrap .agr_area .agr_box {position:relative;}
.login_wrap .agr_area .agr_box + .agr_box {margin-top:5px;}
.login_wrap .agr_area .agr_box a {display: block;margin:5px 0 15px 20px;width:80px;font-size:11px;font-weight: 400;color: #999;}
.login_wrap .agr_area .terms{display:block; background-color:#f5f5f5; border:1px solid #d9d9d9; box-sizing:border-box; border-radius:3px; padding:10px;}
.login_wrap .agr_area .terms span{font-size:12px;}
.login_wrap .agr_area .terms h3{padding:15px 0}
.login_wrap .agr_area .terms p{word-break:keep-all;line-height: 1.4;font-weight: 200;}
.login_wrap .agr_area .btn_more {width:35px; height:35px; position:absolute; top:0; right:0; background-color:transparent; border:0;}
.login_wrap .agr_area .btn_more span {font-size:0; line-height:0; text-indent:-9999px;}
.login_wrap .agr_area .btn_more:after {display:inline-block; content:''; width:13px; height:6px; margin-bottom:2px; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/ic_tgl.png); background-repeat:no-repeat; background-position:0 0; background-size:13px 6px;}

/* Change Password, Dormancy Login.html */
.change_wrap, .dormancy_wrap {padding-top:18px; padding-bottom:30px;}
.change_wrap .mb_box, .dormancy_wrap .mb_box {padding:30px 8%;}
.member .info > strong {display:block; font-weight:700; font-size:16.5px; line-height:1; color:#000; text-align:center; margin-bottom:20px;}
.member .info > p {font-weight:500; font-size:12px; color:#000; position:relative; padding-left:60px; word-break:keep-all;}
.dormancy_wrap .info > p {letter-spacing:-0.5px;}
.member .info > p:before {display:block; content:''; width:50px; height:50px; position:absolute; top:0; left:0; background-repeat:no-repeat; background-position:center;}
.change_wrap .info > p:before {background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/ic_privacy.png); background-size:44px 49px;}
.dormancy_wrap .info > p:before {background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/ic_lock.png); background-size:43px 49px;}

.change_wrap .inp_lst {margin-top:30px;}
.member .inp_lst li + li {margin-top:12px;}
.member .inp_lst .inp_box {border:1px solid #d9d9d9; position:relative;}
.member .inp_lst .inp_box input[type=password] {width:100%; border:0; padding:0 10px; vertical-align:top; font-size:12px; color:#787878; height:28px; box-sizing:border-box; outline:0;}
.member .inp_lst .inp_box .btn_del {width:28px; height:28px; position:absolute; top:0; right:0; box-sizing:border-box; padding-right:10px;}
.member .inp_lst .inp_box .btn_del span {display:block; width:17px; height:17px; background-color:#acacac; border-radius:50%; margin:0 auto; font-size:0; line-height:0; text-indent:-9999px; position:relative;}
.member .inp_lst .inp_box .btn_del span:after {display:inline-block; content:''; width:7px; height:7px; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/ic_del.png); background-position:center; background-repeat:no-repeat; background-size:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.alert {font-size:11px; color:#ff0000; padding-left:18px; position:relative; margin-top:6px;}
.alert:before {display:inline-block; content:''; width:14px; height:14px; position:absolute; top:0; left:0; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/ic_alert.png); background-repeat:no-repeat; background-position:center; background-size:11px 10px;}
.alert strong {font-weight:700; font-size:11px;}

.change_wrap .guide {padding:20px 0 0 4px; margin-top:20px; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/line_pat.png); background-repeat:repeat-x; background-position:0 0; background-size:3px 2px;}
.change_wrap .guide li {padding-left:12px; position:relative; font-size:10px; line-height:14px; color:#1a1a1a; word-break:keep-all;}
.change_wrap .guide li + li {margin-top:5px;}
.change_wrap .guide li:before {display:inline-block; content:'-'; position:absolute; top:0; left:0;}

.dormancy_wrap .guide {width:90%; margin:18px auto 0; box-sizing:border-box; padding:15px 0 0 20px; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/line_pat.png); background-repeat:repeat-x; background-position:0 0; background-size:3px 2px;}
.dormancy_wrap .guide li {padding-left:12px; position:relative; font-size:10px; line-height:14px; color:#1a1a1a; word-break:keep-all;}
.dormancy_wrap .guide li:before {display:inline-block; content:'-'; position:absolute; top:0; left:0;}

.dormancy_wrap .dtl {width:90%; margin:18px auto 0; overflow:hidden;}
.dormancy_wrap .dtl dl {width:32%; height:148px; float:left; box-sizing:border-box; padding:35px 0 0; text-align:center; border:1px solid #d9d9d9; background-color:#fff;}
.dormancy_wrap .dtl dl + dl {margin-left:2%;}
.dormancy_wrap .dtl dl dd {font-weight:700; font-size:14px; color:#000; height:24px; line-height:24px;}
.dormancy_wrap .dtl dl:first-child dd {font-size:18px; font-weight:400;}
.dormancy_wrap .dtl dl dt {font-size:12px; line-height:16px; color:#000; margin-top:10px;}
.dormancy_wrap .dtl dl dt:before {display:block; content:''; width:12px; height:1px; background-color:#ffaa01; margin:0 auto 12px;}

/* Find ID, Find Password */
#container.find_wrap {padding-top:70px;}
.find_wrap .tab_area {padding:0 5%; border-bottom:1px solid #164032;}
.find_wrap .tab_area ul {display:inline-block; width:100%; vertical-align:top;}
.find_wrap .tab_area li {float:left; width:50%; height:36px;}
.find_wrap .tab_area li a {display:block; font-weight:300; font-size:15px; color:#000; text-align:center; height:36px; line-height:34px; border:1px solid #b8b8b8; border-bottom:0; box-sizing:border-box; background-color:#fff;}
.find_wrap .tab_area li:first-child a {margin-right:-1px;}
.find_wrap .tab_area li.on a {height:37px; font-weight:700; border-color:#164032; position:relative;}
.find_wrap .con_area {background-color:#fff; padding:20px 5% 30px;}
.find_wrap .con_area.c1 {padding:40px 5%;}

.find_wrap .find_tit {padding-left:10px; font-weight:500; font-size:15px; color:#000; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/info_tit.png); background-repeat:no-repeat; background-size:3px 13px; background-position:0 center; margin-bottom:4px;}

.find_wrap .logo_area {text-align:center; margin-bottom:20px;}
.find_wrap .logo_area img {width:157px; height:49px; padding-right:23px;}
.find_wrap .txt_area {width:80%; padding:1%; margin:0 auto; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/box_pat.png); background-repeat:repeat; background-position:0 0; background-size:3px; text-align:center;}
.find_wrap .txt_area .inner {background-color:#fff; padding:30px 0;}
.find_wrap .txt_area .txt01 {font-size:16px; color:#1a1a1a; line-height:19px; position:relative; margin-bottom:8px;}
.find_wrap .txt_area .txt01:after {display:block; content:''; width:13px; height:1px; background-color:#ffaa01; margin:8px auto 0;}
.find_wrap .txt_area .txt01 a {font-weight:700; color:#164032;}
.find_wrap .txt_area .txt02 {font-size:12px; color:#1a1a1a; line-height:1.5;}
.find_wrap .txt_area .txt02 strong {font-weight:700; color:#1e9e27;}
.find_wrap .forgot {font-size:11px; line-height:16px; color:#787878; text-align:center; padding-top:12px;}

.find_wrap .box {padding:30px 9%; border:1px solid #d9d9d9;}
.find_wrap input[type=text],
.find_wrap select {width:100%; height:30px; font-size:12px; color:#000; border:1px solid #d9d9d9; box-sizing:border-box; outline:0;}
.find_wrap input[type=text] {padding:0 9px;}
.find_wrap select {padding:0 5px; cursor:pointer;}
.find_wrap .form > div + div {margin-top:7px;}
.find_wrap .form .cp {overflow:hidden;}
.find_wrap .form .cp > span {float:left;}
.find_wrap .form .cp > span.inp {width:30%;}
.find_wrap .form .cp > span.txt {width:5%; text-align:center; line-height:30px;}
.find_wrap .form .btn button {width:100%; height:30px; border-radius:3px; background-color:#2c473e; font-size:12px; color:#fff;}

.find_wrap .cert {padding:1%; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/box_pat.png); background-repeat:repeat; background-position:0 0; background-size:3px; margin-top:20px;}
.find_wrap .cert .inner {background-color:#fff; padding:15px 7% 20px; text-align:center;}
.find_wrap .cert p {font-size:10px; color:#1a1a1a;}
.find_wrap .cert p:first-child {margin-bottom:8px;}
.find_wrap .cert p strong {font-size:12px; color:#ff0000; margin-left:3px;}
.find_wrap .cert input[type=text] {background-color:#f5f5f5; font-size:11px;}

.find_wrap .guide {padding:0 0 0 4px; margin-top:20px;}
.find_wrap .inp_lst + .guide {padding-top:20px; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/line_pat.png); background-repeat:repeat-x; background-position:0 0; background-size:3px 2px;}
.find_wrap .guide li {padding-left:12px; position:relative; font-size:10px; line-height:14px; color:#1a1a1a; word-break:keep-all;}
.find_wrap .guide li + li {margin-top:5px;}
.find_wrap .guide li:before {display:inline-block; content:'-'; position:absolute; top:0; left:0;}

/* Join Steps */
.join_wrap .step_area {padding:0 5%; border-bottom:1px solid #2c473e;}
.join_wrap .step_area ul {display:inline-block; width:100%; vertical-align:top;}
.join_wrap .step_area li {float:left; width:25%; padding:15px 0 10px; box-sizing:border-box; position:relative;}
.join_wrap .step_area li:after {display:inline-block; content:''; width:8px; height:16px; position:absolute; top:50%; margin-top:-6px; right:-4px; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/join_step_arr.png); background-repeat:no-repeat; background-size:8px; background-position:center top;}
.join_wrap .step_area li.on {border-bottom:1px solid #2c473e;}
.join_wrap .step_area li.on:after {background-position:center bottom;}
.join_wrap .step_area li:last-child:after {display:none;}
.join_wrap .step_area li .ic {display:block; margin:0 auto; width:32px; height:32px; background-repeat:no-repeat; background-position:center top; background-size:100%;}
.join_wrap .step_area li.s1 .ic {background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/join_s1.png);}
.join_wrap .step_area li.s2 .ic {background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/join_s2.png);}
.join_wrap .step_area li.s3 .ic {background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/join_s3.png);}
.join_wrap .step_area li.s4 .ic {background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/join_s4.png);}
.join_wrap .step_area li .txt {display:block; text-align:center; font-weight:300; font-size:12px; color:#787878;}
.join_wrap .step_area li.on .txt {font-weight:700; color:#010101;}
.join_wrap .step_area li.on .ic {background-position:center bottom;}
.join_wrap .con_area {background-color:#fff;}

/* Join 01 - Choice */
.choice_wrap {padding:20px 5%;}
.choice_wrap ul {display:inline-block; width:100%; vertical-align:top;}
.choice_wrap li {float:left; width:50%; padding:7px 1%; box-sizing:border-box;}
.choice_wrap li a {display:block; overflow:hidden;}
.choice_wrap li a img {width:100%;}

/* Join 02 - Agree */
.agr_wrap {padding-bottom:30px;}
.agr_wrap .agr_area2 {padding:20px 5% 0;}
.agr_wrap .agr_area2 .agr_box {position:relative;}
.agr_wrap .agr_area2 .agr_box + .agr_box {margin-top:6px;}
.agr_wrap .agr_area2 label.chk {display:block; height:45px; line-height:43px; background-color:#f5f5f5; border:1px solid #d9d9d9; border-radius:3px; padding:0 0 0 15px; box-sizing:border-box;}
.agr_wrap .agr_area2 .agr_all label.chk {background-color:#ffaa01; border-color:#ffaa01; border-radius:0;}
.agr_wrap .agr_area2 label.chk span {font-weight:500; font-size:12px; color:#000;}
.agr_wrap .agr_area2 label.chk .ic {margin-right:6px;}
.agr_wrap .agr_area2 .agr_all label.chk span {font-size:16.5px;}
.agr_wrap .agr_area2 .agr_all label.chk .ic {width:17px; height:17px; margin:0 8px 3px 0;}
.agr_wrap .agr_area2 .agr_all label.chk input:checked + .ic:after {width:9px; height:7px; top:5px; left:4px; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/ic_chk_all.png); background-size:9px 7px;}
.agr_wrap .agr_area2 .btn_more {width:60px; height:25px; position:absolute; top:10px; right:10px; background-color:#2c473e; border-radius:3px;}
.agr_wrap .agr_area2 .btn_more span {display:inline-block; font-weight:700; font-size:11px; color:#fff; line-height:24px; vertical-align:top;}
.agr_wrap .agr_area2 .btn_more span a{color:#fff;}

/* Join 03 - Info */
.member .info_wrap {padding:20px 5% 30px;}
.info_wrap .info_tit {position:relative; line-height:22px; padding-bottom:3px; border-bottom:1px solid #164032; margin-bottom:15px;}
.info_wrap .info_area + .info_tit {margin-top:15px;}
.info_wrap .info_tit h3 {display:inline-block; padding-left:10px; font-weight:500; font-size:15px; color:#000; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/info_tit.png); background-repeat:no-repeat; background-size:3px 13px; background-position:0 center; vertical-align:top;}
.info_wrap .info_tit .stat {position:absolute; top:0; right:0; font-weight:500; font-size:13px; color:#787878;}
.info_wrap .info_tit .stat strong {font-weight:700; color:#21ac42;}

.info_wrap .info_area {padding-bottom:15px; border-bottom:1px solid #b8b8b8;}
.info_wrap .info_area dl {position:relative; padding-left:85px;}
.info_wrap .info_area dl span.error_msg{display:none; font-size:11px; color:#f00; margin-top:5px; word-break:keep-all;}

.info_wrap .info_area dl.error_on span.error_msg{display:block;}
.info_wrap .info_area dl.error_on input[type=text],.info_wrap .info_area dl.error_on input[type=password], .info_wrap .info_area dl.error_on select
{border:1px solid #f00}

.info_wrap .info_area dl + dl {margin-top:9px;}
.info_wrap .info_area dl dt {position:absolute; top:0; left:0; display:table; height:30px;}
.info_wrap .info_area dl dt label {display:table-cell; vertical-align:middle; font-weight:500; font-size:12px; line-height:1.2; color:#000; cursor:pointer;}
.info_wrap .info_area dl dd + dd {margin-top:9px;}

.info_wrap .info_area .bxs {overflow:hidden; width:100%; display:flex; justify-content:space-between;}
.info_wrap .info_area .bxs .bx {display:inline-block; float:left;}
.info_wrap .info_area .bxs .bx + .bx {padding-left:3px;}
.info_wrap .info_area .bth .bxs .bx {flex:1;}
.info_wrap .info_area .bth .bxs .bx + .bx {padding-left:7px;}
.info_wrap .info_area .w01 {width:200px;}
.info_wrap .info_area .w02 {width:60px;}

.info_wrap .info_area input[type=text],
.info_wrap .info_area input[type=password] {width:100%; height:30px; border:1px solid #d9d9d9; box-sizing:border-box; padding:0 10px; font-size:12px; color:#787878; outline:0;}
.info_wrap .info_area input:read-only {background-color:#f5f5f5;}
.info_wrap .info_area select {width:100%; height:30px; border:1px solid #d9d9d9; box-sizing:border-box; padding:0 7px; font-size:12px; color:#000; outline:0; cursor:pointer;}
.info_wrap .info_area dd .chr {display:inline-block; font-size:12px; color:#000; line-height:30px;}
.info_wrap .info_area .bonus {font-weight:500; font-size:10px; color:#2c473e; padding:3px 0;}
.info_wrap .info_area .btn {width:100%; height:30px; border-radius:3px; border:1px solid #2c473e; background-color:#2c473e; font-size:12px; color:#fff;}
.info_wrap .info_area .bot_btn {text-align:center; margin-top:15px;}
.info_wrap .info_area .bot_btn .btn {width:60px; font-weight:700;}
.info_wrap .info_area .bot_btn .btn_fff {background-color:#fff; color:#2c473e;}

.info_wrap .txt_area {padding:1%; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/box_pat.png); background-repeat:repeat; background-position:0 0; background-size:3px; margin:16px 0;}
.info_wrap .txt_area .inner {background-color:#f3f9ef; padding:15px 18px;}
.info_wrap .txt_area p {font-size:12px; color:#787878;}
.info_wrap .txt_area p + p {margin-top:3px;}
.info_wrap .txt_area i {display:inline-block; width:12px; height:12px; background-size:100%; background-repeat:no-repeat; background-position:center; margin-right:5px;}
.info_wrap .txt_area .ic_cp {background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/ic_cp.png);}
.info_wrap .txt_area .ic_bth {background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/ic_bth.png);}
.info_wrap .txt_area .ic_gd {background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/ic_gd.png);}
.info_wrap .txt_area p strong {font-weight:500; color:#000;}
.info_wrap .txt_area .compl {font-weight:700; color:#2c473e; margin-left:3px;}

.info_wrap .chk_area {text-align:center; margin-top:20px;}
.info_wrap .chk_area label.chk + label.chk {margin-left:20px;}
.info_wrap .chk_area label.chk span {display:inline-block; font-size:12px; color:#000; line-height:24px; vertical-align:middle;}
.info_wrap .info_txt {font-size:11px;}

/* @note 2022-09-14 */
.agree-table{border-top: 1px solid #2c473e;}
.agree-table .table-like {display:flex;table-layout:fixed}
.agree-table .table-like dt,.ex_return_area .ex_guide_list ul li .board-a .inner-box dl.table-like dd {display:table-cell;}
.agree-table .table-like dt {background-color:#f0f0f0;width:120px;vertical-align:middle;color:#000;font-size:14px;font-weight:500;text-align:center;word-break:keep-all;border-bottom: 1px solid #e5e5e5;display:flex;align-items: center;justify-content: center;}
.agree-table .table-like dd {padding:20px 10px;border-bottom: 1px solid #e5e5e5;width:100%}
.agree-table .table-like dd .sub_tit {line-height:25px;border-bottom:none;font-size:13px;font-weight:700;text-align:left;}
.agree-table .table-like dd .sub_txt {border-bottom:none}
.agree-table .table-like dd .sub_txt li {font-size:13px;margin:4px 0}
.agree-wrap .chk_area{text-align: left;}
.agree-wrap .chk_area label.chk span{display:inline}
.agree-wrap .chk_area label.chk input:checked + .ic:after{top:2px;left:2px}
/* //@note 2022-09-14 */

/* Join 04 - Finish */
.member .fin_wrap {padding:30px 5%; text-align:center;}
.fin_wrap .logo_area {text-align:center;}
.fin_wrap .logo_area img {width:157px; height:49px;}

.fin_wrap .top_txt {padding:15px 0 20px; color:#000;}
.fin_wrap .top_txt strong {display:block; font-weight:500; font-size:19px; padding-bottom:5px;}
.fin_wrap .top_txt p {font-size:11px; line-height:14px;}

.fin_wrap .txt_area {padding:1%; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/box_pat.png); background-repeat:repeat; background-position:0 0; background-size:3px;}
.fin_wrap .txt_area + .txt_area {margin-top:10px;}
.fin_wrap .txt_area dl {background-color:#fff; padding:15px 0;}
.fin_wrap .txt_area dt {font-size:14px; color:#000; position:relative; margin-bottom:8px;}
.fin_wrap .txt_area dt:after {display:block; content:''; width:13px; height:1px; background-color:#ffaa01; margin:8px auto 0;}
.fin_wrap .txt_area dd {font-size:18px; color:#164032;}

/* @note 2021-01-05 휴먼안내 전환 비밀번호 설정 */
.conversion_wrap .con_area{background-color:#fff;padding:20px 5% 30px;}
.conversion_wrap .info_con{margin-bottom:20px;font-size:14px}
.conversion_wrap .info_con em{font-weight:bold;font-size:16px}
.conversion_wrap .info_con span{color:#4267B2}
.conversion_wrap .set_con{padding:20px 0;border-top:1px solid #d9d9d9;} 
.conversion_wrap .set_con h3{font-weight:bold;margin-bottom:20px}
.conversion_wrap .box {padding:30px 9%; border:1px solid #d9d9d9;}
.conversion_wrap .guide {padding:0 0 0 4px; margin-top:20px;}
.conversion_wrap .inp_lst + .guide {padding-top:20px; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/member/line_pat.png); background-repeat:repeat-x; background-position:0 0; background-size:3px 2px;}
.conversion_wrap .guide li {padding-left:12px; position:relative; font-size:12px; line-height:14px; color:#1a1a1a; word-break:keep-all;}
.conversion_wrap .guide li + li {margin-top:5px;}
.conversion_wrap .guide li:before {display:inline-block; content:'-'; position:absolute; top:0; left:0;}
.conversion_wrap .alert:before{top:2px}
.conversion_wrap .btn_area button{font-weight: 500;font-size:16px}
.conversion_wrap .btn_area .btn01{color:#fff}
.conversion_wrap .btn_area .btn02{color:#2c473e}
/* //@note 2021-01-05 휴먼안내 전환 비밀번호 설정 */
.member .mb_btn_more{width: 60px;    height: 25px;    position: absolute;    top: 10px;    right: 10px;    background-color: #2c473e;    border-radius: 3px;}
.member .mb_btn_more span{display: inline-block;    font-weight: 700;    font-size: 11px;    color: #fff;    line-height: 24px;    vertical-align: top;}

/* @note 2021-07-13 회원가입 혜택 추가 */

.member_benefit{width: 100%;max-width: 740px;padding: 0 5%;margin-bottom: 50px;}
.member_benefit .inner{padding: 8% 0;background-color: #fff;border: 2px solid #d9d9d9;}

.member_benefit .benefit_tit{font-size: 4.4vw;color: #000;text-align: center;padding-bottom: 10px;font-weight: bold;}
.member_benefit .info{display: flex;justify-content: center;}
.member_benefit .info .col{width: 33.33%;margin: 0 1.9%;align-items: center;}
.member_benefit .info .col .img_box{width: 100%;text-align: center;}
.member_benefit .info .col .img_box img{max-width: 100%;}
.member_benefit .info .col .txt_box{text-align: center;font-size: 3.9vw;line-height: 5.0vw;}
.member_benefit .info .col .txt_box span{font-size: 3.3vw;}
.mb_tit.pb_none{padding-bottom: 0; margin-bottom: 5px;}
.no_member_txt{font-size: 15px; margin-bottom: 15px; text-align: center;}

.member_benefit.no_member{width: 100%; padding: 0 5%;margin-top: 20px;}
.member_benefit.no_member .inner{padding: 6% 0;border: 1px solid #d9d9d9;}

.member_benefit.no_member .inner .btn_area{padding: 0 5%;}
.member_benefit.no_member .inner .btn_join{display: block;width: 100%;}
.member_benefit.no_member .benefit_tit{font-size: 3.4vw;}
.member_benefit.no_member .info{display: flex;justify-content: center;margin-bottom: 15px;}
.member_benefit.no_member .info .col{width: 33.33%;margin: 0 3.9%;align-items: center;}
.member_benefit.no_member .info .col .img_box{width: 100%;text-align: center;}
.member_benefit.no_member .info .col .img_box img{width: 100%;}
.member_benefit.no_member .info .col .txt_box{text-align: center;font-size: 4vw;line-height: 5.0vw;}
.member_benefit.no_member .info .col .txt_box span{font-size: 3.3vw;}

.login-form-wrap{padding:20px 15px;background:#fff;}
.login-form-wrap .mb-form-box{}
.login-form-wrap .mb-form-box .inp-id input{width:100%;height:50px;border-radius: 10px;border:0;background:#f5f5f5;padding:15px;font-size:14px;letter-spacing: -0.28px;color:#282828;font-weight: 500;}
.login-form-wrap .mb-form-box .inp-id input::placeholder {color:#c1c1c1;}
.login-form-wrap .mb-form-box .inp-id input::-webkit-input-placeholder {color:#c1c1c1;}
.login-form-wrap .mb-form-box .inp-id input:-ms-input-placeholder {color:#c1c1c1;}

.login-form-wrap .mb-form-box .inp-pw{margin-top:10px;}
.login-form-wrap .mb-form-box .inp-pw input{width:100%;height:50px;border-radius: 10px;border:0;background:#f5f5f5;padding:15px;font-size:14px;letter-spacing: -0.28px;color:#282828;font-weight: 500;}
.login-form-wrap .mb-form-box .inp-pw input::placeholder {color:#c1c1c1;}
.login-form-wrap .mb-form-box .inp-pw input::-webkit-input-placeholder {color:#c1c1c1;}
.login-form-wrap .mb-form-box .inp-pw input:-ms-input-placeholder {color:#c1c1c1;}

.login-form-wrap .mb-submit{margin-top:10px;width:100%;background:#282828;height:50px;border-radius: 10px;border:0;}
.login-form-wrap .mb-submit span{color:#fff;font-size:16px;font-weight: 500;letter-spacing: -0.32px;}
.login-form-wrap .save-info-box{display:flex;justify-content: space-between;font-size:12px;color:#282828;font-weight: 500;margin-top:10px;}

.login-form-wrap .save-info-box .save-box{height:20px;}
.login-form-wrap .save-info-box .save-box>span{display:inline-block;height:20px;}
.login-form-wrap .save-info-box .save-box input[type="checkbox"]{position: absolute;left: 0;top: 0;border: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: none;cursor: pointer;}
.login-form-wrap .save-info-box .save-box input[type="checkbox"]+label{background-image: url('/static/m/renew/images/common/ico_checkbox_off.png');background-repeat: no-repeat;background-size: 20px 20px;display:inline-block;height:20px;padding-left:25px;color:#282828;}
.login-form-wrap .save-info-box .save-box input[type="checkbox"]:checked+label{background-image: url('/static/m/renew/images/common/ico_checkbox_on.png');}
.login-form-wrap .save-info-box .info-box ul{display:flex}
.login-form-wrap .save-info-box .info-box ul li{position:relative;padding-left:22px;}
.login-form-wrap .save-info-box .info-box ul li::before {content: '';position: absolute;top: 4px;left: 11px;width: 1px;height: 12px;background-color: #282828;}
.login-form-wrap .save-info-box .info-box ul li:first-child::before{content: none;}
.login-form-wrap .save-info-box .info-box ul li a{color:#282828}

/* 회원가입 */
.login-form-wrap .join-box{position:relative}
.login-form-wrap .join-box .btn-join{margin-top:60px;width:100%;background:#f73838;height:50px;border-radius: 10px;border:0;}
.login-form-wrap .join-box .btn-join span{color:#fff;font-size:16px;font-weight: 500;letter-spacing: -0.32px;}
.login-form-wrap .join-box .pop-info{font-size:11px;color:#282828;letter-spacing: -0.22px;font-weight: 500;background:#fff2f2;padding:6px 11px;border-radius: 6px;position:absolute;top:20px;width:290px;left:50%;transform:translate(-50%, 0);text-align: center;}
.login-form-wrap .join-box .pop-info::after{content: '';position: absolute;left: 50%;transform:translate(-50%, 0);top: 26px;width: 0;height: 0;border-bottom: 12px solid transparent;border-top: 12px solid #fff2f2;border-left: 6px solid transparent;border-right: 6px solid transparent;}
.login-form-wrap .join-box .pop-info>em{color:#f73838;font-weight: 700;}


.login-form-wrap .div-line-snslogin{position:relative;box-sizing:border-box;padding:40px 0 24px;text-align:center;height:0}
.login-form-wrap .div-line-snslogin::before {position: absolute;top: 39px;right: 0;left: 0;height: 1px;background: #ebebeb;content: '';}
.login-form-wrap .div-line-snslogin>span{display: inline-block;position: relative;padding: 0 10px;background: #fff;font-size: 12px;font-weight: 500;letter-spacing: -.24px;color: #8e8e8e;transform: translateY(-50%);vertical-align: top;}


/* SNS로그인 박스 */
.sns-login-box{padding-bottom:70px}
.sns-login-box ul{display:flex;justify-content: center;}
.sns-login-box .btn-snslogin{margin:0 15px;position:relative}
.sns-login-box .btn-snslogin button:not(.signin-button)::before{content: "";display:inline-block;margin: 0 auto;width: 48px;height: 48px;background-size: 48px 48px;background-repeat: no-repeat;}
.sns-login-box .btn-snslogin.kakao button::before{background-image: url('/static/m/renew/images/common/ico_snslogin_kakao.png');}
.sns-login-box .btn-snslogin.naver button::before{background-image: url('/static/m/renew/images/common/ico_snslogin_naver.png');}
.sns-login-box .btn-snslogin.apple button::before{background-image: url('/static/m/renew/images/common/ico_snslogin_apple.png');}

.sns-login-box .btn-snslogin .login-msg{display:none}
.sns-login-box .btn-snslogin.last .login-msg{display:block}


.sns-login-box .btn-snslogin.last .login-msg{font-size:11px;color:#282828;letter-spacing: -0.22px;font-weight: 500;background:#ebebeb;padding:6px 11px;border-radius: 6px;position:absolute;top:58px;width:160px;left:50%;transform:translate(-50%, 0);text-align: center;}
.sns-login-box .btn-snslogin.last .login-msg::after{content: '';position: absolute;left: 50%;transform:translate(-50%, 0);top: -20px;width: 0;height: 0;border-bottom: 12px solid #ebebeb;border-top: 12px solid transparent;border-left: 6px solid transparent;border-right: 6px solid transparent;}

/* 라운지로그인 / 씽크빅 통합 로그인 */
.login-group-box{}
.login-group-box .login-button{margin-bottom:10px;}
.login-group-box .login-button.hide{display:none}
.login-group-box .login-button button{width:100%;background:#fff;height:50px;border-radius: 10px;border:1px solid #c1c1c1;}
.login-group-box .login-button button span{color:#282828;font-size:16px;font-weight: 500;letter-spacing: -0.32px;position:relative;display:flex;align-items: center;justify-content: center;}
.login-group-box .login-button button span::before{content: '';margin-right:10px;display:inline-block;background-repeat: no-repeat;}
.login-group-box .login-button.thinkbig{margin-bottom:20px;}
.login-group-box .login-button.lounge button span::before{width: 23px;height: 16px;background-size: 23px 16px;background-image: url("/static/m/renew/images/common/logo_wjthinkbig_lounge.png");}
.login-group-box .login-button.thinkbig button span::before{width: 50px;height: 29px;background-size: 50px 29px;background-image: url("/static/m/renew/images/common/logo_wjthinkbig.png");}

/* 비회원 구매/주문 조회 */
.non-member-order{text-align: center;text-decoration: underline;margin-bottom:80px;}
.non-member-order a{font-size:12px;color:#5b5b5b;letter-spacing: -0.24px;font-weight: 500;}
