@font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight:800; src:url('/com_member/fonts/NanumGothic/NanumGothic-Regular.eot'); src:url('/com_member/fonts/NanumGothic/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'), url('/com_member/fonts/NanumGothic/NanumGothic-Regular.woff2') format('woff2'), url('/com_member/fonts/NanumGothic/NanumGothic-Regular.woff') format('woff'), url('/com_member/fonts/NanumGothic/NanumGothic-Regular.ttf') format('truetype'); } @font-face { font-family:'Nanum Gothic Bold'; font-style:normal; font-weight:700; src:url('/com_member/fonts/NanumGothic/NanumGothic-Bold.eot'); src:url('/com_member/fonts/NanumGothic/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'), url('/com_member/fonts/NanumGothic/NanumGothic-Bold.woff2') format('woff2'), url('/com_member/fonts/NanumGothic/NanumGothic-Bold.woff') format('woff'), url('/com_member/fonts/NanumGothic/NanumGothic-Bold.ttf') format('truetype'); } @font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:300; src:url('/com_member/fonts/NotoSansKR/NotoSansKR-Light.eot'); src:url('/com_member/fonts/NotoSansKR/NotoSansKR-Light.woff') format('woff'); } @font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:400; src: url('/com_member/fonts/NotoSansKR/NotoSansKR-Regular.eot'); src: url('/com_member/fonts/NotoSansKR/NotoSansKR-Regular.woff') format('woff'); } @font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:500; src: url('/com_member/fonts/NotoSansKR/NotoSansKR-Medium.eot'); src: url('/com_member/fonts/NotoSansKR/NotoSansKR-Medium.woff') format('woff'); } @font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:700; src: url('/com_member/fonts/NotoSansKR/NotoSansKR-Bold.eot'); src :url('/com_member/fonts/NotoSansKR/NotoSansKR-Bold.woff') format('woff'); } @font-face { font-family: 'GmarketSans'; font-weight: 700; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot'); src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.ttf') format("truetype"); font-display: swap; } body { margin:0; padding:0; font-family:Noto Sans KR, Malgun Gothic, Dotum, Gulim;} a { text-decoration:none; color:inherit; } ul, li { margin:0; padding:0; list-style-type:none; } img { border:0; } .over-h { overflow:hidden; } /* #header { float:left; width:100%; min-width:554px; height:31px; background-color:#ffffff; border-bottom:1px solid #e6e6e6; } #header ul { margin:0 auto; width:445px; height:31px; border-left:1px solid #e6e6e6; font-size:12px; color:#3b3b3b; text-align:center; line-height:31px; } #header ul li { float:left; width:88px; height:31px; border-right:1px solid #e6e6e6; } */ /* #footer { float:left; width:100%; min-width:554px; background-color:#f5f6f7; } #footer span.menu { display:block; float:left; width:554px; font-size:12px; color:#565656; text-align:center; } #footer span.menu span.line { color:#dddddd; padding:0 10px; } #footer span.st-footer-1 { float:left; width:554px; font-size:12px; color:#b4b4b4; text-align:center; line-height:20px; } */ #content { float:left; width:100%; min-width:554px; background-color:#f5f6f7;} #content table { width:100%; } #content table caption { font-size:0; line-height:0; height:0; } #content table td { padding:10px 0; vertical-align:middle; } #content table input[type=text] { float:left; height:35px; line-height:35px; padding:0 4px; border:none; font-family:Malgun Gothic, Dotum, Gulim,; font-size:14px; background-color:#ffffff; color:#252525; border:1px solid #d9d9d9; } #content table input[type=password] { float:left; height:35px; line-height:35px; padding:0 4px; border:none; font-family:Malgun Gothic, Dotum, Gulim,; font-size:14px; background-color:#ffffff; color:#252525; border:1px solid #d9d9d9; } #content table select { display:block; float:left; height:37px; font-family:Malgun Gothic, Dotum, Gulim,; font-size:14px; background-color:#ffffff; color:#252525; border:1px solid #d9d9d9; } #content table select { height:auto; padding:7px 0;\0/ie8+9;} #content table input[type=radio] { position:absolute; left:0; top:0; z-index:-1; } #content table input[type=checkbox] { vertical-align:middle; } #content table span.pwcheck { display:block; clear:both; float:left; padding-top:5px; width:100%; font-size:12px; color:#ff0000; } #content table .ip_id, #content table .ip_pw { width:534px; } #content table .ip_name { float:left; display:block; width:534px; margin-right:10px; } #content table .ip_birth1 { float:left; display:block; width:120px; margin-right:10px; } #content table .ip_birth2 { float:left; display:block; width:100px; margin-right:10px; } #content table .ip_sex { display:block; float:left; margin-top:5px; padding-left:35px; width:50px; height:26px; background-image:url(/com_member/img/radio.png); background-repeat:no-repeat; background-position:left top; font-size:16px; color:#202020; line-height:26px; position:relative; } #content table .ip_sex_on { display:block; float:left; margin-top:5px; padding-left:35px; width:50px; height:26px; background-image:url(/com_member/img/radio_on.png); background-repeat:no-repeat; background-position:left top; font-size:16px; color:#202020; line-height:26px; position:relative; } #content table .ip_hp { float:left; display:block; width:80px; } #content table span.flag { display:block; float:left; width:20px; font-size:14px; color:#777676; text-align:center; line-height:37px; } #content table .ip_email { float:left; display:block; width:180px; } #content table .ip_domain { float:left; display:block; width:165px; } #content table .ipsend { display:block; margin-left:10px; float:left; font-size:12px; color:#777676; line-height:37px; } #content table a.confirm { display:block; margin-left:17px; float:left; width:70px; height:37px; background-color:#5d5d5d; font-size:14px; color:#ffffff; text-align:center; line-height:37px; } #content table .ip_area { float:right; display:block; width:180px; } #content table .ip_etc { margin-right:10px; } #content table .ip_day { float:left; display:block; width:80px; } #content table .ip_duo { float:left; display:block; width:100px; margin-right:10px; } #content table .notice-1 { color:#aeaeae; font-size:12px; line-height:20px; padding-top:5px; padding-bottom:35px; border-bottom:1px solid #d8d8d8; } #content table .ip_agree-1 { font-size:14px; color:#252525; padding-top:25px; } #content table .ip_agree-2 { font-size:12px; color:#252525; padding-top:5px; } #content table .ip_agree-3 { font-size:12px; color:#252525; padding-top:5px; padding-bottom:35px; border-bottom:1px solid #d8d8d8; } #content table .td_submit { padding:0; padding-top:25px; } #content table .ip_agree-2 .box, #content table .ip_agree-3 .box { display:block; float:left; width:100%; } #content table .ip_textarea { float:left; margin-top:10px; padding:5px; width:542px; height:48px; overflow-y:auto; border:1px solid #cdcdcd; font-size:12px; color:#a9a9a9; line-height:20px; background-color:#ffffff; } #content table .ip_duo_check { float:left; width:100%; padding-top:20px; } #content table.e-step-1 { padding-top:10px; } #content table.e-step-1 td { padding:0; } #content table.e-step-1 .last { padding:30px 0; border-bottom:1px solid #d8d8d8; } #content table.e-step-1 td span.notice-1 { display:block; float:left; padding:20px 0; width:552px; background-color:#ffffff; border:1px solid #e5e5e5; font-size:16px; color:#606060; text-align:center; line-height:20px; } #content table.e-step-1 td span.notice-1 span { color:#1d1d1d; font-weight:bold; } #content table.e-step-1 td span.notice-2 { display:block; float:left; width:554px; font-size:12px; color:#8c8c8c; text-align:center; line-height:23px; } #content table.e-step-1 .td_submit { padding:0; padding-top:30px; } #content table.e-step-2 { width:100%; padding-top:15px; border-top:1px solid #d8d8d8; } #content table.e-step-2 td.notice-1 { padding:0; padding-bottom: 40px; font-size:16px; color:#252525; text-align:center; border:0; } #content table.e-step-2 td.ip { padding:0; padding:15px 30px; background-color:#ffffff; border:1px solid #e5e5e5; font-size:16px; color:#252525; } #content table.e-step-2 td.ip .box { float:left; width:100%; display:block; } #content table.e-step-2 td.ip .box .ip_pw { width:300px; font-size:12px; color:#a4a4a4; } #content table.e-step-2 td.ip .box span.pwcheck-n { display:block; float:left; padding-top:5px; width:330px; font-size:12px; color:red; } #content table.e-step-2 .td_submit { padding:0; padding-top:40px; } #content table.e-step-3 { border-top:1px solid #d8d8d8; padding-top:15px; width:100%; } #content table.e-step-3 td.info-1 { padding:0; padding-bottom:10px; color:#252525; } #content table.e-step-3 td.info-2 { color:#252525; } #content table.e-step-3 span.hp-info { display:block; float:left; line-height:37px; } #content table.e-step-3 td.info-3 { font-size:12px; color:#252525; padding-top:35px; padding-bottom:35px; border-bottom:1px solid #d8d8d8;} #content table.e-step-3 td.info-3 .box { float:left; width:100%; display:block; } #content table.e-step-3 .td_submit { padding:0; padding-top:30px; } #content table.e-step-3 .td_submit span { display:block; float:left; width:100%; position:relative; text-align:center; } #content table.e-step-3 .td_submit span a.secession { display:block; width:120px; font-size:12px; color:#656565; text-align:right; position:absolute; top:0; right:0; } #content table.end-step { padding:35px 0; width:100%; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; } #content table.end-step td { padding:0; font-size:20px; color:#1d1d1d; text-align:center; } #content table.end-step td.info-1 { padding:10px 0 20px; font-size:12px; color:#8c8c8c; text-align:center; } #content .top-web { display:block; float:left; width:554px; padding:80px 0 30px; } #content .top-web .logo { display:block; margin:0 auto; width:260px; height:52px; background-repeat:no-repeat; background-position:center center; font-size:0; line-height:0; } #content .top-web .duo { background-image:url(/com_member/img/duo_logo.png); } #content .top-web .wed { background-image:url(/com_member/img/wed_logo.png); } #content .top-web .remarry { background-image:url(/com_member/img/remarry_logo.png); } #content .top-web .ten { background-image:url(/com_member/img/ten_logo.png); } #content .top-web .dir { background-image:url(/com_member/img/duo_direct_logo.png); } #content .top-web .highend { background-image:url(/com_member/img/highend_logo.png); } #content .top-web span.st-1 { display:block; float:left; width:554px; margin-top:20px; font-size:12px; color:#8c8c8c; text-align:center; line-height:20px; } #content .top-web span.st-1 span { color:#010101; } #content .top-web span.st-2 { display:block; float:left; width:554px; margin-top:43px; font-size:30px; font-family:Nanum Gothic; color:#f58522; text-align:center; } #content .box-wrapper { display:block; float:left; width:554px;} #content .box-wrapper .bn-box { display:block; margin-top:30px; width:272px; height:252px; } #privacy { float:left; width:100%; min-width:958px; background-color:#f5f6f7; user-select: none;} #privacy .top-web { display:block; float:left; width:958px; padding:80px 0 30px; } #privacy .top-web .logo { display:block; margin:0 auto; width:260px; height:52px; background-repeat:no-repeat; background-position:center center; font-size:0; line-height:0; } #privacy .top-web .duo { background-image:url(/com_member/img/duo_logo.png); } #privacy .top-web .wed { background-image:url(/com_member/img/wed_logo.png); } #privacy .top-web .remarry { background-image:url(/com_member/img/remarry_logo.png); } #privacy .top-web .ten { background-image:url(/com_member/img/ten_logo.png); } #privacy .top-web .dir { background-image:url(/com_member/img/duo_direct_logo.png); } #privacy .top-web .highend { background-image:url(/com_member/img/highend_logo.png); } #privacy .top-web span.st-1 { display:block; float:left; width:958px; margin-top:20px; font-size:12px; color:#8c8c8c; text-align:center; line-height:20px; } #privacy .top-web span.st-1 span { color:#010101; } #privacy .top-web span.st-2 { display:block; float:left; width:958px; margin-top:43px; font-size:30px; font-family:Nanum Gothic; color:#f58522; text-align:center; } #privacy .box-wrapper { display:block; float:left; width:958px; } #privacy table { width:100%; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; } #privacy table caption { font-size:0; line-height:0; height:0; } #privacy table td.st-1 { padding:25px 0; font-size:18px; color:#252525; } #privacy table td.st-2 { padding-bottom:25px; font-size:12px; color:#6a6a6a; line-height:27px; } #privacy table td.st-2 span.tit-txt { font-size:16px; color:#000000; } /*2017-09-08*/ #content table.end-step {padding:0; border:0;} #content table.end-step .first {padding:30px 0 15px; text-align:center;} #content table.end-step .first div {display:inline-block; width:12px; height:12px; background:url(/com_member/img/step_off.png) center center no-repeat; font-size:0; vertical-align:top;} #content table.end-step .first .on {background:url(/com_member/img/step_on.png) center center no-repeat;} #content table.end-step .second {font-size:30px; font-family:Nanum Gothic; color:#f58522; text-align:center;} #content table.end-step .third .temp {display:block; float:left; width:100%; margin:30px 0 20px; padding:35px 0 40px; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;} #content table.end-step .third .temp div {display:block; float:left; width:100%; text-align:center;} #content table.end-step .third .temp .login {display:block; clear:both; margin:0 auto; width:305px; height:58px; background:url(/com_member/img/btn_02.png) center center no-repeat; font-size:0;} #content table.join-step-1 .first {padding:30px 0 15px; text-align:center;} #content table.join-step-1 .first div {display:inline-block; width:12px; height:12px; background:url(/com_member/img/step_off.png) center center no-repeat; font-size:0; vertical-align:top;} #content table.join-step-1 .first .on {background:url(/com_member/img/step_on.png) center center no-repeat;} #content table.join-step-1 td {padding:5px 0;} #content table.join-step-1 td .ip_name {margin:0; width:544px; height:38px; line-height:38px;} #content table.join-step-1 td .ip_birth1, #content table.join-step-1 td .ip_birth2 {padding:9px 0;} #content table.join-step-1 td .ip_sex { display:block; float:left; margin:0; padding:0 0 0 26px; width:34px; height:40px; background-image:url(/com_member/img/01_radio.png); background-repeat:no-repeat; background-position:left center; font-size:14px; color:#202020; line-height:38px; position:relative; } /* #content table.join-step-1 td .ip_sex_on { display:block; float:left; margin:0; padding:0 0 0 26px; width:34px; height:40px; background-image:url(/com_member/img/01_radio_on.png); background-repeat:no-repeat; background-position:left center; font-size:14px; color:#202020; line-height:38px; position:relative; } */ #content table.join-step-1 td.phone {padding:0;} #content table.join-step-1 td.phone .row {display:block; float:left; width:100%; margin:5px 0;} #content table.join-step-1 td.phone .row select {padding:9px 0; width:120px;} #content table.join-step-1 td.phone .row input[type="text"] {margin:0; width:110px; height:38px; line-height:38px;} #content table.join-step-1 td.phone .row .flag {display:block; float:left; width:20px; height:40px; font-size:14px; color:#777676; text-align:center; line-height:38px;} #content table.join-step-1 td.phone #image_code {display:block; float:left; width:100%; margin:5px 0;} #content table.join-step-1 td.phone #image_code input[type="text"] {margin:0; width:170px; height:38px; line-height:38px;} #content table.join-step-1 td.phone #image_code .auth_img {display:block; float:left; margin:0 10px; height:38px; border:1px solid #d9d9d9;} #content table.join-step-1 td.phone #image_code .refresh {display:block;float:left;} #content table.join-step-1 td.phone #image_code .refresh img {display:block; margin:2px 0; height:36px; background:#f5f6f7;} #content table.join-step-1 td.phone #image_code .confirm {display:block; float:right; margin:0; padding:0; width:120px; height:40px; background:#c4c5c6; font-size:16px; color:#ffffff; text-align:center; line-height:38px; cursor:pointer;} #content table.join-step-1 td.phone #sms_code_input {display:block; float:left; width:100%; margin:5px 0;} #content table.join-step-1 td.phone #sms_code_input input[type="text"] {margin:0; width:170px; height:38px; line-height:38px;} #content table.join-step-1 td.phone #sms_code_input div {display:block; float:left; margin:0 0 0 10px; height:40px; font-size:14px; color:#676767; line-height:38px;} #content table.join-step-1 td.phone #sms_code_input .confirm {cursor:pointer; float:right;height:40px; line-height:40px;} #content table.join-step-1 td.notice {padding:20px 0 30px; font-size:12px; color:#aeaeae; line-height:20px;} #content table.join-step-1 .prvacy {padding:0; padding:10px 0; padding-top:30px; border-top:1px solid #d8d8d8; font-size:14px; color:#292828; font-weight:bold;} #content table.join-step-1 .prvacy input[type="checkbox"] {vertical-align:middle;} #content table.join-step-1 .agree_first {padding:0; padding:0 0 10px 0; font-size:12px; color:#292828;} #content table.join-step-1 .agree_first .temp {float:left; margin:0 0 10px 0; padding:5px; width:542px; height:48px; overflow-y:auto; border:1px solid #cdcdcd; font-size:12px; color:#a9a9a9; line-height:20px; background-color:#ffffff;} #content table.join-step-1 .agree_first input[type="checkbox"] {vertical-align:middle;} #content table.join-step-1 .agree_second {padding:0; padding:0 0 25px 0; padding-bottom:30px; border-bottom:1px solid #d8d8d8; font-size:12px; color:#292828;} #content table.join-step-1 .agree_second .temp {float:left; margin:0 0 10px 0; padding:5px; width:250px; height:48px; overflow-y:auto; border:1px solid #cdcdcd; font-size:12px; color:#a9a9a9; line-height:20px; background-color:#ffffff;} #content table.join-step-1 .agree_second input[type="checkbox"] {vertical-align:middle;} #content table.join-step-1 .next {padding:0; padding-top:30px;} #content table.join-step-1 .next a {display:block; margin:0 auto; width:305px; height:58px; background:url(/com_member/img/btn_08.jpg) center top no-repeat; font-size:0;} #content table.join-step-2 .first {padding:30px 0 15px; text-align:center;} #content table.join-step-2 .first div {display:inline-block; width:12px; height:12px; background:url(/com_member/img/step_off.png) center center no-repeat; font-size:0; vertical-align:top;} #content table.join-step-2 .first .on {background:url(/com_member/img/step_on.png) center center no-repeat;} #content table.join-step-2 td {padding:5px 0;} #content table.join-step-2 td .ip_id {margin:0; width:544px; height:38px; line-height:38px;} #content table.join-step-2 td .ip_pw {margin:0; width:544px; height:38px; line-height:38px;} #content table.join-step-2 td .ip_email {margin:0; width:200px; height:38px; line-height:38px;} #content table.join-step-2 td .flag {display:block; float:left; width:20px; height:40px; font-size:14px; color:#777676; text-align:center; line-height:38px;} #content table.join-step-2 td .ip_domain {padding:9px 0; width:250px;} #content table.join-step-2 td .ip_duo, #content table.join-step-2 td .ip_birth {padding:9px 0;} #content table.join-step-2 td .ip_area {padding:9px 0; width:173px;} #content table.join-step-2 td.eve {padding:20px 0 35px; font-size:14px; color:#292828; font-weight:bold;} #content table.join-step-2 td.eve input[type="checkbox"] {vertical-align:middle;} #content table.join-step-2 .next a {display:block; margin:0 auto; width:305px; height:58px; background:url(/com_member/img/btn_08.jpg) center top no-repeat; font-size:0;} /* 2019-10-21 */ #content table.join-step-1 .join_tab {display:block; float:left; width:100%; /*height:48px;*/ float:none; margin:0 auto; width:340px; padding:0 0 30px;} #content table.join-step-1 .join_tab a {display:block; float:left; margin:0 7px; width:156px; height:48px; /*background-color:#c4c5c6;*/ font-size:16px; color:#fff; text-align:center; line-height:48px;} /* #content table.join-step-1 .join_tab a.on {background-color:#00bfca;} */ #content table.join-step-2 td.parents div.txt {display:block; float:left; margin:10px 0 10px; width:100%; font-size:18px; color:#000; font-weight:bold;} #content table.join-step-2 td.parents div.parents_input {display:block; float:left; margin:5px 0; width:100%;} #content table.join-step-2 td.parents div.parents_input label.sex {display:block; float:left; width:86px; height:38px; background-color:#fff; border:1px solid #d9d9d9; font-size:14px; color:#000; text-align:center; line-height:38px; position:relative;} #content table.join-step-2 td.parents div.parents_input label.on {background-color:#00bfca; border-color:#00bfca; color:#fff;} #content table.join-step-2 td.parents div.parents_input label input[type="radio"] {position:absolute; top:0; left:0; z-index:-1;} #content table.e-step-3 td.parents {padding:0; padding-bottom:35px;} #content table.e-step-3 td.parents div.txt {display:block; float:left; margin:10px 0 10px; width:100%; font-size:18px; color:#000; font-weight:bold;} #content table.e-step-3 td.parents div.parents_input {display:block; float:left; margin:5px 0; width:100%;} #content table.e-step-3 td.parents div.parents_input label.sex {display:block; float:left; width:86px; height:38px; background-color:#fff; border:1px solid #d9d9d9; font-size:14px; color:#000; text-align:center; line-height:38px; position:relative;} #content table.e-step-3 td.parents div.parents_input label.on {background-color:#00bfca; border-color:#00bfca; color:#fff;} #content table.e-step-3 td.parents div.parents_input label input[type="radio"] {position:absolute; top:0; left:0; z-index:-1;} /*2019-11-14*/ #privacy ul.tab {display:block; margin:0 auto; width:469px; height:56px;} #privacy ul.tab li {display:block; float:left; width:233px; height:54px; background-color:#fff; border:1px solid #dcdcdc; font-size:16px; color:#000; text-align:center; line-height:54px; position:relative; z-index:1;} #privacy ul.tab li.on {background-color:#5a6077; border-color:#5a6077; color:#fff; z-index:2;} #privacy .privacy_area {clear:both; display:block; float:left; width:100%; margin:50px 0 0; } #privacy .privacy_area {font-size: 12px; color: #6a6a6a; line-height: 27px;} #privacy .privacy_area .title { font-size:16px; color:#000000; } #privacy div.tab {display:block; margin:0 auto; width:469px; height:56px;} #privacy div.tab div {display:block; float:left; width:467px; height:54px; /*background-color:#fff;*/ border:1px solid #dcdcdc; font-size:16px; color:#000; text-align:center; line-height:54px; position:relative; z-index:1;} #privacy div.tab div.on {/*ackground-color:#5a6077; border-color:#5a6077; color:#fff; background-color:none;*/ font-size:18px; border:0; z-index:2;} /* 20210224 */ .event__box{float:left; width: 100%; position: relative; text-align: center; background: #0f2bb4;} .event__box::after{content: ''; display: block; clear: both;} .event__box > img{max-width: 100%;} /* 20220718 */ #content table.join-step-1 .agree_first{padding-bottom: 30px;} #content table.join-step-1 .agree_first .temp{height: 100px;} .agree_marketing{display: flex;align-items: center;text-align: center;border: 1px solid #d9d9d9;margin-top: 20px;} dl.agree_marketing>*{display: flex;justify-content: center;align-items: center;} .agree_marketing dt{width: 100px;height: 30px;font-size: 11px;color: #797979;} .agree_marketing dd{width: calc(33.33% - 33px);border-left: 1px solid #d9d9d9;margin: 0;font-size: 11px;color: #797979;} /* 20221025 */ #content table.join-step-2 td .ip_area, #content table .ip_area, #content table .ip_duo{width: 270px;} #content table.join-step-2 td .ip_domain{width: 324px;} /* 20230321 */ /* common */ .clearfix:before, .clearfix:after { display: block; content: ''; line-height: 0; } .clearfix:after { clear:both; } .clearfix { *zoom: 1; } /* input, select, button common */ #content table input[type="text"]{font-size: 16px;} #content input, #content button, #content select, #content textarea, #privacy input{ outline: none; border: none; padding: 0; margin: 0; box-sizing: border-box; color: #000; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; } #content select{ -webkit-appearance:none; /* for chrome */ -moz-appearance:none; /*for firefox*/ appearance:none; background:url("/com_member/img/ico_select_arrow.png") no-repeat right 20px center; } #content select::-ms-expand{ display:none;/*for IE10,11*/ } #content button, #content input[type="button"]{cursor: pointer; text-align: center; font-size: 16px;} /* input */ #content input.input_b0b0b0[type="text"], #content input.input_b0b0b0[type="password"]{ padding: 0 20px; border: 1px solid #b0b0b0 !important; height: 60px !important; font-size: 16px; } #content input.input_b0b0b0[type="text"]::placeholder, #content input.input_b0b0b0[type="password"]::placeholder{ color: #000; font-family: 'Noto Sans KR', sans-serif; } #content textarea.txt_b0b0b0{ padding: 10px 20px; border: 1px solid #b0b0b0 !important; resize: none; } #content textarea[name="p_content"]{ width: 100%; height: 200px; font-size: 16px; } #content textarea[name="p_content"]::placeholder{ color: #000; } /* select */ #content select.sel_b0b0b0{ padding: 0 20px !important; border: 1px solid #b0b0b0; height: 60px; box-sizing: border-box; font-size: 16px; font-family: 'Noto Sans KR', sans-serif; } /* button */ #content .btn_5b6075, #content button.btn_5b6075, #content input[type="button"].btn_5b6075{background-color: #5b6075; color: #fff;} #content .btn_f7f7f7, #content button.btn_f7f7f7, #content input[type="button"].btn_f7f7f7{background-color: #f7f7f7; color: #000;} #content .btn_edeff9, #content button.btn_edeff9, #content input[type="button"].btn_edeff9{background-color: #edeff9; color: #000;} #content .btn_105dae, #content button.btn_105dae, #content input[type="button"].btn_105dae{background-color: #105dae; color: #fff; font-size: 20px; font-weight: 500;} #content .btn_fff, #content button.btn_fff, #content input[type="button"].btn_fff{border:1px solid #105dae; color: #105dae; font-size: 20px; font-weight: 500; background-color: #fff;} /* checkbox */ #content input[type="checkbox"]{display: none;} #content input[type="checkbox"] + label.chk_label{ display: inline-block; width: 100%; height: 24px; position: relative; cursor: pointer; font-size: 14px; } #content label.chk_label::before{ content: ""; position: absolute; top: 0; left: 0; width: 24px; height: 24px; cursor: pointer; display: block; background: url('/com_member/img/ic_res_check.png') no-repeat center; } #content input[type="checkbox"] + label.chk_label > span{ padding-left: 35px; line-height: 24px; } #content input[type="checkbox"] + label.chk_label > span.bold{ font-size: 16px; } #content input[type="checkbox"] + label.chk_label .color_d2d2d2{ color: #a9a9a9; padding-left: 35px; } #content input[type="checkbox"]:checked + label.chk_label:before { background: url('/com_member/img/ic_res_check_on.png') no-repeat center; } /* content */ /* content > common */ #content{padding-top: 95px; background-color: transparent; font-family: 'Noto Sans KR', sans-serif !important; font-weight: 300;} #content .top-web{width: 100%; padding: 60px 0 0;} #content h2{text-align: center; font-weight: 300; font-size: 40px; margin-top: 0;} #content .box-wrapper{width: 100%;} #content table .fl_lft_form > *{float: left;} #content table .fl_lft_form:before, #content table .fl_lft_form:after {display: block; content: ''; line-height: 0;} #content table .fl_lft_form:after {clear:both;} #content table .flex--btwn{display: flex; justify-content: space-between;} #content table .flex--cnt{display: flex; justify-content: center;} /* #content .top-web h2{text-align: center; font-weight: 300; font-size: 40px; margin: 0;} */ #content table .bd_top1_e8e8e8{border-top: 1px solid #e8e8e8; box-sizing: border-box; padding-top: 40px;} #content table.join-step-1 .flex--btwn{display: flex; justify-content: space-between;} #content table.join-step-1 .fl_lft_form:before, #content table.join-step-1 .fl_lft_form:after {display: block; content: ''; line-height: 0;} #content table.join-step-1 .fl_lft_form:after {clear:both;} #content table.join-step-1 .fl_lft_form {height: 60px;} #content table.join-step-1 .fl_lft_form > *{height: 100%; float: left;} #content table.join-step-1 .join_tab{width: 100%; display: flex; flex-wrap: nowrap; justify-content: center;} #content table.join-step-1 .join_tab > *{float: left; width: 50%; height: 60px; background-color: #edeff9; color: #000; font-weight: 700;} #content table.join-step-1 .join_tab > *.on{background-color: #105dae; color: #fff;} #content table.join-step-1 .join_tab a{width: 100%; height: 100%; margin: 0; line-height: 60px; /*background-color: transparent;*/ color: #000; cursor: pointer;} #content table.join-step-1 .join_tab > *.on a{color: #fff;} #content table td{padding: 0;} #content table.join-step-1 td{padding: 0; padding-bottom: 20px;} #content table.join-step-1 td.section_last_pd{padding-bottom: 45px;} #content table .ip_id, #content table .ip_pw{width: 100%; margin-bottom: 10px;} #content .label__sub--text{font-size: 14px; color: #105dae;} #content table.join-step-1 td .ip_name{width: 305px; margin-right: 14px;} #content table .input__sex--box{width: 300px;} #content table .input__sex--box > *{display: block; width: 50%; float: left; height: 60px; line-height: 58px !important; box-sizing: border-box; border: 1px solid #aeaeae; text-align: center; cursor: pointer;} #content table .input__sex--box > *:nth-of-type(1){border-right: 0;} #content table.join-step-1 td .ip_birth1, #content table.join-step-1 td .ip_birth2{width: 197px; margin: 0;} #content table.join-step-1 td .ip_birth2{margin-left: 14px; } #content table .ip_hp{width: 143px;} #content table .input__mdhp--wrap{margin-left: 14px; display: block; border: 1px solid #aeaeae; box-sizing: border-box;} #content table .input__mdhp--wrap > span{display: inline-block; line-height: 56px; padding: 0 7px;} #content table .input__mdhp--wrap input[type="text"]{border: 0; outline: 0; height:100%; padding: 0 20px;} #content table .phone__cert--wrap{padding-bottom: 20px;} #content table .input__cert--wrap{width: 100%;} #content table .input__cert--wrap .ip_hp{width: 335px;} #content table .input__cert--wrap input[type="button"]{width: 128px; margin-left: 14px;} /* #content table .input__certAllow--wrap{padding-top: 15px;} */ #content table .input__certAllow--wrap .certAllow_text{font-size: 14px; color: #db0000; font-weight: 700;} #content table .input__certAllow--wrap .certAllow_text .text_time{display: inline;} #content table .input__certAllow--wrap .certAllow_text .text_over_alert{display: none;} #content table .input__certAllow--wrap > p{margin: 0; padding: 0 20px; height: 60px; line-height: 60px; width: calc(100% - 40px); background-color: #edeff9;} #content table #bt_mtel_auth{width: 140px; margin-left: 14px;} #content table .sel__email{width: 278px;} #content table .sel__academic{width: 302px;} #content table .sel__live{margin-right: 14px; width: 303px;} #content .sect3__parent--wrap{display: none;} #content .sect3__parent--wrap h3{margin-top: 0;} #content .sect3__parent--wrap.show{display: table-row;} #content .sect3__parent--wrap select{width: 305px;} #content .sect3__parent--wrap select.sel__area{width: 100%;} #content .sect3__parent--wrap .input__sex--box{margin-right: 14px;} #content .sect3__parent--wrap select.sel__edu{margin-right: 14px; width: 300px;} #content table.join-step-1 .prvacy, #content table.join-step-1 .agree_second{border: none;} #content table.join-step-1 .agree_first{padding-bottom: 45px;} #content table.join-step-1 .agree_first .temp{box-sizing:border-box; width: 100%; height: 150px; padding: 0; margin: 0; margin-bottom: 10px;} #content table.join-step-1 .agree_second .temp{box-sizing:border-box; width: 100%; height: 118px; padding: 0; margin: 0; margin-bottom: 10px;} #content table.join-step-1 td.sec4__button--wrap{padding: 0; padding-bottom: 150px;} #content .btn__summit{width: 100%; height: 70px; font-size: 20px !important; font-weight: 700; margin-top: 45px;} #content table.end-step td.box__sub--text{padding-top: 45px; font-size: 16px;} #content table.end-step .btn__login[type="button"]{width: 338px; height: 70px; margin-top: 45px; font-size: 20px; font-weight: 500;} #content table.join-step-1 .agree_first .temp, #content table.join-step-1 .agree_second .temp{padding: 15px;} #content table input[type=radio]{display: none;} #content table.join-step-1 td .ip_sex{cursor: pointer; background-image: none; padding: 0; float: none; width: 100%; height: 100%; font-size: 16px; line-height: 58px;} #content table.join-step-1 .ip_sex_on{background-image: none; background-color: #105dae; color: #fff; padding: 0; margin: 0; float: none; width: 100%; height: 100%; font-size: 16px; line-height: 58px;} #content table.e-step-2{ border: none; padding-top: 45px; padding-bottom: 160px; } #content table.e-step-2 td.ip{ border-left: 0; border-right: 0; padding: 40px 0; } #content table.e-step-2 .ip_pw::placeholder{color: #aeaeae; font-weight: 300;} #content table.e-step-2 .td_submit > a{ display: block; width: 100%; height: 70px; line-height: 70px; font-size: 20px; font-weight: 400; } #content table.e-step-2 .pw__info--text{ font-weight: 300; font-size: 14px; text-align: center; padding-top: 30px; color: #000; } #content table.e-step-2 .ip_pw{ margin-bottom: 0; } #content .font--type14{ text-align: center; font-size: 14px; } /* 회원정보 수정 */ /* memberInfo__edit--cont (width: 460px / input: 330px) */ #memberInfo__edit--cont{margin: 0 auto;} #memberInfo__edit--cont .box-wrapper{padding-bottom: 160px;} #memberInfo__edit--cont h2{margin: 0; margin-bottom: 50px;} #memberInfo__edit--cont h3{margin: 0; font-size: 20px;} #memberInfo__edit--cont table td{padding-bottom: 20px;} #memberInfo__edit--cont table td.last-pd{padding-bottom: 40px;} #memberInfo__edit--cont .edit__cont--title{width: calc(100% - 330px); line-height: 35px;} #memberInfo__edit--cont .edit__cont--title.mid__align{line-height: 60px;} #memberInfo__edit--cont .edit__cont--desc{width: 330px; height: 35px; line-height: 35px; margin: 0;} #memberInfo__edit--cont table input[type="text"], #memberInfo__edit--cont table input[type="password"], #memberInfo__edit--cont table select.sel_b0b0b0{width: 330px; margin: 0;} #memberInfo__edit--cont table input.input_b0b0b0[type="password"]::placeholder{color: #aeaeae; font-weight:300;} #memberInfo__edit--cont input[type="checkbox"] + label.chk_label > span{line-height: 20px;} #memberInfo__edit--cont input[type="button"], #memberInfo__edit--cont button{width: 100%; height: 70px;} #memberInfo__edit--cont button > *{width: 100%; height: 100%; display: inline-block; line-height: 70px;} /* 회원개인정보 수정 edit__cont--step2 */ #memberInfo__edit--cont .edit__cont--step1 input.ip_captcha[type="text"]{width: 157px;} #memberInfo__edit--cont .edit__cont--step1 input.ip_captcha[type="text"]::placeholder{color: #aeaeae; font-weight:300;} /* 회원개인정보 수정 edit__cont--step2 */ #memberInfo__edit--cont .sub__txt{ padding-left: calc(100% - 330px); font-size: 14px; color: #105dae; } #memberInfo__edit--cont table .parent__form--cont div.flex--btwn{padding-bottom: 20px} #memberInfo__edit--cont table .parent__form--cont select.sel_b0b0b0{width: 100%;} #memberInfo__edit--cont table .parent__form--cont .flex--btwn select.sel_b0b0b0{width: 222px;} #memberInfo__edit--cont table .input__sex--box{width: 222px;} #memberInfo__edit--cont .parent__form--cont h3{margin: 20px 0 30px;} /* // 본인가입 / 부모가입 폼 변경 CSS */ #memberInfo__edit--cont .parent__form--table.child .edu__form, #memberInfo__edit--cont .parent__form--table.child .dwell__form{display: block;} #memberInfo__edit--cont .parent__form--table.child .parent__form--cont{display: none;} #memberInfo__edit--cont .parent__form--table.parent .edu__form, #memberInfo__edit--cont .parent__form--table.parent .dwell__form{display: none;} #memberInfo__edit--cont .parent__form--table.parent .parent__form--cont{display: block;} #memberInfo__edit--cont .send__allow--cont{background-color: #f9f9f9; text-align: center; padding: 40px 0;} #memberInfo__edit--cont .send__allow--cont *{margin: 0;} #memberInfo__edit--cont .send__allow--cont h3{margin-bottom: 15px;} #memberInfo__edit--cont .send__allow--cont .radio_form{padding: 30px 0; font-weight: 500;} #memberInfo__edit--cont .send__allow--cont .radio_form span{font-size: 18px;} #memberInfo__edit--cont .send__allow--cont .radio_form > span:nth-of-type(2){margin: 0 30px;} #memberInfo__edit--cont .secession{position: relative; display: inline-block;} #memberInfo__edit--cont .secession:after{ content: ""; display: inline-block; width: 100%; height: 2px; position: absolute; left: 0; bottom: -5px; background-color: #9f9f9f; } /* 회원개인정보 수정 edit__cont--end */ #memberInfo__edit--cont .edit__cont--end{text-align: center;} #memberInfo__edit--cont .edit__cont--end table td{padding-bottom: 30px;} #memberInfo__edit--cont .edit__cont--end table .bd_top1_e8e8e8{padding-top: 30px;} #memberInfo__edit--cont .edit__cont--end .edit__cont--title{width: calc(100% - 260px); text-align: right;} #memberInfo__edit--cont .edit__cont--end .allow_form{width: 260px; text-align: left; } #memberInfo__edit--cont .edit__cont--end .allow_form > span{display: block; width: 100%; height: 40px; line-height: 40px;} #memberInfo__edit--cont .edit__cont--end .allow_form span.span__bold{display: inline-block; width: 70px; font-weight: 700; font-size: 18px;} #memberInfo__edit--cont .edit__cont--end .allow_form .allow__ico{ display: inline-block; width: 17px; height: 17px; background: url('/com_member/img/ic_res_check_on.png') no-repeat center; background-size: contain; margin-top: 12px; margin-left: 10px; } #memberInfo__edit--cont .edit__cont--end .allow_form .allow__ico.X{background: url('/com_member/img/ic_res_X_check.png') no-repeat center;} #memberInfo__edit--cont .edit__cont--end input[type="checkbox"] + label.chk_label{width: auto; height: 40px;} #memberInfo__edit--cont .edit__cont--end input[type="checkbox"] + label.chk_label > span{padding-left: 0; line-height: 40px; font-size: 16px;} #memberInfo__edit--cont .edit__cont--end input[type="checkbox"] + label.chk_label > span.span__bold{display: inline-block; width: 70px; font-weight: 700; font-size: 18px;} #memberInfo__edit--cont .edit__cont--end label.chk_label::before{right: -32px; left: unset; width: 17px; height: 17px; background-size: contain; top: 50%; transform: translateY(-50%);} #memberInfo__edit--cont .edit__cont--end input[type="checkbox"]:checked + label.chk_label:before{background-size: contain;} #memberInfo__edit--cont .lb_csex{display: inline-block; width: 100%; height: 100%; cursor: pointer;} #memberInfo__edit--cont .lb_csex.on{background-color: #105dae; color: #fff; width: 100%; height: 100%; display: inline-block;} #memberInfo__edit--cont label.chk_label::before{ background: url('/com_member/img/ic_res_check.png') no-repeat center; background-size: contain; } #memberInfo__edit--cont input[type="checkbox"]:checked + label.chk_label:before { background: url('/com_member/img/ic_res_check_on_blue.png') no-repeat center; } /* 비밀번호 변경 */ #change__pw--cont h2{padding: 0; margin: 0;} #change__pw--cont .box-wrapper{padding-bottom: 160px; margin-top: 60px;} #change__pw--cont .btn__wrap > *{height: 70px;} #change__pw--cont .bd__box--cont{ padding: 30px 0; width: 100%; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; text-align: center; color: #105dae; font-size: 18px; font-weight: 500; } #change__pw--cont .font14--box{ padding: 35px 0 45px; font-size: 14px; font-weight: 300; line-height: 28px; } #change__pw--cont .pw__change--step1 .btn__wrap > *{width: 223px;} #change__pw--cont .pw__change--step2 .input_b0b0b0, #change__pw--cont .pw__change--step2 .btn__wrap > *{width: 100%;} #change__pw--cont .pw__change--step2 .txt__box--cont{ text-align: center; padding-bottom: 50px; font-size: 18px; font-weight: 500; } /* privacy */ #privacy{background-color: transparent; min-width: 918px; float: none;} #privacy .box-wrapper{width: 918px; padding-top: 155px; font-weight: 300;} #privacy .box-wrapper h2{text-align: center; font-size: 40px; font-weight: 300; margin: 0; padding-bottom: 60px;} #privacy table{border: none;} #privacy ul.tab{ width: 100%; height: 60px; margin-bottom: 40px; } #privacy ul.tab li{ width: 25%; height: 100%; line-height: 60px; box-sizing: border-box; cursor: pointer; font-size: 16px; color: #000; background-color: #edeff9; border: none; font-weight: 500; } #privacy ul.tab li:not(:last-child){ border-right: 1px solid #fff; } #privacy ul.tab li.on{ background-color: #105dae; color: #fff; border: none; box-sizing: border-box; } #privacy .table__privacy tr:not(:first-child) td, #privacy .table__privacy tr:not(:last-child) td{ padding-bottom: 50px; } #privacy .table__privacy tr:last-child td{ padding-bottom: 160px; } #privacy .table__privacy h3{ font-size: 16px; } #privacy .table__privacy--Linkbox{ padding: 40px 60px; background-color: #fafafa; margin-bottom: 50px; } #privacy .table__privacy--Linkbox > li{ font-size: 14px; width: 50%; height: 24px; line-height: 24px; float: left; margin-bottom: 15px; font-weight: 400; } #privacy .table__privacy--Linkbox > li:last-child{ margin-bottom: 0; } #privacy .table__privacy--Linkbox > li > a{ font-size: 14px; } #privacy table .table__privacy--text{ line-height: 37px; } #privacy .table__person table tr:not(:first-child) td, #privacy .table__person table tr:not(:last-child) td{ padding: 0; } #privacy .table__loss tr td{ padding-bottom: 50px; } #privacy .btn_before_privacy{ width: 460px; height: 70px; display: block; margin: 90px auto 0; cursor: pointer; font-size: 20px; background-color: #fff; border: 1px solid #c9c9c9; box-sizing: border-box; } #privacy .table__person table{ border: 2px solid #c9c9c9; border-left: none; border-right: none; font-size: 14px; } #privacy .table__person table th{ font-weight: 400; background-color: #eaeaea; } #privacy .table__person table th{ border-bottom: 1px solid #c9c9c9; } #privacy .table__person table td{ text-align: center; } #privacy .table__person table th:not(:last-child){ border-right: 1px solid #fff; } #privacy .table__person table tr:not(:last-child) td{ border-bottom: 1px solid #c9c9c9; } #privacy .table__person table td:not(:last-child){ border-right: 1px solid #c9c9c9; } #privacy .table__person table .back_edeff9{ background-color: #edeff9; } /* header, footer */ .header h1{margin: 0; height: 100%;} #sub_footer h2{margin: 0;} #sub_footer p{margin: 0;} #sub_footer p.timing{margin-left: 18px;} #sub_footer .bottom .logo{height: 42.17px;} #sub_footer .youtube{height: 30px;} /* 20230919 */ /* 이전 개인정보 처리방침 */ .popup_privacy{display: none;position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;z-index: 1000;background-color: rgba(0,0,0,.7);} .popup_privacy *{box-sizing: border-box;} .popup_privacy .popup__contents{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 920px;height: 80vh;background-color: #fff;} .popup_privacy .popup__head{display: flex;align-items: center;position: relative;height: 75px;border-bottom: 1px solid #c8c8c8;padding: 0 30px;} .popup_privacy .popup__body{height: calc(100% - 75px);padding: 40px 30px;overflow-y: auto;font-weight: 300;} .popup_privacy .popup--tit{font-weight: 500;font-size: 24px;color: #333;} .popup_privacy .popup__head select{width: 145px;height: 40px;border: 1px solid #c8c8c8;font-weight: 300;font-size: 14px;color: #535353;margin-left: 10px;padding: 0 5px;} .popup_privacy .popup--close{position: absolute;top: 50%;right: 30px;transform: translateY(-50%);cursor: pointer;}