/* common */ /*#container .member_wrap{ margin:25px auto 70px auto; overflow:hidden; border:1px solid #E5E5E5; padding:40px 60px 60px 60px; width:980px;}*/ #container .member_wrap{ margin:25px auto 70px auto; overflow:hidden; border:1px solid #E5E5E5; padding:40px 60px 60px 60px; width:1102px;} #container .member_wrap h3{ padding:5px 0px 20px; color: #424242; font-size: 30px; font-weight: 600; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 2px; border-bottom-style: dotted; margin-bottom:20px;} #container .member_wrap .member_title{ margin:10px 0 30px 0; clear:both; } #container .member_wrap .member_title .txt{ padding:10px 0 0 0; line-height:17px; font-size:13px; line-height:18px} #container .member_wrap .member_title .big {display:inline-block; font-size:15px; font-weight:600; color:#333; padding-bottom:5px;} #container .member_wrap .gray_bg { padding:30px 50px 30px 50px !important; border:1px solid #e5e5e5; background:#fcfcfc; width:95%; margin-left:-30px;} /* login, find input */ #container .member_wrap .input_wrap{} #container .member_wrap .input_wrap li{ margin-bottom:5px} /*#container .member_wrap .input_wrap input{ height: 20px; border:1px solid #cfcfd1; padding: 4px 0px 3px 5px; width: 275px; color: rgb(136, 136, 136); font-size: 13px;}*/ #container .member_wrap .input_wrap input{ height: 30px; border:1px solid #cfcfd1; padding: 4px 0px 3px 5px; width:333px; color: rgb(136, 136, 136); font-size: 13px;} #container .member_wrap .input_wrap input::placeholder {color:#ccc;} #container .member_wrap .input_wrap input::-webkit-input-placeholder {color:#ccc;} #container .member_wrap .input_wrap input:-ms-input-placeholder {color:#ccc;} #container .member_wrap .input_wrap input:focus{ border:1px solid #777777} #container .member_wrap .input_wrap .id_bg { background:#FFFFFF url(../image/member/id_bg.gif) left -1px no-repeat} #container .member_wrap .input_wrap .pw_bg { background:#FFFFFF url(../image/member/pw_bg.gif) left -1px no-repeat;} #container .member_wrap .input_wrap .name_bg { background:#FFFFFF url(../image/member/name_bg.gif) left -1px no-repeat;} #container .member_wrap .input_wrap .email_bg { background:#FFFFFF url(../image/member/email_bg.gif) left -1px no-repeat;} #container .member_wrap .input_wrap .res_no_bg { background:#FFFFFF url(../image/member/res_no_bg.gif) left -1px no-repeat;} #container .member_wrap .input_wrap .hp_bg { background:#FFFFFF url(../image/member/phone_bg.gif) left -1px no-repeat;} /* m_process_wrap*/ #container .member_wrap .step_tit { font-size: 24px; font-weight: bold; color:#424242; padding-bottom:10px;} #container .member_wrap .m_process_wrap {overflow:hidden; } #container .member_wrap .m_process_wrap .process_step {overflow:hidden; margin-bottom:30px;} #container .member_wrap .m_process_wrap li {float:left; margin-right:15px; position:relative; width:32%; height:90px;} #container .member_wrap .m_process_wrap li div{margin-right:10px;background:#f1f1f1; border:1px solid #e2e2e2; width:100%; height:75px; border-radius:10px; } #container .member_wrap .m_process_wrap li strong {display:block;font-weight:600; font-size:24px; color:#676767; padding:0px 0 0 40%;} #container .member_wrap .m_process_wrap li span {display:block; font-weight:600; font-size:12px; color:#9d9d9d; font-family:Verdana; padding:13px 0 0 40%;} #container .member_wrap .m_process_wrap li.last {margin-right:0;} #container .member_wrap .m_process_wrap li.on {background: url(../image/member/process_on.png) center bottom no-repeat;} #container .member_wrap .m_process_wrap li.on div{background:#d53738; border:1px solid #d53738; } #container .member_wrap .m_process_wrap li.on strong {color:#fff; } #container .member_wrap .m_process_wrap li.on span{color:#fff; } #container .member_wrap .m_process_wrap li .step01 {background:#f1f1f1 url(../image/member/process_s1_off.png) 20% 48% no-repeat;} #container .member_wrap .m_process_wrap li .step02 {background:#f1f1f1 url(../image/member/process_s2_off.png) 20% 48% no-repeat;} #container .member_wrap .m_process_wrap li .step03 {background:#f1f1f1 url(../image/member/process_s3_off.png) 17% 48% no-repeat; } #container .member_wrap .m_process_wrap li.on .step01 {background:#d53738 url(../image/member/process_s1_on.png) 20% 48% no-repeat;} #container .member_wrap .m_process_wrap li.on .step02 {background:#d53738 url(../image/member/process_s2_on.png) 20% 48% no-repeat;} #container .member_wrap .m_process_wrap li.on .step03 {background:#d53738 url(../image/member/process_s3_on.png) 17% 48% no-repeat;} /* login */ #container .member_wrap .member_input{ border: 1px solid #e5e5e5; overflow:hidden; position: relative;box-shadow: 5px 5px 11px #ccc;margin-bottom:20px} /*#container .member_wrap .con_box.lo_left { width:388px; border-right:1px dotted #ddd; padding: 50px; position: relative; }*/ /*#container .member_wrap .con_box.lo_right { width:389px; position:relative; padding:50px;}*/ #container .member_wrap .con_box.lo_left { width:449px; border-right:1px dotted #ddd; padding: 50px; position: relative; } #container .member_wrap .con_box.lo_right { width:449px; position:relative; padding:50px;} #container .member_wrap .con_box .btn_login {background-color: #FA7B24; right: 50px; margin: 0 0 0 10px; position: absolute; text-align: center; top:50px; width: 90px; color:#FFFFFF; font-size:14px; cursor:pointer; border-radius:8px;} #container .member_wrap .con_box .btn_login a{ color:#FFFFFF; padding:32px 0 30px 0; display:block;border-radius: 8px;} #container .member_wrap .con_box.lo_right .btn_login {background:#a0a8b3;} #container .member_wrap .con_box h4 {position:absolute; top:-30px; left:50px; } #container .member_wrap .con_box .sns_login{border-top:1px dashed #ddd; padding-top:20px; margin-top:20px; overflow:hidden; text-align:center} #container .member_wrap .con_box .sns_login .btn_login{width:auto; right:0; top:0; position:relative; display:inline-block; margin:0; margin-bottom:5px;} #container .member_wrap .con_box .sns_login .btn_login:last-child{margin-bottom:0} #container .member_wrap .con_box .sns_login .btn_login a{padding:0; display:block; width:447px; height:46px; line-height:46px; font-size:14px; font-weight:500; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;} #container .member_wrap .con_box .btn_login.facebook a{ border:1px solid #0866ff; background-color: #0866ff; color:#fff;border-radius: 8px;} #container .member_wrap .con_box .btn_login.facebook a i{border-right:1px solid #365dac;} #container .member_wrap .con_box .btn_login.google a{ border:1px solid #000000; background-color: #ffffff; color:#000000;border-radius: 8px;} #container .member_wrap .con_box .btn_login.google a i{border-right:1px solid #ee3021;} #container .member_wrap .con_box .btn_login.kakao a{border:1px solid #eae106; background-color: #f5ec09; color:#381a1c;border-radius: 8px;} #container .member_wrap .con_box .btn_login.kakao a i{border-right:1px solid #eae106;} #container .member_wrap .con_box .btn_login.naver a{border:1px solid #1eaa10; background-color: #1EC800; color:#fff;border-radius: 8px;} #container .member_wrap .con_box .btn_login.naver a i{border-right:1px solid #1eaa10;} #container .member_wrap .con_box .btn_login.wechat a{border:1px solid #0da33b; background-color: #14b24b; color:#fff;border-radius: 8px;} #container .member_wrap .con_box .btn_login.wechat a i{border-right:1px solid #0da33b;} #container .member_wrap .con_box .btn_login a i{height:46px; line-height:46px; width:50px; position:absolute; left:0px; } #container .member_wrap .con_box .btn_login a span{display:block; margin-left:18px} #container .member_wrap .member_banner{ clear:both; border:1px solid #dbdbdb; overflow:hidden;box-shadow:5px 5px 11px #ccc} #container .member_wrap .member_banner li { float: left; padding:0px 0 0 0px;background: url(../image/member/login_bg.gif) repeat-x 0 0; width:49.9%} /*#container .member_wrap .member_banner li a { display:block; height:68px; padding:20px 0 0 100px; text-decoration:none;}*/ #container .member_wrap .member_banner li a { display:block; height:68px; padding:13px 0 0 100px; text-decoration:none;} #container .member_wrap .member_banner li a span{font-size:13px} #login_frm label{font-size:13px} #container .member_banner .ban_join {border-right:1px solid #e5e5e5; } /*#container .member_banner .ban_join a{ background: url(../image/member/btn_join.png) no-repeat 115px 21px ;}*/ /*#container .member_banner .ban_find a{background: url(../image/member/btn_find.png) no-repeat 115px 21px ;}*/ #container .member_banner .ban_join a{background: url(../image/member/btn_join.png) no-repeat 115px 13px ;} #container .member_banner .ban_find a{background: url(../image/member/btn_find.png) no-repeat 115px 13px ;} #container .member_banner .ban_join a:hover { background: url(../image/member/btn_join_on.png) no-repeat 115px 21px;} #container .member_banner .ban_find a:hover {background: url(../image/member/btn_find_on.png) no-repeat 115px 21px;} #container .member_banner strong { font-size:15px; font-weight:600; padding:2px 0 0px 80px; display:block;} #container .member_banner span { padding-left:80px;} #container .member_wrap .login_box{ border:1px solid #e5e5e5; background-color:#fcfcfc; padding:40px 10px 50px 90px; margin:0 auto; width:696px; position:relative} #container .member_wrap .login_box h3{ padding-bottom:5px; font-size:14px; font-weight:600; color:#333333 ; border:none;} #container .member_wrap .login_box .login_input{} #container .member_wrap .login_box .login_input input{ border:1px solid #dddddd; width:300px; height:23px; margin-bottom:6px; padding:5px 0 0 5px; vertical-align:middle} #container .member_wrap .login_box .login_input .id_bg { background:#FFFFFF url(../image/member/id_bg.gif) left 0 no-repeat} #container .member_wrap .login_box .login_input .name_bg { background:#FFFFFF url(../image/member/name_bg.gif) left 0 no-repeat} #container .member_wrap .login_box .login_input .fname_bg { background:#FFFFFF url(../image/member/fname_bg.gif) left 0 no-repeat;} #container .member_wrap .login_box .login_input .email_bg { background:#FFFFFF url(../image/member/email_bg.gif) left 0 no-repeat;} #container .member_wrap .login_box .login_input .pw_bg { background:#FFFFFF url(../image/member/pw_bg.gif) left 0 no-repeat;} #container .member_wrap .login_box .login_input .repw_bg { background:#FFFFFF url(../image/member/repw_bg.gif) left 0 no-repeat;} #container .member_wrap .login_box .login_input .tel_bg { background:#FFFFFF url(../image/member/tel_bg.gif) left 0 no-repeat;} #container .member_wrap .login_box .login_input .mobile_bg { background:#FFFFFF url(../image/member/mobile_bg.gif) left 0 no-repeat;} #container .member_wrap .login_box .login_input .birth_bg { background:#FFFFFF url(../image/member/birth_bg.gif) left 0 no-repeat} #container .member_wrap .login_box .login_input .enm1_bg { background:#FFFFFF url(../image/member/enm1_bg.gif) left 0 no-repeat} #container .member_wrap .login_box .login_input .enm2_bg { background:#FFFFFF url(../image/member/enm2_bg.gif) left 0 no-repeat} #container .member_wrap .login_box .login_input select{ width:281px; border:1px solid #dddddd; padding:3px 2px 3px 15px; height:30px; color:#929292; font-size:14px; vertical-align:top} #container .member_wrap .login_box .btn_login01{ position:absolute; top:50px; left:415px;} #container .member_wrap .login_box .btn_login02{ position:absolute; top:50px; left:615px;} #container .member_wrap .login_box .input_txt{ padding:10px 0 0 15px; clear:both } #container .member_wrap .login_box .input_txt a{ text-decoration:underline; color:#01a9a1} #container .member_wrap .login_box .input_txt input{ vertical-align:middle} #container .member_wrap .login_box .input_txt label{ position:relative; top:2px; color:#5c5c5c; font-size:13px;} #container .member_wrap .login_box .pw_check{ text-decoration:underline; color:#5c5c5c; font-size:13px; padding:20px 0 0 18px} *:first-child+html #container .member_wrap .login_box .pw_check{ padding:20px 0 0 25px;} #container .member_wrap .login_box .bg_dot{ background:url(../image/member/bg_dot.gif) left top repeat-x; margin-top:30px; padding-top:30px; width:387px} #container .member_wrap .login_box .rule{ } #container .member_wrap .login_box .rule .person { background:#ffffff; color:#929292; border:1px solid #DDDDDD ; min-height:100px; padding:15px; overflow-x:hidden; overflow-y:scroll; width:590px; height:100px;} #container .member_wrap .login_box .rule .userule { background:#ffffff; color:#929292; border:1px solid #CFCFD1; min-height:100px; padding:15px; overflow-x:hidden;overflow-y:scroll; width:590px;height:100px;} #container .member_wrap .login_box .rule .agree{ overflow:hidden; padding-top:20px;} #container .member_wrap .login_box .rule .agree li{ float:left; padding-left:15px} #container .member_wrap .login_box .rule .agree input{ vertical-align:middle; margin-right:3px} #container .member_wrap .login_box .rule .agree label{ position:relative; top:2px; font-size:13px; color:#5C5C5C} #container .member_wrap .btn_join{ text-align:center; margin-top:30px} #container .member_wrap .btn_join_ok a{ padding:15px 0; display:block; font-size:16px; font-weight:600; color:#FFFFFF; background-color:#dc2929; width:120px; text-align:center; margin:0 auto} #container .member_wrap .join_ok{ border:1px solid #e5e5e5; background-color:#fcfcfc; padding:50px 80px; margin:0 auto; width:550px; position:relative} #container .member_wrap .join_ok h3{ color:#39393B; font-size:23px; font-weight:600; line-height:28px; text-align:center} #container .member_wrap .join_ok p{ font-size:13px; font-weight:normal; color:#5C5C5C; padding-top:10px; line-height:22px; text-align:center} #container .member_wrap .join_ok .btn_join_ok{ margin-top:20px; text-align:center} /* join */ #container .member_wrap .pt60{ padding-top:60px} #container .member_wrap .table_l td {color:#999;} /* rule */ #container .member_wrap .con_box2 { clear:both; overflow:hidden; margin-top:20px} #container .member_wrap .con_box2 .iframe { margin: 0px auto; padding: 15px 15px 15px 15px; border: 1px solid #dbdbdb; height: 150px; background:#fff;} #container .member_wrap .con_box2 .iframe .agree_box { height: 150px; -ms-overflow-y: scroll; overflow-y:scroll; border-style:none; padding-right:10px;} #container .member_wrap .con_box2 .check { margin: 10px 0px 0px; width: 300px; text-align: right; float: right; padding-bottom:0px; } #container .member_wrap .con_box2 .check label {font-size:16px; color:#ff6d0c;} #container .member_wrap .con_box2 .iframe h3 { padding: 0px 0px 10px 0; font-size: 18px; font-weight: 600; color:#333333; position:static;} #container .member_wrap .con_box2 h4 { padding: 0px 0px 10px 5px; font-size: 15px; font-weight: 600; color:#333333; position:static} /* 약관 */ #container .rule_wrap{ line-height:20px; } #container .rule_wrap .agree_rule_tit{} #container .rule_wrap .agree_rule{ color: #9e9d9d; font-size: 13px; padding-left: 10px; display: block;} #container .rule_wrap .agree_rule_tit .agree_rule{ color: #747474; font-weight: bold; background: url(../image/common/bullet06.gif) no-repeat 0px 6px; padding-left: 10px;} #container .rule_wrap p {border-bottom: 1px solid #dddddd;padding-bottom: 15px;margin-bottom: 15px;} #container .rule_wrap .agree_rule_tit {border-bottom:0;padding: 0;margin: 0;} #container .rule_wrap p.rule_last{ border-bottom: 0; padding: 0; margin: 0;} #container .rule_wrap .detail{} #container .rule_wrap .detail h3{ margin-bottom: 5px; border: 0; padding-top: 50px;} /*#container .rule_wrap .detail h3.pt0{ padding-top: 0px;}*/ #container .rule_wrap .detail h3.pt0{ padding-top: 0px;font-size:15px} #container .rule_wrap dl{ border-bottom: 1px solid #dddddd; padding-bottom: 15px; margin-bottom: 10px;} /*#container .rule_wrap dl > dt{ color: #333; font-weight: bold; background: url(../image/common/bullet06.gif) no-repeat 0px 7px; padding-left: 10px; line-height: 22px;}*/ #container .rule_wrap dl > dt{ color: #333; font-weight: bold; background: url(../image/common/bullet06.gif) no-repeat 0px 7px; padding-left: 10px; line-height: 22px;font-size:13px} #container .rule_wrap dl > dd{ color: #9e9d9d; font-size: 13px; padding-left: 10px; display: block; padding-top: 5px;} #container .rule_wrap dl > dd .txt{ display: block; line-height:20px;} #container .rule_wrap dl > dd .txt ul{ padding-left: 10px;} #container .rule_wrap dl > dd .txt li{} /* join_ok */ #container .member_wrap .join{} #container .member_wrap .join .ok_type{ text-align:center; border:1px solid #E5E5E5; padding:40px 10px 30px 10px; margin-top:20px; } #container .member_wrap .join .ok_type .title{ font-size:20px; font-weight:600; color:#333333; padding-bottom:20px; } #container .member_wrap .join .ok_type .title strong {color:#d53738;} #container .member_wrap .join .ok_type .txt{ font-size:14px; line-height:22px; color:#7d7d7d} #container .member_wrap .join .ok_type .txt2{ font-size:16px; padding:10px 0 20px 0; color:#424242; font-weight:600;} #container .member_wrap .join .ok_type .txt2 strong {font-size:18px; font-weight:bold; color:#333;} #container .member_wrap .join .ok_type .txt2 .color {color:#d53738; font-weight:bold; } /* member_agent */ .login_wrap{ width:100%; overflow:hidden; } .login_wrap .logo{text-align:center; vertical-align:bottom; margin-bottom:30px;} .login_wrap .login {width:600px; text-align:center;margin : 0 auto 100px auto; border:1px solid #cccccc; background: #fff url(../image/login/logo_gray.jpg) no-repeat 468px 12px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;} .login_wrap .login .form_wrap {border-bottom:1px solid #cccccc; overflow:hidden; padding:50px 0 25px 0;} .login_wrap .login .form{overflow:hidden; width:504px; margin:0 auto;} .login_wrap .login .form .tit {text-align:left; font-weight:bold; margin-bottom:5px; font-size:14px;} .login_wrap .login .form .txt {overflow:hidden; clear:both; padding-top:20px; text-align:left; color:#888; font-size:12px} .login_wrap .login .form input {border:none; border:1px solid #ccc; height:30px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin-right:6px;} .login_wrap .login .form input[type="text"] {float:left; width:150px; padding:2px 10px;} .login_wrap .login .form input[type="password"] {float:left; width:200px; padding:2px 10px;} .login_wrap .login .form button { float:left; height:35px; width:90px; text-align:center; margin-right:6px; color:#ff6000; font-size:12px; line-height:32px; cursor:pointer; border:1px solid #ff6000; background:#fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .login_wrap .login .input{border:1px solid #c0c0c0; background-color:#fff!important; height:18px;} .login_wrap .login .btn {border:1px solid #404040; float:left; padding: 7px 12px 8px 12px; color:#404040; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .notice_wrap{ /*margin:0 auto; width:600px;*/ background:#f1f3f6; border-radius:0 0 8px 8px; padding:20px 0 15px 53px; text-align:left; overflow:hidden;} .notice_wrap .notice{overflow:hidden; width:500px; margin:0 auto; overflow:hidden; position:relative; padding-bottom:30px;} .notice_wrap .notice p {float:left; font-size:14px; font-weight:bold; margin-right:30px;} .notice_wrap .notice .list_wrap { float:left;} .notice_wrap .notice .list_wrap .list {clear:both; width:420px; display:block;} .notice_wrap .notice .list_wrap .list li {margin-bottom:3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:420px;} .notice_wrap .notice .c_paging {position:absolute;display:table;bottom:0;left:0;width:100%;} .notice_wrap .notice .c_paging_inner {display:table-cell;text-align:center;vertical-align:middle} .notice_wrap .notice .c_paging_wrap {display:inline-block;} .notice_wrap .notice .c_paging {clear:both; margin-top:10px; overflow:hidden;} .notice_wrap .notice .c_paging li {float:left; margin:0 1px; height:23px;} .notice_wrap .notice .c_paging li.first {font-weight:bold; color:#ed1b1e;} .notice_wrap .notice .c_paging li span {padding:0 6px;} #footer {z-index:1; background:#252525; color:#888; font-size:12px; position:fixed; text-align:center; display:block; left:0px; bottom:0; width:100%; height:30px; padding-top:10px;} #footer img {width:80px;} #footer a{color:#fff} .noMemberWordArea{line-height:22px}