/* Reset */ /* html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, cite, code, del, dfn, em, img, ins, q, s, samp, strike, strong, sub, sup, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, embed { margin:0; padding:0; border:0; font-size:100%; font:inherit; } */ /* body { line-height:1; /* 브라우저별 줄간격 동일하게 유지 */ -webkit-text-size-adjust:none; /* 모바일 사파리에서 텍스트크기를 자동으로 변경하는 것을 금지, auto일경우 화면폭에 따라 가변 조절 */ } ol, ul { list-style:none; } table { border-collapse:collapse; border-spacing:0; } */ /* 인풋박스의 테두리가 생기는 것을 방지, 버튼에는 적용안됨 */ /* input, textarea, button { outline:none; } input[type="button"], input[type="text"],input[type="image"],input[type="submit"],textarea { -webkit-appearance:none; -webkit-border-radius:0; } input[type='checkbox'] { -webkit-appearance:checkbox; } input[type='radio'] { -webkit-appearance:radio; } hr, legend, caption { display:none; } img, fieldset, iframe { border:none; } button {background:none; border:none; margin:0; padding:0; cursor:pointer;} input,select,button{vertical-align:middle} */ //@@@@@@@@@@import url("base.css"); .hide {position:absolute; visibility:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999px;} input[type="password"] {-webkit-appearance:none;-webkit-border-radius:0;} #contents h1 {height:40px; background:url("/img/regist/mnate/common/h1_join.gif") no-repeat 9px 13px; background-size:240px 15px;} #contents h1.change {background:url("/img/regist/mnate/common/h1_join_change.gif") no-repeat 9px 13px;} #contents h1.notAgree {padding:0; background:url("/img/regist/mnate/common/h1_join_notAgree.gif") no-repeat 9px 13px;} #contents h2 {padding:25px 0 11px 11px; font-size:15px; color:#000; border-bottom:2px solid #8c8d97; letter-spacing:-1px;font-weight:bold} #contents h2 em {color:#e4291a;} #contents h2.ti2 {padding:20px 0 11px 11px} #contents h3 {padding:10px 0 11px 11px; color:#333; font-size:13px; border-top:2px solid #8d8d97; } #contents h3.sub_tit {border:1px solid #e4e4e4; color:#aaa; } #header {width:100%; /* height:80px; */} #header.cybg{background:url("/img/regist/mnate/common/bg_cy_header.png") repeat-x; background-size:1px 42px;} #header.cybg h1 {display:block;margin-left:5px;width:76px;height:42px;background:url("/img/regist/mnate/common/tit_skp_united.png") no-repeat 0 13px; background-size:76px 18px;} #footer {padding:20px 0 30px 0; text-align:center; font-size:11px; color:#777;} /* Button /btn_gray/btn_red/btn_white/ */ .btn33 {padding-top:20px; text-align:center;} .btn2 {padding-top:10px; text-align:center;} .btn a:hover { text-decoration:none;} .btn_gray {display:inline-block; min-height:40px; border:1px solid #c9c9c9; background-color: #f6f6f6; background-repeat: repeat-x; background: -webkit-linear-gradient(top, #fefefe, #eee); background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#eee)); background: -moz-linear-gradient(top, #fefefe, #eee); background: -ms-linear-gradient(top, #fefefe, #eee); background: -o-linear-gradient(top, #fefefe, #eee); vertical-align:middle;} .btn_gray button, .btn_gray span {overflow:visible; display:block; min-width:56px; padding:10px 20px; color:#1616e9; font-size:14px; vertical-align:middle; font-family:Malgun Gothic;} .btn_red {display:inline-block; min-height:40px; border:1px solid #e53326; background-color: #ee3a2a; background-repeat: repeat-x; background: -webkit-linear-gradient(top, #fe6a54, #ee3a2a); .btn_blue {display:inline-block; min-height:40px; border:1px solid #e53326; background-color: #ee3a2a; background-repeat: repeat-x; background: -webkit-linear-gradient(top, #fe6a54, #ee3a2a); background: -webkit-gradient(linear, left top, left bottom, from(#fe6a54), to(#ee3a2a)); background: -moz-linear-gradient(top, #fe6a54, #ee3a2a); background: -ms-linear-gradient(top, #fe6a54, #ee3a2a); background: -o-linear-gradient(top, #fe6a54, #ee3a2a); vertical-align:middle;} .btn_red button, .btn_red span {overflow:visible; display:block; min-width:56px; padding:10px 20px; color:#fff; font-size:14px; vertical-align:middle; font-family:Malgun Gothic;} .btn_red button {padding:10px 30px; min-width:auto\9;} .btn_white {display:block; border:1px solid #c9c9c9; background-color: #f7f7f6; background-repeat: repeat-x; background: -webkit-linear-gradient(top, #fefdfe, #f7f7f6); background: -webkit-gradient(linear, left top, left bottom, from(#fefdfe), to(#f7f7f6)); background: -moz-linear-gradient(top, #fefdfe, #f7f7f6); background: -ms-linear-gradient(top, #fefdfe, #f7f7f6); background: -o-linear-gradient(top, #fefdfe, #f7f7f6); vertical-align:middle;} .btn_white button, .btn_white span {overflow:visible; float:none !important; display:block; min-width:56px; width:auto !important; padding:4px 0; color:#adadb3; font-size:14px; vertical-align:middle; font-family:Malgun Gothic; text-align:center;} .btn_white.on span {color:#333;} /* retina */ @media screen and (-webkit-min-device-pixel-ratio:1.5){ h1 {background:url("/img/regist/mnate/common/h1_join_640.gif") no-repeat 9px 13px;} h1.change {background:url("/img/regist/mnate/common/h1_join_change_640.gif") no-repeat 9px 13px;} h1.notAgree {padding:0; background:url("/img/regist/mnate/common/h1_join_notAgree_640.gif") no-repeat 9px 13px;} .pwCheck {background:url("/img/regist/mnate/common/pw_check_640.gif") no-repeat;} .member_tbl table td p .question {background:url("/img/regist/mnate/common/btn_questionMark_640.png") no-repeat 0 0;} .data .new_content strong {background:url("/img/regist/mnate/common/ico_truck_640.gif") no-repeat 0 0;} .data .alert p {background:url("/img/regist/mnate/common/ico_speaker_640.gif") no-repeat 0 0;} .change_info .data_keep h3 {background:url("/img/regist/mnate/common/ico_lock_640.gif") no-repeat 0 0;} .change_info .nc_interlock h3{background:url("/img/regist/mnate/common/ico_interlock_640.gif") no-repeat 0 0;} .intro .intro_tit {background:url("/img/regist/mnate/common/intro_tit_welcome640.gif") no-repeat;} .intro .intro_text {background:url("/img/regist/mnate/common/ico_nc640.gif") no-repeat;} .intro ul li {background:url("/img/regist/mnate/common/skp_site640.gif") no-repeat;} .intro .join_cmt {background:url("/img/regist/mnate/common/join_cmt_text640.gif") no-repeat 0 0;} .intro .join_cmt a {background:url("/img/regist/mnate/common/join_cmt_text_link640.gif") no-repeat;} .welcome strong.intro_tit {background:url("/img/regist/mnate/common/intro_tit_welcome640.gif") no-repeat 0 0;} .welcome h3 {background:url("/img/regist/mnate/common/benefit_tit640.gif") no-repeat 0 0;} .welcome table th a {background:url("/img/regist/mnate/common/skp_site640.gif") no-repeat;} .existing_data .data_load {background:url("/img/regist/mnate/common/ico_truck_640.gif") no-repeat center 20px;} .notAgree_idCheck .ncId_o a em {background:url("/img/regist/mnate/common/ico_o_640.gif") no-repeat 0 2px;} .notAgree_idCheck .ncId_x a em {background:url("/img/regist/mnate/common/ico_x_640.gif") no-repeat 0 3px;} .nateid_check .nc_login p a {background:url("/img/regist/mnate/common/ico_qMark640.gif") no-repeat 0 0;} .nc_oneid_confirm p em.n_id {background:url("/img/regist/mnate/common/text_ncId_640.gif") no-repeat 0 -28px;} .nc_oneid_confirm p em.c_id {background:url("/img/regist/mnate/common/text_ncId_640.gif") no-repeat 0 0;} } @media screen and (-webkit-min-device-pixel-ratio:2){ h1 {background:url("/img/regist/mnate/common/h1_join_640.gif") no-repeat 9px 13px;} h1.change {background:url("/img/regist/mnate/common/h1_join_change_640.gif") no-repeat 9px 13px;} h1.notAgree {padding:0; background:url("/img/regist/mnate/common/h1_join_notAgree_640.gif") no-repeat 9px 13px;} .pwCheck {background:url("/img/regist/mnate/common/pw_check_640.gif") no-repeat;} .member_tbl table td p .question {background:url("/img/regist/mnate/common/btn_questionMark_640.png") no-repeat 0 0;} .data .new_content strong {background:url("/img/regist/mnate/common/ico_truck_640.gif") no-repeat 0 0;} .data .alert p {background:url("/img/regist/mnate/common/ico_speaker_640.gif") no-repeat 0 0;} .change_info .data_keep h3 {background:url("/img/regist/mnate/common/ico_lock_640.gif") no-repeat 0 0;} .change_info .nc_interlock h3{background:url("/img/regist/mnate/common/ico_interlock_640.gif") no-repeat 0 0;} .intro .intro_tit {background:url("/img/regist/mnate/common/intro_tit_welcome640.gif") no-repeat 0 0;} .intro .intro_text {background:url("/img/regist/mnate/common/ico_nc640.gif") no-repeat 0 0;} .intro ul li {background:url("/img/regist/mnate/common/skp_site640.gif") no-repeat;} .intro .join_cmt {background:url("/img/regist/mnate/common/join_cmt_text640.gif") no-repeat 0 0;} .intro .join_cmt a {background:url("/img/regist/mnate/common/join_cmt_text_link640.gif") no-repeat;} .welcome strong.intro_tit {background:url("/img/regist/mnate/common/intro_tit_welcome640.gif") no-repeat 0 0;} .welcome h3 {background:url("/img/regist/mnate/common/benefit_tit640.gif") no-repeat 0 0;} .welcome table th a {background:url("/img/regist/mnate/common/skp_site640.gif") no-repeat;} .existing_data .data_load {background:url("/img/regist/mnate/common/ico_truck_640.gif") no-repeat center 20px;} .notAgree_idCheck .ncId_o a em {background:url("/img/regist/mnate/common/ico_o_640.gif") no-repeat 0 2px;} .notAgree_idCheck .ncId_x a em {background:url("/img/regist/mnate/common/ico_x_640.gif") no-repeat 0 3px;} .nateid_check .nc_login p a {background:url("/img/regist/mnate/common/ico_qMark640.gif") no-repeat 0 0;} .nc_oneid_confirm p em.n_id {background:url("/img/regist/mnate/common/text_ncId_640.gif") no-repeat 0 -28px;} .nc_oneid_confirm p em.c_id {background:url("/img/regist/mnate/common/text_ncId_640.gif") no-repeat 0 0;} } /* Table */ input::-webkit-input-placeholder {} .member_tbl {} .member_tbl table {width:100%;} .member_tbl table th, .member_tbl table td {padding:13px 10px 13px 0; color:#777; border-bottom:1px solid #e4e4e4; word-break:break-all;} .member_tbl table td strong {color:#5c7bbf;} .member_tbl table th {width:79px; /* width:33%; */padding-left:12px; text-align:left; color:#343434;} .member_tbl table th.vertical_t {padding-top:20px; vertical-align:top;} .member_tbl table .tbl_group th, .member_tbl table .tbl_group td {padding-bottom:0; border:none;} .member_tbl table td p {padding-top:8px; color:#999; clear:both;} .member_tbl table td span {color:#999;} .member_tbl table td p .question {overflow:visible; width:13px; height:12px; margin:-3px 0 0 3px; background:url("/korea/images/btn_questionMark.png") no-repeat 0 0; vertical-align:middle; background-size:13px 12px;} .member_tbl table td .question_cont {padding:3px 0 0 22px; color:#999; letter-spacing:-1px;} .member_tbl table td p.overlap_id {padding-right:75px;} .member_tbl table td p.overlap_email {width:45%;} .member_tbl table td p.good {color:#49ba7c;} .member_tbl table td p.bad {color:#ec3626;} .member_tbl table td label {padding-left:5px; vertical-align:middle; letter-spacing:-1px;} .member_tbl table td select {border:1px solid #adadad; background:url("/korea/images/bt_select.gif") no-repeat right 0; -webkit-border-radius: 0; -webkit-appearance: none;} .member_tbl table td .text {/* background:url("/korea/images/bg_in.gif") no-repeat 0 0; */} .member_tbl table td .text span {display:block; position:static !important; height:27px; padding:0 5px; border:1px solid #adadad; line-height:27px; } .member_tbl table td .text span input {width:100%; border:0; } .member_tbl table td .text.bad span {border:1px solid #ec3626} .member_tbl table td input[type="password"] {-webkit-appearance:none;-webkit-border-radius:0;} .member_tbl table td .mail_nate {position:relative; padding-right:75px;} .member_tbl table td .mail_nate span {position:absolute; right:0; top:5px; color:#777;} .member_tbl table td .mail_nate .text span {} .member_tbl table td .mail_nate input {width:100%;} .member_tbl table td select {height:27px; padding:3px;} .member_tbl table td .label {margin-right:30px;} .member_tbl table td .nation {width:100%;} .member_tbl table td .birth_calendar {width:100%; margin-top:5px;} .member_tbl table td .birth {width:100%;} .member_tbl table td .birth li {position:relative; float:left; } .member_tbl table td .birth li.year {width:38%;} .member_tbl table td .birth li.year div {padding-right:20px;} .member_tbl table td .birth li.month {width:31%;} .member_tbl table td .birth li.month div {padding-right:20px;} .member_tbl table td .birth li.day {width:31%;} .member_tbl table td .birth li.day div {padding-right:20px;} .member_tbl table td .birth li span {position:absolute; right:3px; top:5px;} .member_tbl table td .birth li select {width:100%;} .member_tbl table td.email span {float:left; text-align:center;} .member_tbl table td.email span input {width:100%} .member_tbl table td.email span select {width:100%; } .member_tbl table td.email .text {float:left; width:45%;} .member_tbl table td.email .text span {float:none;} .member_tbl table td.email span.l2{width:10%; padding-top:5px;} .member_tbl table td.email span.l3 {width:45%;} .member_tbl table td.email select.direct {width:100%; margin-top:5px;} .member_tbl table td.phone_num .number {float:left; padding-top:5px; color:#333; font-size:13px; letter-spacing:-1px;} .member_tbl table td.phone_num select {float:left; width:100%; margin-bottom:10px;} .member_tbl table td.phone_num .text {float:left; width:48%;} .member_tbl table td.phone_num a{float:right; width:48%;} .member_tbl table td.phone_num.foreign {} .member_tbl table td.phone_num.foreign .num {float:left; width:48%;} .member_tbl table td.phone_num.foreign select {float:left; width:45%;} .member_tbl table td.phone_num.foreign .text {float:right; width:50%;} .member_tbl table td.parent select {float:left; width:48%;} .member_tbl table td.parent .text {float:right; width:48%;} .member_tbl table td.parent .text span {height:25px;} .join_tip {display:block; padding:16px 11px; font-size:12px; color:#aaa;} .agree_list {padding:15px 0 0 10px;} .agree_list li {padding-bottom:5px;} .agree_list label {padding-left:5px; vertical-align:middle;} .collect {padding:15px 0 0 10px;} .collect li {overflow:hidden; padding-bottom:5px;} .collect li span {float:left; min-width:55px; padding-right:5px;} .collect li em {float:left; width:240px; padding:0; color:#808080;} .collect li label {padding-left:5px; vertical-align:middle;} .collect li ul {padding:10px 10px 0 10px;} .collect li li em {float:none;} .personal {margin-left:30px; color:#5c7bbf; text-decoration:underline;} .pwCheck {padding-left:65px; background:url("/korea/images/pw_check.gif") no-repeat; background-size:61px 99px; letter-spacing:-1px;} .pwCheck.high {color:#49ba7c; background-position:0 15px;} .pwCheck.middle {color:#49ba7c; background-position:0 -14px;} .pwCheck.low {color:#ec3626; background-position:0 -41px;} .pwCheck.invalid {padding-left:24px; color:#ec3626; background-position:0 -77px;}