.member .box{width:560px; margin:30px auto 0; background-image:url('https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/PC/common/bg.gif'); padding:5px;}
.member .box_find{width:560px; margin:30px auto 0;}
.member .box .inner{background-color:#FFF;}

.member .login_txt{text-align:center;}
.member .login_txt .sub_tit{font-size:14px; color:#000; line-height:24px;}
.member .login_txt .txt{display:block; font-size:14px; color:#747474; font-weight:300; line-height:20px;}
.member .login_txt .txt strong{color:#000}

.login .login_box{width:560px; box-sizing:border-box; margin:27px auto 0;}
.login .login_box .login_area{background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/PC/common/bg.gif); text-align:center; margin-bottom:15px; padding:5px;}
.login .login_box .login_area .inner{background-color:#FFF; padding:75px 54px;}
.login .login_box .login_area input[type=text]{margin-bottom:5px;}
.login .login_box .login_area input[type=text], .login .login_box .login_area input[type=password]{display:block; width:100%; height:50px; border:1px solid #d5d5d5; box-sizing:border-box; padding-left:15px;}

.login .login_box .login_area .id_save{position:relative; display:inline-block; font-size:0; margin-top:21px;}
.login .login_box .login_area .id_save label{display:inline-block; vertical-align:middle; font-size:13px; color:#111; line-height:20px; margin-left:9px; cursor:pointer;}
.login .login_box .login_area .id_save input[type=checkbox]{position:absolute; top:0; left:0; width:20px; height:20px; margin:0; opacity:0; cursor:pointer;}
.login .login_box .login_area .id_save input[type=checkbox]:checked + span.ico{background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/PC/member/save_chk.png); background-repeat:no-repeat; background-position:center center; background-size:100% 100%;}
.login .login_box .login_area .id_save span.ico{display:inline-block; vertical-align:middle; width:20px; height:20px; border:1px solid #888a8f; background-color:#FFF; box-sizing:border-box;}

.login .login_box .login_area .btn_login{display:block; width:100%; height:52px; font-size:14px; margin-top:20px; line-height:50px;}

.login .login_box .login_area .btn_wrap{font-size:0; padding:22px 0; border-bottom:1px solid #e1e1e1;}
.login .login_box .login_area .btn_wrap li{position:relative; display:inline-block; vertical-align:middle; width:33.33%;}
.login .login_box .login_area .btn_wrap li:before{content:''; position:absolute; left:0; top:50%; width:1px; height:13px; background-color:#dddddd; margin-top:-6.5px;}
.login .login_box .login_area .btn_wrap li:first-child:before{display:none;}
.login .login_box .login_area .btn_wrap li a{font-size:13px; color:#34353a; font-weight:300; line-height:1.2;}

.login .login_box .login_area span.login_txt{display:block; font-size:16px; color:#131313; line-height:1; margin-top:35px;}

.login .login_box .login_area .sns_wrap{overflow:hidden; width: 290px; margin: 30px auto 0;}
.login .login_box .login_area .sns_wrap li{float:left; background-color:#FFF; margin-left:10px;}
.login .login_box .login_area .sns_wrap li:first-child{margin-left:0;}
.login .login_box .login_area .sns_wrap li a{display:block; font-size:0; width:140px; height:46px; box-sizing:border-box; text-align:left;}
.login .login_box .login_area .sns_wrap li a img{display:block; width:100%;}

.login .login_box .join_area{font-size:0; text-align:center; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/PC/common/bg.gif); padding:5px;}
.login .login_box .join_area .inner{background-color:#FFF; padding:34px 0;}
.login .login_box .join_area .txt_wrap{display:inline-block; vertical-align:middle; text-align:right; margin-right:25px;}
.login .login_box .join_area .txt_wrap p{font-size:16px; color:#131313; font-weight:bold; line-height:1.6;}
.login .login_box .join_area .txt_wrap span{font-size:13px; color:#848484; font-weight:300; line-height:1.6; letter-spacing:-0.5px}
.login .login_box .join_area .btn_join{display:inline-block; vertical-align:middle; width:204px; height:46px; line-height:46px; font-size:15px; font-weight:bold;}

.mem_txt{text-align:center;height:76px; color:#000; margin:0 0 34px;}
.mem_txt p{font-size:24px; font-weight:bold;}
.mem_txt p:after {content:'';display:block;width:22px;height:2px;background-color:#3f3f3f;margin:14px auto 0;}
.mem_txt h2 {font-size:18px; font-weight:normal; padding-top:12px;}

.mem_gray_box{margin:30px 0; background-color:#f1f1f1; text-align:center; padding:30px 0;}
.mem_gray_box p{color:#646464; font-size:14px;}

.choice_tit{text-align:center; margin:0 0 34px;}


.mem_process {margin-bottom:45px; font-size:0; text-align:center;}
.mem_process li{display:inline-block; vertical-align:middle; width:273px; height:80px; margin-left:26px;}
.mem_process li:first-child{margin-left:0;}
.mem_process li a{position:relative; display:block; height:80px; background-repeat:no-repeat; background-position:0 -80px; padding-left:100px; box-sizing:border-box;}
.mem_process li a span{text-align:left; display:block;font-size:12px; line-height:17px; font-weight:300; color:#a8a8a8; padding-top:15px;}
.mem_process li a em{text-align:left; display:block;font-size:16px; line-height:17px; font-weight:300; color:#9ba0ac; margin-top:5px;}
.mem_process li a:before{content:''; position:absolute; bottom:0; left:30px; width:243px; height:1px; background-color:#cacaca;}

.mem_process li p{position:relative; display:block; height:80px; background-repeat:no-repeat; background-position:0 -80px; padding-left:100px; box-sizing:border-box;}
.mem_process li p span{text-align:left; display:block;font-size:12px; line-height:17px; font-weight:300; color:#a8a8a8; padding-top:15px;}
.mem_process li p em{text-align:left; display:block;font-size:16px; line-height:17px; font-weight:300; color:#9ba0ac; margin-top:5px;}
.mem_process li p:before{content:''; position:absolute; bottom:0; left:30px; width:243px; height:1px; background-color:#cacaca;}

.mem_process li.active{width:245px;}
.mem_process li.active a span{color:#4b4b4b}
.mem_process li.active a em{color:#000; font-weight:bold;}
.mem_process li.active a{background-position:0 0;}
.mem_process li.active p span{color:#4b4b4b}
.mem_process li.active p em{color:#000; font-weight:bold;}
.mem_process li.active p{background-position:0 0;}

.mem_process li.active a:before{width:215px; height:16px; background-color:transparent; box-sizing:border-box; background-repeat:no-repeat; background-position:right 1px;}
.mem_process li.ico01 a{background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/PC/sub/mem_pic_01.png);}
.mem_process li.ico01.active a:before{border-bottom:2px solid #f4b728; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/PC/sub/before01.png);}
.mem_process li.ico02 a{background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/PC/sub/mem_pic_02.png);}
.mem_process li.ico02.active a:before{border-bottom:2px solid #ff9585; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/PC/sub/before02.png);}
.mem_process li.ico03 a{background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/PC/sub/mem_pic_03.png);}
.mem_process li.ico03.active a:before{border-bottom:2px solid #664c93; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/PC/sub/before03.png);}
.mem_process li.ico04 a{background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/PC/sub/mem_pic_04.png);}
.mem_process li.ico04.active a:before{border-bottom:2px solid #42abe2; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/PC/sub/before04.png);}

.mem_process li.active p:before{width:215px; height:16px; background-color:transparent; box-sizing:border-box; background-repeat:no-repeat; background-position:right 1px;}
.mem_process li.ico01 p{background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/PC/sub/mem_pic_01.png);}
.mem_process li.ico01.active p:before{border-bottom:2px solid #f4b728; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/PC/sub/before01.png);}
.mem_process li.ico02 p{background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/PC/sub/mem_pic_02.png);}
.mem_process li.ico02.active p:before{border-bottom:2px solid #ff9585; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/PC/sub/before02.png);}
.mem_process li.ico03 p{background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/PC/sub/mem_pic_03.png);}
.mem_process li.ico03.active p:before{border-bottom:2px solid #664c93; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/PC/sub/before03.png);}
.mem_process li.ico04 p{background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/PC/sub/mem_pic_04.png);}
.mem_process li.ico04.active p:before{border-bottom:2px solid #42abe2; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/PC/sub/before04.png);}


.member_choice{margin: 0 auto; width: 900px;}
.member_choice:after{content:'';display:block; clear:both;}
.member_choice li{float:left; margin-right:30px; width:280px; box-sizing:border-box; }
.member_choice li:last-child{margin-right:0;}
.member_choice li a{display:block; height:233px; position:relative; font-size:0;}

.member .dormvvancy_login .box{height:461px; padding:57px 59px;}
.member .dormvvancy_login .box table{width:100%; border:1px solid #d5d5d5; box-sizing:border-box; background-color:#FFF; border-top:0px none;}
.member .dormvvancy_login .box table th{height:49px; border-top:1px solid #d5d5d5; font-size:12px; font-weight:300; color:#3c3c3c;}
.member .dormvvancy_login .box table td{height:49px; border-top:1px solid #d5d5d5; border-left:1px solid #d5d5d5; font-size:12px; color:#000000; text-align:center;}
.member .dormvvancy_login .box span.info{position:relative; display:block; font-size:13px; color:#727272; line-height:22px; font-weight:300; padding-left:26px; margin-top:20px;}
.member .dormvvancy_login .box span.info:before{content:''; position:absolute; top:9px; left:18px; width:2px; height:2px; border-radius:50%; background-color:#333;}
.member .dormvvancy_login .box .btn{display:block; width:136px; height:46px; font-size:14px; line-height:46px; margin:70px auto 0;}

.member .find .box{border:0; height:auto;}
.member .find .find_tab{font-size:0; width:100%;}
.member .find .find_tab li{display:inline-block; vertical-align:middle; width:50%; height:54px; line-height:52px; background-color:#FFF; font-size:14px; box-sizing:border-box; border:1px solid #d9d9d9; border-bottom:1px solid #5e7b71;}
.member .find .find_tab li a{color:#6a6a6a}
.member .find .find_tab li.on{border:1px solid #5e7b71; border-bottom:0px none;}
.member .find .find_tab li.on a{color:#000; font-weight:bold;}

.member .find .tab_content{text-align:center;}
.member .find .tab_content .btn{display:block; width:136px; height:46px; font-size:14px; line-height:44px;}

.member .find .tab_content .finish{padding:70px 59px; height:532px; box-sizing:border-box;}
.member .find .tab_content .finish p.logo{font-family:'NanumGothic'; font-size:30px; font-weight:800; color:#000; line-height:1;}
.member .find .tab_content .finish p.logo:after{content:''; display:block; width:16px; height:1px; background-color:#000; margin:25px auto;}
.member .find .tab_content .finish span{display:block;}
.member .find .tab_content .finish span.find_txt{font-size:13px; line-height:24px; color:#4b4b4b; font-weight:300;}
.member .find .tab_content .finish span.find_txt strong{color:#000000}
.member .find .tab_content .finish div.info{border-top:1px solid #dddddd; margin-top:60px; padding-top:30px; font-size:13px; color:#727272; font-weight:300;}
.member .find .tab_content .finish div.info span{position:relative; display:inline-block; padding-left:7px;}
.member .find .tab_content .finish div.info span:before{content:''; position:absolute; top:5px; left:0; width:2px; height:2px; background-color:#333; border-radius:50%;}
.member .find .tab_content .finish .btn{margin:85px auto 0;}

.member .find .tab_content.id .input_box{height:612px;}
.member .find .tab_content.pw .input_box{height:628px;}

.member .find .tab_content .input_box{padding:35px 50px; box-sizing:border-box; background-color:#FFF;}
.member .find .tab_content .input_box p.find_tit{font-size:16px; color:#000; line-height:1; font-weight:bold;}
.member .find .tab_content .input_box p.find_tit:after{content:''; display:block; width:16px; height:1px; background-color:#000; margin:13px auto;}
.member .find .tab_content .input_box > span.txt{font-size:14px; color:#4b4b4b; font-weight:400; letter-spacing:-1px}
.member .find .tab_content .input_box ul{margin-top:25px;}
.member .find .tab_content .input_box ul li{margin-bottom:15px; overflow:hidden;}
.member .find .tab_content .input_box ul li > span{float:left; width:72px; text-align:left; font-size:13px; color:#393a42; line-height:50px;}
.member .find .tab_content .input_box ul li div{float:right; font-size:0; text-align:left; width:380px;}
.member .find .tab_content .input_box ul li div input[type=text], .member .find .tab_content .input_box ul li div select{display:inline-block; vertical-align:middle; height:50px; border:1px solid #d5d5d5; box-sizing:border-box; padding:0; padding-left:10px; background-color:#FFF;}
.member .find .tab_content .input_box ul li div select{width:118px; background-position:85% center; padding-left:20px;}
.member .find .tab_content .input_box ul li.name input{width:370px;}
.member .find .tab_content .input_box ul li.num input{width:370px; background-color:#ebebeb;}
.member .find .tab_content .input_box ul li.phone input{width:116px; margin-left:10px;}

.member .find .tab_content .input_box ul li div .certification{display:inline-block; vertical-align:middle; font-size:12px; color:#3a3a3a; font-weight:400; opacity:0.4; line-height:38px;}
.member .find .tab_content .input_box ul li div .certification .time{font-weight:normal; color:#df001a;}
.member .find .tab_content .input_box ul li div .btn_red{display:inline-block; vertical-align:middle; width:102px; height:38px; text-align:center; font-size:12px; color:#ed0027; border:1px solid #ed0027; box-sizing:border-box; background-color:transparent; margin-left:25px;}

.member .find .tab_content .input_box span.info{position:relative; display:block; text-align:left; font-size:14px; color:#4b4b4b; font-weight:400; line-height:22px; padding-left:12px; letter-spacing:-0.9px; word-break:keep-all;}
.member .find .tab_content .input_box span.info:before{content:''; position:absolute; top:8px; left:3px; width:2px; height:2px; border-radius:50%; background-color:#333;}
.member .find .tab_content .input_box .btn{margin:35px auto 0;}

.member .find .tab_content .reset{height:573px; padding:40px 59px; box-sizing:border-box;}
.member .find .tab_content .reset p.find_tit{font-size:16px; color:#131313; line-height:1;}
.member .find .tab_content .reset p.find_tit:after{content:''; display:block; width:16px; height:1px; background-color:#000; margin:13px auto;}
.member .find .tab_content .reset > span.txt{font-size:13px; color:#747474; font-weight:300;}
.member .find .tab_content .reset input{display:block; width:100%; height:50px; border:1px solid #d5d5d5; box-sizing:border-box; padding:0; padding-left:25px; background-color:#FFF; margin-top:12px;}
.member .find .tab_content .reset ul{margin-top:30px;}
.member .find .tab_content .reset ul li{position:relative; font-size:14px; color:#4b4b4b; font-weight:300; text-align:left; line-height:22px; padding-left:12px;}
.member .find .tab_content .reset ul li:before{content:''; position:absolute; top:8px; left:5px; width:2px; height:2px; border-radius:50%; background-color:#333;}
.member .find .tab_content .reset ul li strong{color:#000;}
.member .find .tab_content .reset .btn{margin:65px auto 0; background-color:#3b3f4a}

.member .change_password .box .inner{padding:75px 59px 50px;}
.member .change_password .box input[type=password]{display:block; width:100%; height:50px; border:1px solid #d5d5d5; box-sizing:border-box; padding:0; padding-left:25px; background-color:#FFF; margin-top:12px;}
.member .change_password .box .input_box span{display:none; text-align:left; color:#f00; font-size:12px; font-weight:300; margin-top:5px;}
.member .change_password .box .input_box.error_on span{display:block;}
.member .change_password .box .input_box.error_on input{border:1px solid #f00}
.member .change_password .box ul{margin-top:25px;}
.member .change_password .box ul li{position:relative; font-size:14px; color:#4b4b4b; font-weight:300; text-align:left; line-height:22px; padding-left:12px; letter-spacing:-0.5px;}
.member .change_password .box ul li:before{content:''; position:absolute; top:8px; left:5px; width:2px; height:2px; border-radius:50%; background-color:#333;}
.member .change_password .box ul li strong{color:#000;}
.member .change_password .box .btn_wrap{margin-top:40px;}
.member .change_password .box .btn_wrap input[type=button]{width:136px; height:46px;}

.member .non_member{font-size:0; text-align:center; margin-top:57px;}
.member .non_member .box{display:inline-block; vertical-align:middle; width:560px; height:auto; margin:0;}
.member .non_member .box .inner{padding:40px 54px;height: 360px;}
.member .non_member .box:first-child{margin-right:15px;}
.member .non_member .box .m_tit{font-size:16px; color:#131313; line-height:1.2; margin-bottom:30px; font-weight:bold;}
.member .non_member .box input{display:block; width:100%; height:50px; border:1px solid #d5d5d5; box-sizing:border-box; padding-left:15px; margin-bottom:5px;}
.member .non_member .box ul.info{padding:30px 0;}
.member .non_member .box ul.info li{font-size:14px; color:#4b4b4b; font-weight:300; line-height:22px;}

.member .non_member .box .btn{display:block; width:100%; height:52px; font-size:14px;}
.member .non_member .box .agree_box{height:192px; overflow-y:auto; border:1px solid #d5d5d5; padding:20px; box-sizing:border-box; font-size:12px; color:#777; line-height:22px; background-color:#FFF; text-align:left;}
.member .non_member .box ul.agree_chk{font-size:0; text-align:center; margin:18px 0 26px;}
.member .non_member .box ul.agree_chk li{position:relative;display: block;vertical-align:middle;width: 100%;margin: 50px 0 59px;text-align: left;}
.member .non_member .box ul.agree_chk li:first-child{margin-right:45px;}
.member .non_member .box ul.agree_chk li label{display:inline-block;vertical-align:middle;font-size: 19px;color:#3b3c42;line-height:18px;font-weight: 400;margin-left:9px;cursor:pointer;}
.member .non_member .box ul.agree_chk li input[type=checkbox]{position:absolute; top:0; left:0; width:18px; height:18px; margin:0; opacity:0; cursor:pointer;}
.member .non_member .box ul.agree_chk li input[type=checkbox]:checked + span.ico{background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/PC/member/save_chk.png); background-repeat:no-repeat; background-position:center center; background-size:100% 100%;}
.member .non_member .box ul.agree_chk li span.ico{display:inline-block; vertical-align:middle; width:18px; height:18px; border:1px solid #888a8f; background-color:#FFF; box-sizing:border-box;}
.member .non_member .box ul.agree_chk li a{position: absolute;right: 0;top: 0;font-size: 12px;}

.member .non_member .join_area{font-size:0; width:1143px; margin:16px auto 0; text-align:center; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/PC/common/bg.gif); padding:5px;}
.member .non_member .join_area .inner{background-color:#FFF; padding:35px 0;}
.member .non_member .join_area .txt_wrap{display:inline-block; vertical-align:middle; text-align:right; margin-right:25px;}
.member .non_member .join_area .txt_wrap p{font-size:16px; color:#131313; font-weight:bold; line-height:1.6;}
.member .non_member .join_area .txt_wrap span{font-size:13px; color:#848484; font-weight:300; line-height:1.6; letter-spacing:-0.5px}
.member .non_member .join_area .btn_join{display:inline-block; vertical-align:middle; width:204px; height:46px; line-height:46px; font-size:15px; font-weight:bold;}

.agree .agree_box{}
.agree .agree_box li{position:relative;}
.agree .agree_box li label{display:inline-block; vertical-align:middle; font-size:13px; color:#484848; line-height:16px; margin-left:9px; cursor:pointer; font-weight:bold;}
.agree .agree_box li label strong{color:#f70023; font-weight:bold;}
.agree .agree_box li label span{color:#f70023; font-weight:bold;}
.agree .agree_box li input[type=checkbox]{position:absolute; top:50%; left:0; width:16px; height:16px; margin:0; opacity:0; cursor:pointer; margin-top:-8px;}
.agree .agree_box li input[type=checkbox]:checked + span.ico{background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/PC/member/save_chk.png); background-repeat:no-repeat; background-position:center center; background-size:100% 100%;}
.agree .agree_box li span.ico{display:inline-block; vertical-align:middle; width:16px; height:16px; border:1px solid #959595; background-color:#f7f7f7; box-sizing:border-box;}
.agree .agree_box li .agree_title{position:relative; height:63px; border-top:1px solid #000; border-bottom:1px solid #d6d6d6; background-color:#f7f7f7; padding-left:23px; box-sizing:border-box;}
.agree .agree_box li .agree_title .txt_wrap{position:relative; display:inline-block; vertical-align:middle; line-height:63px;}
.agree .agree_box li .agree_title span.agree_arrow{position:absolute; top:0; right:0; width:61px; height:61px; background-image:url('https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/PC/common/agree_down.png'); background-repeat:no-repeat; background-position:center center; background-size:100% 100%;}
.agree .agree_box li .agree_title span.agree_arrow.on{background-image:url('https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/PC/common/agree_up.png');}

.agree .agree_box li .agree_txt{height:220px; padding:23px 20px; overflow:hidden; box-sizing:border-box; font-size:12px; color:#7d7d7d; font-weight:300; line-height:20px;  border-bottom:1px solid #b8b8b8;}
.agree .agree_box li .agree_txt .txt_wrapper{height:174px;overflow-y:auto;}

.agree .agree_box li.agree_etc{position:relative; margin-left:23px; font-size:13px; color:#010101; font-weight:300; line-height:22px;}

.agree > .btn_wrap{text-align:center; font-size:0; margin-top:80px;}
.agree > .btn_wrap input[type=button]{width:142px; height:42px; line-height:40px;}
.agree > .btn_wrap input[type=button]:first-child{margin-right:7px;}

.join{text-align:center;}
.join .join_tit{font-size:18px; color:#000000; font-weight:bold; line-height:30px;}
.join .sub_tit{font-size:13px; color:#454545; font-weight:300; display:block;}
.join .sub_tit:after{content:''; display:block; width:22px; height:1px; background-color:#3f3f3f; margin:20px auto;}

.join .table_box{position:relative;}
.join .table_box .table_tit strong{display:inline-block; vertical-align:middle; font-size:16px; color:#000000;}
.join .table_box .table_tit span{position:relative; display:inline-block; vertical-align:middle; font-size:13px; color:#3b3f4a; font-weight:300; padding-left:13px; margin-left:13px;}
.join .table_box .table_tit span:before{content:''; position:absolute; top:50%; left:0; margin-top:-7px; width:1px; height:14px; background-color:#e7e7e7;}
.join .table_box .table_tit span em{font-weight:bold;}
.join .table_box .table_tit span .naver{color:#57b04b;}
.join .table_box .table_tit span .kakao{color:#ffea00;}
.join .table_box .table_tit span .fb{color:#3a5a98;}

.join .table_box{margin-top:30px; text-align:left;}
.join .table_box table{width:100%; border-top:1px solid #5e7b71; border-bottom:1px solid #b8b8b8; margin-top:10px;}
.join .table_box table th{font-size:14px; color:#000; background-color:#f4f4f4; border-top:1px solid #e6e6e6; text-align:center;}
.join .table_box table tr:first-child th, .join .table_box table tr:first-child td{border-top:0}
.join .table_box table td{padding:11px 24px; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; line-height:19px; font-size:14px; color:#111111; font-weight:300;}
.join .table_box table td input[type=text], .join .table_box table td input[type=number], .join .table_box table td input[type=password]
{width:216px; height:37px; border:1px solid #dbdbdb; box-sizing:border-box; display:inline-block; vertical-align:middle;}
.join .table_box table tr.error_on input[type=text], .table_box table tr.error_on td input[type=number], .join .table_box table tr.error_on td input[type=password]
{border:1px solid #f00; display:inline-block; vertical-align:middle;}
.join .table_box table tr td .error_msg{display:none;}
.join .table_box table tr.error_on .error_msg{display:block; font-size:13px; color:#f00; margin-top:10px; line-height:1;}
.join .table_box table td select{width:176px; height:37px; border:1px solid #dbdbdb; box-sizing:border-box; padding-left:15px; margin-left:3px; background-position:85% center; background-size:10px auto;}
.join .table_box table td span{display:inline-block; vertical-align:middle; font-size:14px; color:#4b4b4b; font-weight:300; margin:0 10px;}
.join .table_box table td span.txt{margin-right:10px;}
.join .table_box table td .btn{width:91px; height:37px; margin-left:3px; margin-right:13px; line-height:35px;}
.join .table_box table td input[type=radio]{display:inline-block; vertical-align:middle; margin:0; margin-right:5px;}
.join .table_box table td label{display:inline-block; vertical-align:middle; font-size:13px; color:#000; font-weight:300; cursor:pointer;}
.join .table_box span.info{position:absolute; top:3px; right:0; font-size:14px; color:#4b4b4b;}
.join .table_box table td .agree{font-size:13px; color:#111111; font-weight:300; margin-left:20px;}
.join .table_box table td .agree .no{color:#616161; font-weight:300;}
.join .table_box table td .agree .ok{color:#000000; font-weight:normal;}
.join .table_box .btn_add{margin:16px 0;}
.join .table_box .btn_add .btn{width:91px; height:37px; line-height:35px;}
.join .btn_wrap{text-align:center; margin-top:67px; font-size:0;}
.join .btn_wrap a{width:144px; height:42px; font-size:13px; line-height:42px;}
.join .btn_wrap a:first-child{margin-right:7px; color:#3b3f4a}

.join .join_agree{padding:40px 0; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
.join .join_agree ul{position:relative; text-align:left; font-size:0;}
.join .join_agree ul li{padding-left:455px;}
.join .join_agree ul li:first-child{margin-bottom:10px;}
.join .join_agree ul li p{position:relative; display:inline-block;}
.join .join_agree ul li p label{display:inline-block; vertical-align:middle; font-size:13px; color:#010101; font-weight:300; line-height:16px; margin-left:10px;}
.join .join_agree ul li p input[type=checkbox]{position:absolute; top:50%; left:0; width:16px; height:16px; margin:0; opacity:0; cursor:pointer; margin-top:-8px;}
.join .join_agree ul li p input[type=checkbox]:checked + span.ico{background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/PC/member/save_chk.png); background-repeat:no-repeat; background-position:center center; background-size:100% 100%;}
.join .join_agree ul li p span.ico{display:inline-block; vertical-align:middle; width:16px; height:16px; border:1px solid #959595; background-color:#f5f5f5; box-sizing:border-box;}
.join > p.info{font-size:13px; color:#787878; font-weight:300; line-height:22px; margin-top:30px;}
.join > .btn{display:block; width:165px; height:42px; margin:40px auto 0; line-height:40px;}

.w_96{width:96px !important;}

.box_area{position:relative; font-size:0; text-align:center; margin-top:50px;}
.box_area > div{position:relative; display:inline-block; vertical-align:middle; width:179px; height:243px; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/PC/common/bg.gif); box-sizing:border-box; margin-left:12px; padding:5px;}
.box_area > div .inner{width:100%; height:100%; background-color:#FFF; padding-top:75px; box-sizing:border-box;}
.box_area > div p.txt{font-size:16px; color:#224373; font-weight:bold; line-height:23px;}
.box_area > div span{display:block; font-size:14px; color:#4b4b4b; font-weight:bold;}
.box_area > div span:after{content:''; display:block; width:18px; height:1px; background-color:#000; margin:16px auto;}
.box_area > div:first-child{margin-left:0;}
.box_area span.info{display:block; font-size:13px; color:#4b4b4b; font-weight:300; line-height:22px; margin-top:30px;}
.box_area > .btn{display:block; width:165px; height:42px; margin:40px auto 0; font-size:14px; color:#fff; line-height:40px;}


.sub_content > .txt_info{font-size:16px; text-align:center; margin-top:30px;}


/* ��ȸ�� ���� ���� ȭ�� ���� -20190521 */
.agreeTip table {margin: 0 auto;}
.sub_content.agree{padding-left:0!important}
.sub_content.agree .box {width: 100%;margin: 0 auto;background: none;}

/* @note 2021-07-13 회원가입 혜택 추가  WCD-210712-03 */
.member_benefit{background-image: url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/PC/common/bg.gif);text-align: center;margin-bottom: 15px;margin-top:50px;padding: 5px}
.member_benefit .inner{background-color: #fff; padding: 35px 0 25px;}

.benefit_tit{font-size: 24px;color: #000;text-align: center;padding-bottom: 10px;font-weight: bold;}
.member_benefit .info{display: flex;justify-content: center;}
.member_benefit .info .col{display: flex;width: 250px;margin: 0 15px;align-items: center;}
.member_benefit .info .col .img_box{width: 100px;margin-right: 15px;}
.member_benefit .info .col .img_box img{max-width: 100%;}
.member_benefit .info .col .txt_box{text-align: left;font-size: 16px;line-height: 22px;}

.non_member .member_benefit{width: 1145px;margin: 30px auto 0;}
.non_member .member_benefit .btn_join{display: inline-block;vertical-align: middle;width: 204px;height: 46px;margin:10px 0 15px;line-height: 46px;font-size: 15px;}