/* membership 공통 */ .cont.sub .inner .memberIn {background-color: #fff; padding: 40px; border-radius: 10px; /* margin: 0 30px; */} .mem_cont .mem_cont_in {position: relative; margin: 0 auto;} .mem_cont {max-width: 820px; padding: 80px 0; margin: 0 auto; } .welcome {font-size: 30px; font-weight: 300; text-align: center; letter-spacing: -0.5px;} .welcome>span {font-weight: 600; color: #002c9a;} .welcome_sub{font-size: 18px; text-align: center; margin-top: -10px;} .mem_cont .text_top {font-size: 20px; padding: 21.5px 40px; border-radius: 10px; margin-bottom: 30px; background-color: #ffcc33;} .mem_cont .text_top p {display: inline-block; vertical-align: middle; margin-bottom:3px;} .mem_cont .text_top span {font-weight: 500; color: #002c9a;} .mem_cont .text_req2 {font-size: 24px; font-weight: 500; color: #002222; padding-bottom: 12px;} .mem_cont .text_req2 .join3_1 {background-image: url(/publish/images/mem/join3_1.png); width: 19px; height: 24px; margin: 0 10px 3px 0;} .mem_cont .text_req2 .join3_2 {background-image: url(/publish/images/mem/join3_2.png); width: 24px; height: 23px; margin: 0 10px 3px 0;} .input_list .list_title {font-size: 18px; font-weight: 500; color: #002c9a; position: relative; display: inline-block; margin-bottom: 20px;} .input_list .list_title::after {content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);width: 100%; height: 6px; background-color: rgba(0,44,154,0.15);} .checkbox_wrap {display: inline-block; margin-right: 15px;} /* membership button type 공통(하단 버튼) */ .mem_btnWrap {text-align: center;} .mem_btn1 {width: 100%; height: 70px; background-color: #ffcc33; position: relative;font-size: 22px; border-radius: 5px; color: #222 !important;} .mem_btn1:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.15);} .selType2 {width: 255px; height: 50px; padding: 0 15px; border-radius: 5px; background-image: url(/publish/images/select_search.png);background-repeat: no-repeat;background-position: right 15px top 50%; color: #666;} .mem_btnWrap .mem_btn1::after {content: ""; background-image: url(/publish/images/mem/join2_btn_bg.png); background-repeat: no-repeat; width: 820px; height: 16px; position: absolute; bottom: 0; left: 0;} .mem_btnWrap2 {text-align: center; display: flex; width: 100%; margin: 0 auto; justify-content: space-between;} .mem_btnWrap2 button {width: calc(100%/2 - 5px);height: 70px; border-radius: 5px; font-size: 22px; color: #fff;} .mem_btnWrap2 button:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.2);} .mem_btnWrap2 .mem_btn2 {background-color: #999;} .mem_btnWrap2 .mem_btn3 {background-color: #002c9a;} .mem_btnWrap2 .mem_btn4 {border: 1px solid #002c9a; color: #002c9a; font-weight: 400;} .mem_btnWrap2 .mem_btn5 {width: 100%; background-color: #fbc72b; color: #222; font-weight: 400;} .mem_btnWrap2.justify {justify-content:center;} .mem_btnWrap3 {text-align: center; margin: 0 auto;} .mem_btnWrap3 button {width: 250px;height: 70px; border-radius: 5px; font-size: 22px;} .mem_btnWrap3 button:last-child {margin-left: 6px;} .mem_btnWrap3 button:only-child {margin-left: 0;} .mem_btnWrap3 button:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.2);} .mem_btnWrap3 .mem_btn4 {border: 1px solid #002c9a; color: #002c9a;} .mem_btnWrap3 .mem_btn5 {background-color: #002c9a; color: #fff;} .mem_btnWrap4 {text-align: center; margin: 40px auto 0 auto;} .mem_btnWrap4 button{width: 160px; height: 50px; border-radius: 5px; font-size: 20px;} .mem_btnWrap4 .mem_btnok{background-color: #fbc72b; color: #222; font-weight: 400;} .mem_btnWrap4 .mem_btncancel{background-color: #666; color: #fff; font-weight: 400;} /* //membership button type */ /* checkbox - css 스타일 들어간 체크박스 */ .joinCheckbox{display: none;} .joinCheckbox+label{display: inline-block; vertical-align: middle; margin-bottom: 3px; position: relative; cursor: pointer;padding:0 0 0 36px;line-height:24px;} .joinCheckbox+label::after {width:24px;height:24px;border-radius:50%;background-image: url(/publish/images/mem/check2_ckecked.png);background-repeat: no-repeat; background-position: center;position: absolute;content: "";display: inline-block;top:0;left:0;border-radius: 50%;border: 2px solid #fff;vertical-align:top;box-sizing:border-box;} .joinCheckbox+label span.esn {font-size:20px;font-weight:500;color:#002c9a;} .joinCheckbox+label span.sel {font-size:20px;font-weight:500;color:#0fab7a;} .joinCheckbox+label strong {font-size:20px;font-weight:500;} .joinCheckbox:checked+label{position: relative;font-weight:500;color:#002c9a;} .joinCheckbox:checked+label::after{background-image: url(/publish/images/mem/check2_ckecked.png);background-color: #002c9a;border: 1px solid #002c9a;} .joinCheckbox.type2+label::after {background-image: url(/publish/images/mem/check2.png);border: 2px solid #ccc;} .joinCheckbox.type2:checked+label::after{background-image: url(/publish/images/mem/check2_ckecked.png); border: 1px solid #002c9a;} .joinCheckbox.type3+label{} .joinCheckbox.type3+label::after {background-image: url(/publish/images/mem/check3.png); border: 1px solid #ccc;} .joinCheckbox.type3:checked+label::after{background-image: url(/publish/images/mem/check3_checked.png);border: 1px solid #002c9a;} /* membership nav */ .mem_cont .mem_nav {display: flex; max-width: 820px; margin: 60px auto; position: relative;} .mem_cont .mem_nav li { z-index: 1; position: relative; width: calc(100%/3); padding: 0 0 20px 50px;} .mem_cont .mem_nav li::before {content: ""; width: 100%; height: 3px; position: absolute; bottom: 0; left: 0; background-color: #e8e9eb;} .mem_cont .mem_nav li::after {content: ""; position: absolute; background-image: url(/publish/images/mem/join_nav.png); background-repeat: no-repeat; width: 313px; height: 20px; top: 38%; right: -28px; transform: translateY(-50%);} .mem_cont .mem_nav li:first-child:after {content: none;} .mem_cont .mem_nav li>div {display: inline-block; color: #cfcfcf; font-weight: 600; vertical-align: middle; margin-left: 10px;} .mem_cont .mem_nav li p {font-size: 19px;} .mem_cont .mem_nav li span {font-size: 24px;display: block; margin: 9px 0;} .mem_cont .mem_nav li i {position: relative; width: 70px; height: 70px; background-color: #ebedef; border-radius: 50%;} .mem_cont .mem_nav li i::after {background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); content: "";} .mem_cont .mem_nav li:nth-child(1) i::after {background-image: url(/publish/images/mem/step1.png); width: 34px; height: 33px;} .mem_cont .mem_nav li:nth-child(2) i::after {background-image: url(/publish/images/mem/step2.png); width: 23px; height: 37px;} .mem_cont .mem_nav li:nth-child(3) i::after {background-image: url(/publish/images/mem/step3.png); width: 37px; height: 34px;} /* on */ .mem_cont .mem_nav li.on>div {color: #002c9a;} .mem_cont .mem_nav li.on::before {background-color: #002c9a;} .mem_cont .mem_nav li.on:nth-child(1) i::after {background-image: url(/publish/images/mem/step1_on.png);} .mem_cont .mem_nav li.on:nth-child(2) i::after {background-image: url(/publish/images/mem/step2_on.png);} .mem_cont .mem_nav li.on:nth-child(3) i::after {background-image: url(/publish/images/mem/step3_on.png);} /* //membership 공통 */ /* join1 - 가입 선택 화면 */ .mem_cont.join1 {text-align: center;} .mem_cont.join1 ul {display: flex; justify-content: space-between; width: 740px; margin: 40px auto;} .mem_cont.join1 ul li {width: calc(100%/2 - 20px); padding: 38px 0; border-radius: 10px; background-color: #e8e9eb; transition: all 0.2s ease-in-out; position: relative;} .mem_cont.join1 ul li.on, .mem_cont.join1 ul li:hover {background-color: #fbc72b; transition: all 0.2s ease-in-out; box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.2);} .mem_cont.join1 ul li.on::after, .mem_cont.join1 ul li:hover::after {background-image: url(/publish/images/mem/join1_check.png); background-repeat: no-repeat; position: absolute; top: 14px; right: 13px; content: ""; width: 31px;height: 31px; cursor: pointer;} .mem_cont.join1 ul li.on p {font-weight: 500;} .mem_cont.join1 ul li.on span {color: #222;} .mem_cont.join1 ul li p {font-size: 24px; padding: 20px 0 12px 0;} .mem_cont.join1 ul li span {font-size: 17px; font-weight: 300; color: #666;} .mem_cont.join1 ul li:first-child i {background-image: url(/publish/images/mem/join1_1.png); width: 100px; height: 100px;} .mem_cont.join1 ul li:last-child i {background-image: url(/publish/images/mem/join1_2.png); width: 100px; height: 100px;} .mem_cont.join1 .text_req {font-size: 24px; font-weight: 300;} .mem_cont.join1 .text_req>span {font-weight: 500;} .mem_cont.join1>span {font-size: 17px; font-weight: 300; margin-top: 16px; display: inline-block; color: #666;} .mem_cont.join1 .join_check {display: flex; justify-content: center; margin-top: 57px; font-size: 18px;} .mem_cont.join1 .join_check p {color: #666; font-weight: 300; padding: 0 10px;} .mem_cont.join1 .join_check a {color: #002c9a; font-weight: 500; padding: 0 10px; position: relative;} .mem_cont.join1 .join_check a::after {content: ""; position: absolute; width: 90%; height: 9px; background-color: rgba(0,44,154,0.15);bottom: -1px; left: 50%; transform: translateX(-50%);} /* //join1 - 가입 선택 화면 */ /* join2 - 약관동의 */ .clause_list li.list_open {border-radius: 5px; margin-bottom: 15px; background-color: #efeff0;} .clause_list li.list_open:last-child {margin-bottom: 0;} .clause_list li.list_open .clause_list_head {display: table; width: 100%; height: 75px;} .clause_list li.list_open .clause_list_head .list_head_in {position: relative; padding: 0 30px; box-sizing: border-box; display: table-cell; vertical-align: middle;} .clause_list li.list_open .clause_list_head button {position: absolute; top: 49%; right: 30px; transform: translateY(-50%); background-color: #d7d7d9; width: 36px; height: 36px; border: 1px solid #d7d7d9; border-radius: 5px;} .clause_list li.list_open .clause_list_head button i::after {content: ""; background-image: url(/publish/images/mem/clause_open.png); width: 17px; height: 17px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} .clause_list li.list_open .clause_list_head span {margin:0 3px 0 0;font-size: 20px; font-weight: 500; line-height: 1.5;} .mem_cont.join2 .clause_list {margin-bottom: 0;} .mem_cont.join2 .clause_list li.list_open .clause_list_head span>.esn {color: #002c9a;} .mem_cont.join2 .clause_list li.list_open .clause_list_head span>.sel {color: #0fab7a;} .mem_cont.join2 .clause_list li.list_open .clause_list_body {padding: 5px 30px 40px 30px; background-color: #efeff0;} .mem_cont.join2 .clause_list li.list_open .clause_list_body .agree_text {background-color: #fff; height: 414px; padding: 20px; border-radius: 5px;} /*열려있는 리스트Ʈ */ .mem_cont.join2 .clause_list li.list_open .clause_list_body_noneOpen { background-color: #efeff0; padding: 0 30px 23px 30px; font-size: 17px; color: #666; font-weight: 300;} .mem_cont.join2 .clause_list li.list_open .clause_list_body_noneOpen>div {margin-bottom: 15px;} .mem_cont.join2 .clause_list li.list_open .clause_list_body_noneOpen>div:last-child {margin-bottom: 0;} /* 리스트 열렸을 때 */ .clause_list li.list_open.on .clause_list_body {display: block;} .clause_list li.list_open.on .clause_list_head button {background-color: #fff; border: 1px solid #d5d5d5;} .clause_list li.list_open.on .clause_list_head button i::after {background-image: url(/publish/images/mem/clause_close.png); width: 17px; height: 2px;} .mem_cont.join2 .reqTxt3 {color: #666; font-weight: 300; padding: 15px 0 60px 0;} /* 약관 */ .agree_text p{font-weight: 300; color: #222; line-height: 1.5; letter-spacing: -0.5px;} .agree_text .top_tit_text{font-size: 22px; font-weight: 700; margin-bottom: 30px;} .agree_text .date_text{font-size: 16px; font-weight: 300; color: #666; margin-bottom: 20px;} .agree_text .tit_text{font-size: 18px; font-weight: 500; margin-top: 30px;} .agree_text .stit_text{font-size: 16px; font-weight: 500; line-height: 1.5; margin-top: 20px;} .agree_text .policy_list{font-size: 15px; color: #333; margin-top: 10px;} .agree_text .policy_list li{position: relative; padding-left: 28px; line-height: 1.5; margin-bottom: 5px;} .agree_text .policy_list li span{position: absolute; left: 0px; top: 0px;} .agree_text .policy_list.sec_list{font-size: 14px; color: #555; line-height: 1.3; } .agree_text .policy_list.sec_list li{padding-left: 20px;} .agree_text .first_list .sec_list{margin-top: 5px;} .agree_text .first_list .sec_list li{margin-bottom: 0;} /* //약관 */ /* //join2 - 약관동의 */ /* join3 - 정보입력 */ .reqTxt {color: #e40000; font-weight: 400; font-size: 16px; padding-left: 5px;} .reqTxt i {background-image: url(/publish/images/mem/join3_3.png); width: 16px; height: 16px; margin: 0 5px 3px 0;} .reqTxt2 {color: #666; font-weight: 400; font-size: 16px; padding-left: 5px;} .mem_cont.join3 .input_wrap .input_title {font-size: 18px; font-weight: 500;} .mem_cont.join3 .input_wrap .input_title i {background-image: url(/publish/images/mem/req_deco3.png); width: 15px; height: 19px; margin: 0 10px 3px 0;} .input_list {margin-top: 30px; margin-bottom: 50px;} .input_list .input_list_item {height: 60px; padding: 15px 25px; margin-bottom: 10px; display: flex; background-color: #f2f3f4; border-radius: 5px; font-size: 18px; box-sizing: border-box; vertical-align: middle; position: relative;} .input_list .input_list_item.colorW {background-color: #fff; border: 1px solid #d5d5d5;} .input_list .input_list_item .input_left {width: 155px; padding-top: 4px; position: relative;} .input_list .input_list_item .input_left::after {content: ""; width: 1px; height: 28px; background-color: #d5d5d5; position: absolute; top: 50%; right: 0; transform: translateY(-50%);} .input_list .input_list_item .input_left.input_left_poe {margin:-5px 0 0;padding:0;} .input_list .input_list_item .input_left span.poe_noti2 {display:block;margin:6px 0 0;font-size:15px;letter-spacing:-0.025em;color:#e40000;} .input_list .input_list_item .input_left .essential {display:inline-block;margin:4px 2px 0 -8px;vertical-align:top;color:#e40000;} .input_list .input_list_item .input_right {width: calc(100% - 155px); height: 30px; padding-left: 25px; font-weight: 300; box-sizing: border-box; position: relative; display: flex; align-items: center;} .input_list .input_list_item .input_right .list_selType1 {padding-left:0;} .input_list .input_list_item .input_right input[type="radio"]+label {margin-left: 3px;} .input_list .input_list_item .input_right.resNum input[type="text"] {width: calc(100% - 74px); padding: 0 10px 0 0;} /* input focus 영영값 수정 */ .input_list .input_list_item.input_list_phone .input_right input[type=text] {width:83%;} .input_list .input_list_item.input_list_biz .input_right input[type=text] {width:73%;} .input_list .input_list_item.input_list_adres .input_right input[type=text] {width:80%;} .input_list .poe_noti {margin:0 0 10px;font-size:14px;font-weight:500;letter-spacing:-0.025em;text-align:right;color:#e40000;} /* 이메일 */ .input_list .input_list_item.emailWrap {background-color: transparent; padding: 0; position: relative;} .input_list .input_list_item.emailWrap>div {width: calc(100% - 195px); padding:15px 30px 15px 26px; border-radius: 5px; background-color: #f2f3f4; display: flex; box-sizing: border-box;} .input_list .input_list_item.emailWrap .input_left {background-color: #f2f3f4;} .input_list .input_list_item.emailWrap .input_right {position: inherit;} .input_list .input_list_item.emailWrap .input_right .email {display: flex;} .input_list .input_list_item.emailWrap .input_right .email > span {margin:0 10px;} .input_list .input_list_item.emailWrap .input_right .email_select {position: absolute; right: 0; top: 0; background-color: #f2f3f4; width: 185px; height: 60px; border-radius: 5px;} .input_list .input_list_item.emailWrap .input_right .email_select select {width: 100%; height: 100%; padding: 15px 25px; background-position: right 25px top 50%;} /* 방문경로(select) */ .input_list .input_list_item.visit_path .input_right .list_selType1 {padding-left:0;} /* 업태/종목 */ .input_list .input_list_item.bis_status .input_right {display: flex;} .input_list .input_list_item.bis_status .input_right span {margin:0 20px;line-height: 30px;} /* .input_list .input_list_item.bis_status .input_right .list_inputType1 {text-align: center;} */ /* 계산서 정보 */ .input_list.listType2 .input_list_item {margin-bottom: 0;} .input_list.listType2 .invoice {background-color: #f2f2f2; padding: 0 25px 15px 25px; border-radius: 0 0 5px 5px;} .input_list.listType2 .invoice .invoice_wrap {background-color: #fff; padding: 5px 30px 25px 30px; border-radius: 5px;} .input_list.listType2 .input_list_item2 {display: flex; height: 60px; border-bottom: 1px solid #e5e5e5; box-sizing: border-box; line-height: 60px;} .input_list.listType2 .input_list_item2>div {font-size: 17px;} .input_list.listType2 .input_list_item2 .input_left {width: 140px;} /* 계산서 수신이메일 */ .input_list.listType2 .input_list_item2 .email {display: flex;} .input_list.listType2 .input_list_item2 .email .list_inputType1 {padding: 0 20px;} /* 담당자 */ .input_list.listType2 .input_list_item2 .input_half {width: 50%; display: flex;} .input_list.listType2 .input_list_item2 .input_half>div:first-child {margin-right: 20px;} .input_list.listType2 .input_list_item2 .input_half .list_inputType1 {height:100%; margin-bottom: 6px;} /* 전화 */ .input_list.listType2 .input_list_item2.number .input_left {width: 100px;} .input_list.listType2 .input_list_item2.number .input_right {display: flex;} .input_list.listType2 .input_list_item2.number .input_right span {font-weight: 500;} .input_list.listType2 .input_list_item2.number .list_inputType1 {margin: 0 20px;} /* 정보 입력 list 안에있는 input */ .list_inputType1:focus {outline:auto;} /* 흰 배경에 기본 값 들어있는 input */ input[type="text"].list_inputType1 {background-color: transparent; width: 100%; padding: 0 10px; font-weight: 300; font-size: 18px; text-align: left;} input[type="text"].list_inputType1:nth-child(2) {padding: 0;} input[type="text"].list_inputType1::placeholder {color: #222;} /* password */ input[type="password"].list_inputType1 {padding: 0px;background-color: transparent; width: 100%; height: 100%; font-weight: 300; font-size: 18px;font-family: 'pass', 'Roboto', Helvetica, Arial, sans-serif;} .list_inputType1.colorLight::placeholder {color: #a6a6a6 !important; font-size: 18px; font-family: 'Noto Sans KR', sans-serif;} .list_inputType1.colorLight:-ms-input-placeholder {color: #a6a6a6 !important; font-size: 16px; font-family: 'Noto Sans KR', sans-serif;} /* select */ .input_list.listType2 .list_inputType1 {font-size: 17px;} .input_list.listType2 .list_selType1 {font-size: 16px;} /* 정보 입력 list 안에있는 button */ .list_btn_wrap {position: absolute; top: 50%; right: -10px; transform: translateY(-50%);} .list_btn_wrap>span {font-size: 14px; font-weight: 300; color: #a6a6a6; padding-right: 12px;} .list_btn_wrap button {background-color: #6a6c72; height: 40px; padding: 0 14px; border-radius: 5px; color: #fff; font-size: 15px;} .list_btn_wrap button:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.12);} /* 스팸, 상업성 광고문자 동의 안내 */ .consent_info {padding: 30px; border: 3px solid #efeff0; border-radius: 5px; margin-top: -30px; margin-bottom: 50px; position: relative;} .consent_info .consent_info_cont {margin-bottom: 30px;} .consent_info .consent_info_cont .textType {display:inline-block; color:#002c9a; font-weight:bold;} .consent_info .consent_info_cont:nth-child(2) {margin-bottom: 40px;} .consent_info .consent_info_cont p:first-child {font-weight: 500; color: #e40000;} .consent_info .consent_info_cont p:last-child {line-height: 1.45; letter-spacing: -0.5px; padding-top: 10px;} .consent_info .checkbox_wrap {margin-right: 5px;} .consent_info>div:last-child {position: absolute; bottom: 30px; right: 35px;} .consent_info>div:last-child span {color: #666; font-weight: 300;} /* 기업고객 서류 등록, 심사 필요 */ .company_noti {height:40px;margin:-30px 0 50px;font-size:16px;line-height:40px;text-align:center;color:#e40000;background:#ffeaea;} .company_noti:before {content:'';display:inline-block;width:16px;height:16px;margin:13px 3px 0 0;vertical-align:top;background:url(/publish/images/mem/req_deco1.png) no-repeat left top;} /* list alert */ .list_alert {position: absolute; top: 20px; right: 25px; letter-spacing: -0.5px;height:20px;margin:0 0 10px;text-align:right;} .list_alert.reqest_text span {color: #a6a6a6; font-size: 14px; display: inline-block; vertical-align: middle; text-align: right;} .list_alert.reqest_password span {color: #a6a6a6; font-size: 14px; display: inline-block; padding-bottom: 6px;} .list_alert>i {background-repeat: no-repeat; width: 16px; height: 16px; margin: 0 3px 2px 0;} .list_alert>span {font-size: 14px; font-weight: 300 !important;} .list_alert.pass_no {color: #e40000;} .list_alert.pass {color: #2a57c8;} .list_alert.pass_no i {background-image: url(/publish/images/mem/req_deco1.png);} .list_alert.pass i {background-image: url(/publish/images/mem/req_deco2.png);} .list_alert>ul {display: flex; justify-content: space-between; width: 86px; margin: 5px 10px 0 0;} .list_alert>ul li {width: calc(100% /3 - 2px);} .list_alert.password_pass_no {display: flex;} .list_alert.password_pass_no ul li span {background-color: #ff0000; height: 10px; display: block;} .list_alert.password_pass_no ul li:nth-child(1) span {opacity: 1; border-radius: 5px 0 0 5px;} .list_alert.password_pass_no ul li:nth-child(2) span {opacity: 0.7;} .list_alert.password_pass_no ul li:nth-child(3) span {opacity: 0.3; border-radius: 0 5px 5px 0;} .list_alert.password_pass_no>span {display: inline-block; color: #e40000;} .list_alert.password_pass {display: flex;} .list_alert.password_pass ul li span {background-color: #2a57c8; height: 10px; display: block;} .list_alert.password_pass ul li:nth-child(1) span {opacity: 1; border-radius: 5px 0 0 5px;} .list_alert.password_pass ul li:nth-child(2) span {opacity: 0.7;} .list_alert.password_pass ul li:nth-child(3) span {opacity: 0.3; border-radius: 0 5px 5px 0;} .list_alert.password_pass>span {display: inline-block; color: #2a57c8;} .mem_noti {margin:0 0 10px;font-size:14px;letter-spacing:-0.025em;text-align:right;color:#a6a6a6;} /* //join3 - 정보입력 */ /* join4 - 가입완료 */ .mem_cont.join4 {max-width: 100%;} .mem_cont.join4 .mem_cont_in {max-width: 1100px; text-align: center;} .mem_cont.join4 .welcome_join {background-image: url(/publish/images/mem/join4_bg.png); background-repeat: no-repeat; width: 100%; height: 387px; display: table;} .mem_cont.join4 .welcome_join .welcome_join_in {display: table-cell; vertical-align: middle;} .mem_cont.join4 .welcome_join .welcome_join_in .name p {font-family: 'TmonMonsori'; font-size: 85px; color: #fff;-webkit-text-stroke: 3px #000; text-shadow: 5px 5px 0px #000; margin-bottom: 10px; letter-spacing: -1.5px;} .mem_cont.join4 .welcome_join .welcome_join_in .name span {font-family: 'TmonMonsori'; color: #002c9a;-webkit-text-stroke: 3px #fff;} .mem_cont.join4 .welcome_join .welcome_join_in .service_info {margin-top: 15px;} .mem_cont.join4 .welcome_join .welcome_join_in .service_info p {font-size: 21px; font-weight: 300;} .mem_cont.join4 .welcome_join .welcome_join_in .service_info p:first-child {font-weight: 500; padding-bottom: 8px;} .mem_cont.join4 .mem_ship_join {padding:28px 0 0;text-align:center;background:#fbc72b;border-radius:10px;} .mem_cont.join4 .mem_ship_join .text {padding:15px 0 33px;font-size:22px;letter-spacing:-0.025em;color:#222;} .mem_cont.join4 .mem_ship_join .text strong {font-weight:700;color:#002c9a;} .mem_cont.join4 .text_bottom {font-size: 20px; padding: 25px 0; border: 5px solid #e5e5e5; border-radius: 10px; margin:20px 0 40px 0; color: #333;} .mem_cont.join4 .text_bottom div { display: flex; width: 25%; margin: 0 auto; position: relative;} /* .mem_cont.join4 .text_bottom div:first-child::after {position: absolute; content: "";bottom: 0; left: 50%; width: calc(100% + 700px); height: 1px; background-color: #f2f2f2; transform: translateX(-50%);} */ .mem_cont.join4 .text_bottom div p:first-child {width: 50%; font-weight: 500;} .mem_cont.join4 .text_bottom div p:last-child {width: 50%; font-weight: 300;} .mem_cont.join4 .text_bottom div p {text-align: left; padding: 15px 0;} /* //join4 - 가입완료 */ /* 메인화면 */ .my_dashboard {margin-top: 40px;} .my_dashboard .dashboard_title { font-family: 'GmarketSansBold'; font-size: 22px; font-weight: 600; padding-bottom: 25px;} .my_dashboard .my_dashboard_cont1 button,.my_dashboard .my_dashboard_cont3 button {position: absolute; right: 30px; top: 30px; border-radius: 5px;} .my_dashboard .my_dashboard_cont3 button.btnType20{position: static; vertical-align: baseline; margin: 0 0 0 8px;} .my_dashboard>div { display: flex; justify-content: space-between; align-items: center;} .my_dashboard>.my_dashboard_cont1,.my_dashboard>.my_dashboard_cont3 {background-color: #f2f2f2; padding: 30px; border-radius: 5px; box-sizing: border-box; margin: 0 0 30px 0; position: relative; flex-wrap: wrap;} .my_dashboard .event_status{display:inline-block; width: 80px; height: 30px; background-color: #f9c427; font-size: 16px; font-weight: 500; text-align: center; line-height: 29px; color: #222; border-radius: 20px;} /* .my_dashboard .send_price { height: inherit;background-color: #fff; height: 43px; padding: 0 30px 0 12px; border-radius: 21.5px; align-items: center; display: flex; font-weight: 300;} .my_dashboard .send_price::after {content: none;} .send_top .send_price li:first-child {margin-right: 15px;} .send_top .send_price li:last-child {margin-right: 0;} .my_dashboard .event_text{width: 558px; margin: 8px 0 0 auto; text-align: left; font-size: 15px; color: #555;} .my_dashboard .event_text span{font-size: 15px; font-weight: bold; color: #e40000; padding: 0 0 0 0;} */ .my_dashboard .send_price{display: flex;width: calc(100% - 490px); height: 80%; margin: 0 0 0 0; line-height: 1; align-items: stretch;} .my_dashboard .send_price::after{display: none;} .my_dashboard .send_price .price_title{display: flex; width: 100px; background-color: #eea301; color: #fff; font-size: 18px; font-weight: bold; border-radius: 10px 0 0 10px; align-items: center; justify-content: center; line-height: 1.5;} .my_dashboard .send_price .price_wrap{width: calc(135% - 100px); background-color: #fff; border-radius: 0 10px 10px 0;} .my_dashboard .send_price ul{display: flex; width: calc(100% - 0px); border-bottom: 1px dashed #d5d5d5; margin: 0 auto; padding: 10px 14px; align-items: center; flex-wrap: wrap; box-sizing: border-box;} .my_dashboard .send_price ul:last-child{border: 0; align-items: flex-start;} .my_dashboard .send_price ul:first-child li:last-child{margin: 0; padding: 0} .my_dashboard .send_price .price_wrap .title{font-size: 16px; color: #222;} .my_dashboard .send_price .price_wrap .title img{margin: 0 8px 0 0; vertical-align: top;} .my_dashboard .send_price .event_wrap{width: 100%; background-color: #f5f5f5; border-radius: 5px; text-align: center; margin: 10px 0 0 0;} .my_dashboard .send_price .event_wrap .event_text{font-size: 15px; color: #444; padding: 8px 0;} .my_dashboard .send_price .event_wrap .event_text span{color: #e40000; font-size: 17px;} .my_dashboard .excel_middle{margin: 0 0 30px 0; padding: 10px 30px;} .my_dashboard .excel_middle .calendar_wrap{margin: 0 4px 0 0;} .my_dashboard .excel_middle .calendar_wrap input{margin: 0 4px;} .my_dashboard .excel_middle .calendar_wrap input:first-child{margin: 0 4px 0 0;} .my_dashboard .excel_middle .calendar_wrap input:last-child{margin: 0 0 0 4px;} .my_dashboard .excel_middle button{height: 36px; margin: 0;} .my_dashboard .excel_middle button:last-child{margin: 0 0 0 0;} .my_dashboard .excel_middle .btn_left{float: none;} .my_dashboard .excel_middle .reqTxt4{float: right; margin: 4px 0 0 16px; font-size: 15px;} .my_dashboard .list_tab_wrap2 ul{margin: 0;} .my_dashboard .price_history_cont{display: block; margin: 20px 0;} .my_dashboard .price_history_cont .tb_wrap{min-height: auto; margin: 0 0 30px 0;} .my_dashboard .my_dashboard_cont3 .reqTxt2{text-align: right; margin: 0 0 10px 0;} .my_dashboard .tType1_title{margin: 25px 0 0 0;} .my_dashboard .tType1_title img{margin: 0 8px 0 0; vertical-align: top;} .my_dashboard .my_dashboard_cont3.number_set .table_wrap{margin: 0;} .my_dashboard .picker__table thead{background-color: #fff;} .my_dashboard .picker__table thead th{border: 0;} .my_dashboard .picker__table thead th::after{display: none;} .my_dashboard .picker__table tbody td{height: auto; border: 0; background-color: transparent;} .my_dashboard .table_wrap {border: 1px solid #ccc; border-radius: 5px; margin: 0 0 15px 0;} .my_dashboard .table_wrap:last-child{margin: 0 0 0 0;} .my_dashboard_cont2 .table_wrap {margin-top: 10px;} .my_dashboard table {table-layout: fixed; width: 100%;} .my_dashboard table thead {background-color: #ededed; z-index: 0;} .my_dashboard table thead th {height: 36px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 15px; z-index: 1; vertical-align: middle;position: relative;} .my_dashboard table thead th:first-child {border-radius: 5px 0 0 0;} .my_dashboard table thead th:last-child {border-right: 1px solid transparent; border-radius: 0 5px 0 0;} .my_dashboard table thead th::after{position: absolute; content: " "; width: 100%; height: 18px; background-color: #e5e5e5; bottom: 0; left: 0; z-index: -1;} .my_dashboard table tbody td {text-align: center; font-size: 15px; font-weight: 300; height: 38px; padding: 0 5px; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; background-color: #fff;vertical-align: middle; color: #666; letter-spacing: -0.5px;} .my_dashboard table tbody td .event_status02{display: inline-block; width: 19px; height: 19px; line-height: 19px; background-color: #e40000; color: #fff; font-size: 14px; font-weight: bold; border-radius: 5px; margin: -1px 0 0 0;} .my_dashboard table tbody td:last-child {border-right: 1px solid transparent;} .my_dashboard table tbody tr:last-child td {border-bottom: 1px solid transparent; } .my_dashboard table tbody tr:last-child td:first-child {border-bottom: 1px solid transparent; border-radius: 0 0 0 5px;} .my_dashboard table tbody tr:last-child td:last-child {border-bottom: 1px solid transparent; border-radius: 0 0 5px 0 ;} /* mypage dashboard cont1 */ .my_dashboard .my_dashboard_cont1 {padding: 25px 30px;} .my_dashboard_cont1>div {display: flex; align-items: center;} .my_dashboard_cont1 p {font-size: 20px; font-weight: 300;} .my_dashboard_cont1 p span {font-size: 26px; font-weight: 600; padding-right: 3px;} .my_dashboard .my_dashboard_cont1 button {font-size: 17px; height: 45px; padding: 0 15px; border: 1px solid #002c9a; border-radius: 5px; margin-left: 15px; color: #002c9a; background-color: #fff; position: relative; right: 5px; top: 3px;} .my_dashboard_cont1>span {background-color: #fff; height: 43px; padding: 0 30px; border-radius: 21.5px; align-items: center; display: flex; font-weight: 300;} .my_dashboard_cont1>span>span {font-weight: 500;} .my_dashboard_cont1 .title_wrap{width:450px;} .my_dashboard_cont1 .user_text{display:flex;max-width:calc(100% - 115px);align-items:center;flex-wrap:wrap;margin:0 10px 0 0;line-height:1.3;} .my_dashboard_cont1 .user_name{word-break:break-all;margin:0 5px 0 0;} .my_dashboard_cont1 .title_wrap .btnType{position:inherit;height:36px;margin:0;} /* mypage dashboard cont1 등급제 기간 추가 - 기간 지나면 이부분 삭제 */ .my_dashboard .my_dashboard_cont1 {padding: 25px 30px;} .my_dashboard_cont1>div {display: flex; align-items: center;} .my_dashboard_cont1 p {font-size: 16px; font-weight: 300;} .my_dashboard_cont1 p span {font-size: 24px; font-weight: 600; padding-right: 3px; /*margin-left: -20px;*/} .my_dashboard .my_dashboard_cont1 button {font-size: 17px; height: 45px; padding: 0 8px; border: 1px solid #002c9a; border-radius: 5px; margin-left: 15px; color: #002c9a; background-color: #fff; position: relative; right: 5px; top: 3px;} .my_dashboard_cont1>span {background-color: #fff; height: 43px; padding: 0 30px; border-radius: 21.5px; align-items: center; display: flex; font-weight: 300;} .my_dashboard_cont1>span>span {font-weight: 500;} .my_dashboard .my_dashboard_cont1 .level_icon{margin: 0 7px 0 0; display: block; width: 46px; height: 80px; text-align: center; padding: 0; background-color: transparent; border: 0;} .my_dashboard_cont1 .level_icon p{font-size: 14px; font-weight: 400; margin-top: 2px; color: #444;} /* mypage dashboard cont2 */ .my_dashboard .my_dashboard_cont2 {width: 100%; flex-flow: wrap;} .dashboard_info {display: flex; flex-flow: wrap; width: 100%; justify-content: space-between;} .dashboard_info>div {background-color: #fff; padding: 15px 20px; border-radius: 5px; box-sizing: border-box;} .dashboard_info>div p:first-child {font-size: 18px; padding-bottom: 15px;} .dashboard_info>div p:last-child {font-size: 18px; text-align: right; font-size: 16px; font-weight: 300;} .dashboard_info>div p:last-child span {color: #002c9a; font-weight: 800; letter-spacing: -0.25px; font-size: 20px; font-family: 'GmarketSansBold';} .my_dashboard_cont2>div:nth-child(1) .dashboard_info>div {width: calc(100%/3 - 5px);} .my_dashboard_cont2>div:nth-child(2) .dashboard_info>div {width: calc(100%/2 - 5px);} .my_dashboard_cont2>div {width: calc(100%/2 - 5px); padding: 40px 30px; background-color: #f2f2f2; border-radius: 5px; margin-bottom: 15px; box-sizing: border-box; position: relative;} .my_dashboard_cont2>div:nth-child(1),.my_dashboard_cont2>div:nth-child(2) {height: 365px;} .my_dashboard_cont2>div:nth-child(3),.my_dashboard_cont2>div:nth-child(4) {height: 300px;} .my_dashboard_cont2>div:nth-child(1) .cont2_com {display: flex; justify-content: space-between; height: 50px; padding: 0 20px; border-radius: 5px; box-sizing: border-box; align-items: center;} .my_dashboard_cont2>div:nth-child(1) .cont2_com p:first-child {font-size: 18px;} .my_dashboard_cont2>div:nth-child(1) .cont2_com p:last-child {font-size: 16px; font-weight: 300;} .my_dashboard_cont2>div:nth-child(1) .cont2_com p:last-child span {font-family: 'GmarketSansBold'; font-size: 20px; font-weight: 600; letter-spacing: -0.25px;} .my_dashboard_cont2>div:nth-child(1) .cont2_2 {background-color: #fbc72b; margin: 15px 0 7px 0;} .my_dashboard_cont2>div:nth-child(1) .cont2_3 {background-color: #fff;} .my_dashboard_cont2>div:nth-child(1) .cont2_4 {text-align: center; font-size: 16px; color: #555; font-weight: 300; padding-top: 15px;} .my_dashboard_cont2>div:nth-child(1) .cont2_4>span {font-weight: 800;} .my_dashboard .my_dashboard_cont3 {display: block;} .my_dashboard_cont2>div:nth-child(4) .cont2_5 {background-color: #fff; padding: 23px 20px; border-radius: 5px; box-sizing: border-box;} .my_dashboard_cont2>div:nth-child(4) .cont2_5>div {display: flex; justify-content: space-between; align-items: center;} .my_dashboard_cont2>div:nth-child(4) .cont2_5>div:first-child {border-bottom: 1px solid #d5d5d5; padding-bottom: 23px;} .my_dashboard_cont2>div:nth-child(4) .cont2_5>div:last-child {padding-top: 23px;} .my_dashboard_cont2>div:nth-child(4) .cont2_5 p {font-weight: 600; font-size: 18px;} .my_dashboard_cont2>div:nth-child(4) .cont2_5 p span {display: block; font-size: 15px; font-weight: 300; color: #555; padding-top: 10px;} .my_dashboard_cont2>div:nth-child(4) .tab_depth1 .on_active {text-align: center; height: 36px;} .my_dashboard_cont2>div:nth-child(4) .tab_depth1 a {text-align: center;} .mypage_content.current {display: block;} .mypage_content {background-color: #fff; min-height: 589px; padding: 40px;border-radius: 10px; display: none;} .mypage_content .mem_cont_in {position: relative; max-width: 820px; padding: 80px; margin: 0 auto;} .mypage_content .mem_cont_in.widthS {max-width: 610px;} .mypage_content .mem_cont_in.widthM {max-width: 740px;} .mypage_content .mem_cont_in.widthL {max-width: 100%;} .mypage_content .mem_cont_in .input_list {margin-bottom: 0;} .mypage_content .text_top {font-size: 20px; padding: 21.5px 50px; border-radius: 10px; margin-bottom: 30px; background-color: #ffcc33; text-align: center;} .mypage_content .text_top p {display: inline-block; vertical-align: middle; margin-bottom:3px;line-height:26px;word-break:break-all;} .mypage_content .text_top span {font-weight: 500; color: #002c9a;} .mypage_content .text_top strong {font-size:24px;font-weight:700;color:#002c9a;} .mypage_content .text_top dl {display:flex;margin:20px -35px 0;padding:28px 0;justify-content:space-between;background:#fff;border-radius:5px;} .mypage_content .text_top dl dt {display:flex;width:135px;font-size:20px;font-weight:700;justify-content:center;align-items:center;color:#222;border-right:1px solid #ccc;} .mypage_content .text_top dl dd {width:calc(100% - 135px);padding:0 50px 0 35px;font-size:18px;line-height:26px;text-align:left;box-sizing:border-box;} .mypage_content .mem_cont_in .mem_btnWrap2 {margin-top: 30px;} .mypage_content .mem_cont_in .list_title2 {font-size: 26px; text-align: center; margin-bottom: 40px;} .mypage_content .mem_cortab {display:flex;justify-content:space-between;background:#f4f4f5;border-radius:5px;} .mypage_content .mem_cortab li {width:calc(100%/2);} .mypage_content .mem_cortab li button {display:block;width:100%;height:60px;font-size:20px;line-height:60px;text-align:center;color:#555;} .mypage_content .mem_cortab li.active button {font-weight:500;color:#222;background:#fbc72b;border-radius:5px;} .mypage_content .cor_noti {margin:60px 0 30px;padding:0 30px 20px;font-size:20px;line-height:26px;text-align:center;word-break:break-all;} .mypage_content .cor_noti:before {content:'';display:inline-block;width:16px;height:11px;margin:0 18px;vertical-align:top;background:url(/publish/images/mem/icon_quotation01.jpg) no-repeat left top;} .mypage_content .cor_noti:after {content:'';display:inline-block;width:16px;height:11px;margin:0 18px;vertical-align:top;background:url(/publish/images/mem/icon_quotation02.jpg) no-repeat left top;} .mypage_content .cor_noti span {font-weight:500;color:#002c9a;} .mypage_content .input_list_cor {display:none;} .mypage_content .input_list_cor:first-child {display:block;} /* 로그인 */ .mem_cont_in.login_wrap .welcome {line-height: 1.5; padding-bottom: 40px;} .mem_cont_in.login_wrap .list_inputType1::placeholder {color: #a6a6a6; font-size: 18px;} .mem_cont_in.login_wrap .input_list .input_list_item .input_left {width: 115px;} .mem_cont_in.login_wrap .img_area{text-align: center;} .login_del {position: absolute; right: 20px; top: 50%; transform: translateY(-50%);} .login_del button {margin-left: 8px;} .password_protect {background-image: url(/publish/images/content/password_protect.png); width: 19px; height: 22px; margin-top: 2px;} .pass_no2 {background-color: #ffeaea; height: 40px; padding: 0 20px; border-radius: 5px; } .pass_no2 p {color: #e40000; line-height: 40px;} .pass_no2 p i {background-image: url(/publish/images/mem/req_deco1.png); width: 16px; height: 16px; margin: 0 5px 2px 0;} .mem_cont_in.login_wrap .lgoin_bottom {margin-top: 20px;} .mem_cont_in.login_wrap .lgoin_bottom>div {float: left;} .mem_cont_in.login_wrap .lgoin_bottom>div .checkbox_wrap {margin-right: 5px;} .mem_cont_in.login_wrap .lgoin_bottom>div span {color: #a6a6a6;} .mem_cont_in.login_wrap .lgoin_bottom ul {float: right; padding-top: 1px;} .mem_cont_in.login_wrap .lgoin_bottom ul li {display: inline-block; color: #a6a6a6; padding-left: 50px;} .mem_cont_in.login_wrap .lgoin_bottom ul li::before {background-color: #a6a6a6;top: 55%; left: 25px; height: 16px;} .mem_cont_in.login_wrap .input_list.dormant_input_list .listType1{margin: 0;} .mem_cont_in.login_wrap .input_list.dormant_input_list .input_list_item .input_left{width: 130px;} .mem_cont_in.login_wrap .input_list.dormant_input_list .input_list_item .list_btn_wrap{right: -30px;} /* 비밀번호 확인 */ .mypage_content .mem_cont_in.widthS .mem_btn3 {width: 100%;} .reqTxt4 {color: #666; font-weight: 300; line-height: 1.7; margin-top: 35px;} /* 비밀번호 변경 */ .input_list_item.send_agree .input_right>div {display: inline-block; padding-top: 5px;margin-right: 25px;} .input_list_item.send_agree .input_right .checkbox_wrap {margin-right: 5px;} .mypage_content .input_list_item.send_agree .input_right .list_alert {margin-right: 0; padding-top: 0; right: 0;top:-2px;} /* 기업회원 확인 */ .mypage_content .input_list.listType1 {margin-top: 50px;} .mypage_content .input_list.listType2 {margin-top: 30px;} /* 인증 */ .tType1 tbody tr.certify_cont th {border-top: 1px solid #fff;} .tType1 tbody tr.certify_cont td { border-top: 1px solid #fff; padding: 0 35px 20px 0;} .tType1 tbody tr.certify_cont input[type="text"] {background-color: #fff; width:350px; height: 30px;padding: 0;} .certify_cont td>div {background-color: #f2f2f2; padding: 30px 35px; border-radius: 5px; box-sizing: border-box; position: relative;} .certify_cont td>div>p {font-size: 17px; font-weight: 300; color: #666;padding-bottom: 8px;} .certify_cont td>div .certify_in {background-color: #fff; padding: 20px 40px; border-radius: 5px; margin-top: 12px; box-sizing: border-box;} .certify_cont td>div .certify_in>div {display: flex; height: 60px; border-bottom: 1px solid #e5e5e5; box-sizing: border-box; } .certify_in>div .certify_in_head {width: 120px; line-height: 60px; font-weight: 400; font-size: 17px;} .certify_in>div .certify_in_body {width: calc(100% - 120px); line-height: 55px; position: relative;} .certify_in>div .certify_in_body>button {position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-color: #6a6c72; width: 80px; height: 40px; border-radius: 5px; color: #fff; font-size: 15px; font-weight: 300;line-height: 40px;} .certify_in>div .certify_in_body textarea {height: 93px; padding: 15px; border: none; border-radius: 5px; margin-top: 20px; background-color: #f2f2f2;} .certify_in>div .certify_in_body textarea::placeholder {color: #a6a6a6; font-size: 16px;} /* 발신번호 관리 */ .mypage_content .mem_cont_in.widthXL {max-width: 100%; padding: 0;} .mypage_content .tType1 tbody td.put_num>p {display: inline-block; vertical-align: middle; padding-left: 15px; color: #a6a6a6; line-height: 1.7; font-weight: 300; font-size: 15px;} .mypage_content .search_wrap {margin: 20px 0 30px 0;} .mypage_content .search_wrap button {font-size: 14px; background-color: #fff;height: 32px; padding: 0 10px; border-radius: 5px; border: 1px solid #b1b1b1; color: #555;} .mypage_content .search_wrap .btn_left>button {margin-left: 0; margin-right: 1px;} .mypage_content .search_wrap .btn_left button {height: 32px; padding: 0 10px; border-radius: 5px; border: 1px solid #b1b1b1; } .mypage_content .search_wrap input[type="text"] {width: 200px; height: 32px; border: 1px solid #ccc; border-radius: 5px; font-size: 14px;} .mypage_content .search_wrap input[type="text"]::placeholder {color: #a6a6a6; font-weight: 300;} .mypage_content .search_wrap .btn_right2 button {margin-left: 2px;} .mypage_content .search_wrap .btn_right2 button:nth-child(3) {background-color: #6a6c72; border: 1px solid #6a6c72; color: #fff; font-weight: 300;} .mypage_content .callNum_list_wrap {position:relative;margin:42px 0 0;} .mypage_content .callNum_list_wrap .callNum_list_title {display:inline-block;padding-bottom:15px;font-size:16px;font-weight:300;} .mypage_content .callNum_list_wrap .btnType {display:inline-block;margin:-17px 0 0 8px;padding:0 14px;vertical-align:top;} .mypage_content .papers_guide {overflow:hidden;position:relative;margin:0 0 60px;padding:32px 0 0;box-sizing:border-box;} .mypage_content .papers_guide h3 {padding:0 0 15px;font-size:20px;font-weight:500;line-height:22px;letter-spacing:-0.025em;} .mypage_content .papers_guide h3:before {content:'';display:inline-block;width:21px;height:22px;margin:0 8px 0 0;vertical-align:top;background:url(/publish/images/mem/icon_papers_guide_title.png) no-repeat left top;} .mypage_content .papers_guide .guide_content {position:relative;padding:19px 59px 15px;border:1px solid #46484a;border-radius:5px;} .mypage_content .papers_guide .guide_content .guide_tab {overflow:hidden;position:absolute;right:0;top:-38px;width:385px;} .mypage_content .papers_guide .guide_content .guide_tab:after {content:'';position:absolute;left:50%;top:0;width:4px;height:1px;background:#bcbdc1;transform:translateX(-50%);} .mypage_content .papers_guide .guide_content .guide_tab li {float:left;width:calc(100%/2);box-sizing:border-box;} .mypage_content .papers_guide .guide_content .guide_tab li button {display:block;width:100%;font-size:18px;height:38px;text-align:center;border-top:1px solid #bcbdc1;border-right:1px solid #bcbdc1;border-radius:0 5px 0 0;} .mypage_content .papers_guide .guide_content .guide_tab li:first-child button {border-left:1px solid #bcbdc1;border-right:0 none;border-radius:5px 0 0 0;} .mypage_content .papers_guide .guide_content .guide_tab li.active button {color:#fff;border-color:#46484a;background:#46484a;border-radius:5px 5px 0 0;} .mypage_content .papers_guide .guide_content .guide_table {display:none;} .mypage_content .papers_guide .guide_content .guide_table.active {display:block;} .mypage_content .papers_guide .guide_content table {width:100%;table-layout:fixed;} .mypage_content .papers_guide .guide_content table thead tr th {height:40px;font-size:17px;font-weight:500;text-align:center;vertical-align:middle;border-left:1px solid #d5d5d5;background:#eee;} .mypage_content .papers_guide .guide_content table thead tr th:first-child {border:0 none;border-radius:5px 0 0 0;} .mypage_content .papers_guide .guide_content table tbody tr td {padding:5px 0 7px;font-size:16px;line-height:23px;text-align:center;vertical-align:middle;border-left:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;} .mypage_content .papers_guide .guide_content table tbody tr td.title {border-left:0 none;background:#f1f4f9;} .mypage_content .papers_guide .guide_content table tbody tr td:last-child {padding-left:30px;text-align:left;} .mypage_content .papers_guide .guide_content .noti {margin:12px 0 0;font-size:16px;color:#444;} .mypage_content .papers_guide .guide_content .noti span {margin:0 20px;} .mypage_content .papers_guide .guide_content .noti strong {font-weight:500;color:#e40000;} #sendNumberListLoad .tb_wrap {min-height:auto;} #sendNumberListLoad .tb_wrap .tType4 tbody tr:last-child td {border-bottom:0 none;} .mypage_content .send_button_wrap {margin:40px 0 0;text-align:center;} .mypage_content .tType1 tbody > tr > th {height:60px;padding:21px 0 0;vertical-align:top;box-sizing:border-box;} .mypage_content .tType1 tbody > tr#phone, .mypage_content .tType1 tbody > tr#upload {visibility:collapse;} .mypage_content .tType1 tbody tr td input[type=text] {width:340px;margin:0 2px 0 0;} .mypage_content .tType1 tbody tr td .calling .btnType {width:75px;height:40px;font-size:16px;letter-spacing:-0.025em;text-align:center;color:#222;border:1px solid #b1c6ee;background:#e8f0ff;border-radius:5px;} .mypage_content .tType1 tbody tr td .summary {margin:0 0 0 10px;font-size:14px;line-height:40px;color:#e40000;} .mypage_content .tType1 tbody tr td .name_check input[type=radio] {width:18px;height:18px;margin-top:2px;} .mypage_content .tType1 tbody tr td .name_check input[type=radio] + label {font-size:18px;cursor:pointer;} .mypage_content .tType1 tbody tr td .file_content {display:flex;margin:10px 0 15px;justify-content:space-between;} .mypage_content .tType1 tbody tr td .file_content li {position:relative;} .mypage_content .tType1 tbody tr td .file_content li:first-child {padding-top:23px;font-size:15px;font-weight:500;line-height:17px;white-space:nowrap;color:#e40000;} .mypage_content .tType1 tbody tr td .file_content li:first-child span {display:inline-block;width:17px;height:17px;margin:0 10px 0 0;font-size:12px;font-weight:700;line-height:17px;text-align:center;color:#fff;background:#e40000;border-radius:22px;} .mypage_content .tType1 tbody tr td .file_content li .file_box {width:80px;height:40px;} .mypage_content .tType1 tbody tr td .file_content li .file_box input[type=file] {width:100%;height:100%;opacity:0;filter:opacity(0);} .mypage_content .tType1 tbody tr td .file_content li .file_box input[type=file] + label {position:absolute;left:0;top:0;width:100%;height:100%;font-size:15px;font-weight:300;line-height:40px;text-align:center;color:#fff;background:#6a6c72;border-radius:5px;cursor:pointer;} .mypage_content .tType1 tbody tr td .file_content li .file_box input[type=file] + label:hover {box-shadow:0px 0px 5px 3px rgb(0 0 0 / 12%);} .mypage_content .tType1 tbody tr td .upload_area {display:block;height:auto;border-bottom:0 none;} .mypage_content .tType1 tbody tr td .upload_area .tb_wrap {position:relative;min-height:200px;padding:0 0 36px;} .mypage_content .tType1 tbody tr td .upload_area .tb_wrap .tType4 {height:100%;} .mypage_content .tType1 tbody tr td .upload_area .tb_wrap .tType4 tr {border:0 none;} .mypage_content .tType1 tbody tr td .upload_area .tb_wrap .tType4 thead th, .mypage_content .tType1 tbody tr td .upload_area .tb_wrap .tType4 tbody td {text-align:center;border-right:0 none;border-top:0 none;} .mypage_content .tType1 tbody tr td .upload_area .tb_wrap .tType4 thead th:first-child, .mypage_content .tType1 tbody tr td .upload_area .tb_wrap .tType4 tbody td:first-child {padding:0 0 0 10px;text-align:left;} .mypage_content .tType1 tbody tr td .upload_area .tb_wrap .tType4 tbody td {padding:0;} .mypage_content .tType1 tbody tr td .upload_area .tb_wrap .tType4 tbody tr:last-child td {border-bottom:0 none;} .mypage_content .tType1 tbody tr td .upload_area .tb_wrap .tType4 tbody td .delBtn {width:18px;height:18px;font-size:0;text-indent:-9999em;border:1px solid #ccc;background:url(/publish/images/content/kisa_layer_file_delete_icon.png) no-repeat center center;border-radius:3px;} .mypage_content .tType1 tbody tr td .upload_area .tb_wrap .tType4 tbody td .file_add {height:230px;margin:0;border:0 none;border-radius:0;} .mypage_content .tType1 tbody tr td .upload_area .tb_wrap.no_img_box {padding:0;border-bottom:1px solid #ccc;} .mypage_content .tType1 tbody tr td .upload_area .tb_wrap.no_img_box:before {content:'첨부파일을 넣어주세요';position:absolute;left:50%;top:50%;padding:0 0 0 36px;font-size:15px;line-height:30px;color:#666;background:url(/publish/images/content/file_add.png) no-repeat left center;transform:translateX(-50%);z-index:1;} .mypage_content .tType1 tbody tr td .upload_area .tb_wrap.no_img_box:after {content:'';position:absolute;left:0;top:36.5px;width:100%;height:calc(100% - 36.5px);background:#f2f2f2;} .mypage_content .tType1 tbody tr td .upload_area .tb_wrap.no_img_box .tType4 tbody td:first-child {padding:0;} .mypage_content .tType1 tbody tr td .upload_area .tb_wrap .file_info {position:absolute;left:0;bottom:0;width:100%;height:36px;padding:0 11px;font-size:15px;font-weight:300;line-height:36px;text-align:right;border-top:1px solid #ccc;background:#ededed;box-sizing:border-box;} .mypage_content .tType1 tbody tr td .upload_area .tb_wrap .file_info strong {font-weight:500;color:#002c9a;} .mypage_content .tType1 tbody tr td .upload_area .tb_wrap .file_info span {display:inline-block;width:1px;height:16px;margin:11px 18px 0;vertical-align:top;background:#666;} .mypage_content .tType1 tbody tr td .certify_in_body .noti {position:absolute;right:0;top:50%;font-size:16px;font-weight:300;letter-spacing:-0.025em;color:#a6a6a6;transform:translateY(-50%);} /* 서류 인증 */ .certify_in>div .certify_in_body.certify_num input[type="text"] {width: 150px; padding: 0 20px;} .certify_in>div .certify_in_body.certify_num input[type="text"]:nth-child(2) {padding: 0;} .certify_in>div .certify_in_body.certify_num>span {font-weight: 500; vertical-align: middle;} .certify_in>div .certify_in_body.certify_p {position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 16px; color: #a6a6a6;} .certify_cont td>div .certify_in .textarea_wrap {height: auto;} .certify_cont td>div .certify_in .btnWrap {text-align: center; display: block; border-bottom: 0; margin-top: 20px;} .certify_cont td>div .certify_in .btnWrap button {margin: 0 3px;} .layer_btn {position: absolute; right: 35px; top: 26px; background-color: #fff; color: #555; border: 1px solid #b1b1b1; border-radius: 5px; width: 207px; height: 32px; font-size: 14px;} .layer_btn i {background-image: url(/publish/images/content/layer_btn.png); width: 14px; height: 14px; margin: 0 4px 3px 0;} /* �˸����� */ .alarm_title {font-size: 20px; font-weight: 500; padding-bottom: 15px;} .alarm_cont .tType1 { margin-bottom: 20px;} .alarm_cont .tType1 th {vertical-align: middle; list-style: inherit;} .alarm_cont .tType1 td {position: relative;} .alarm_cont .tType1 td input[type="checkbox"] {margin-top: 4px;} .alarm_cont .tType1 td input[type="checkbox"]+label {font-size: 18px; font-weight: 300; vertical-align: middle;} .alarm_cont .tType1 td>div {display: inline-flex; background-color: #f2f2f2; width: calc(100% - 296px); height: 40px; border-radius: 5px; margin-left: 28px; position: relative; vertical-align: middle;} .alarm_cont .tType1 tbody tr td .text_req {padding-left: 15px;} .tType1 td .emailWrap2 input[type="text"] {width: calc(100%/2 - 150px);} .tType1 td .numWrap input[type="text"] {padding: 0 10px;} .tType1 td .emailWrap2 span {padding: 7px 0; font-weight: 400;} .tType1 td .numWrap span {padding: 10px 0; font-weight: 500;} .alarm_cont .tType1 td .list_selType1 {background-color: #f2f2f2; border-radius: 5px; width: 200px; height: 40px; padding: 0 15px; float: right; box-sizing: border-box; background-position: right 15px top 50%; font-size: 16px;} /* ȸ��Ż�� */ .self_identfy_wrap {display: flex; justify-content: center;} .self_identfy_wrap>div {width: 64%; height: 390px; border: 3px solid #dddddd; border-radius: 5px; display: table; text-align: center;} .self_identfy_wrap p {font-size: 24px; font-weight: 500;} .self_identfy_wrap span {font-size: 17px; font-weight: 300; color: #555; margin: 12px 0 22px 0; display: inline-block; line-height: 1.5;} .self_identfy_wrap .indenfy_btn {width: 325px; height: 50px; border-radius: 5px; background-color: #002c9a; color: #fff; font-size: 18px;} .self_identfy_wrap .indenfy_btn:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.12);} .self_identfy_wrap .indenfy_num {width: 325px; margin: 0 auto;} .self_identfy_wrap .indenfy_num>div input[type="text"] {background-color: #f2f2f2; height: 40px; padding: 0 20px; border-radius: 5px;} .self_identfy_wrap .indenfy_num>div:nth-child(1) {display: flex; justify-content: space-between;} .self_identfy_wrap .indenfy_num>div:nth-child(1) input[type="text"] {width: calc(100% - 130px);} .self_identfy_wrap .indenfy_num>div:nth-child(1) input[type="text"]::placeholder {color: #000; letter-spacing: 1px;} .self_identfy_wrap .indenfy_num>div:nth-child(2) input[type="text"] {width: 100%; margin-top: 5px; margin-bottom: 20px;} .self_identfy_wrap .indenfy_num>div:nth-child(2) input[type="text"]::placeholder {text-align: center; font-weight: 300; color: #a6a6a6;} /* ȸ��Ż�� �� */ .memWithdrawal_cont {background-color: #efeff0; padding: 30px; border-radius: 5px; margin-top: 40px; box-sizing: border-box;} .memWithdrawal_cont>div:nth-child(odd) {display: flex; justify-content: space-between; margin-bottom: 15px; position: relative;} .memWithdrawal_cont>div:nth-child(odd)>p {font-size: 20px; font-weight: 500;} .memWithdrawal_cont>div button {position: absolute; top: 43%; left: 84px; transform: translateY(-50%); background-color: #fff; width: 100px; height: 36px; border: 1px solid #ccc; font-size: 14px;} .memWithdrawal_cont .checkbox_wrap {margin-right: 0;} .memWithdrawal_cont .checkbox_wrap span {font-size: 16px; font-weight: 300; padding-left: 2px; color: #666;} .memWithdrawal_cont .memWithdrawal_cont_in {background-color: #fff; padding: 25px; border-radius: 5px; box-sizing: border-box; } .memWithdrawal_cont .memWithdrawal_cont_in p {font-size: 16px; font-weight: 300; color: #666; margin-bottom: 10px; line-height: 1.5; display: block;} .memWithdrawal_cont .memWithdrawal_cont_in p:last-child {margin-bottom: 0;} .memWithdrawal_cont .memWithdrawal_cont_in:not(:last-child) {margin-bottom: 30px;} .reason_wrap {padding: 30px 35px; border: 3px solid #ddd; border-radius: 5px; margin-top: 30px; box-sizing: border-box;} .reason_wrap p {font-size: 20px; font-weight: 500;} .reason_wrap .reason_checkbox>div {display: inline-block; margin-top: 20px; margin-right: 17px;} .reason_wrap input[type="radio"]+label {font-size: 17px; font-weight: 300; margin-right: 0;} .reason_wrap .reason_checkbox>div input[type="text"].inputLight {background-color: #f2f2f2; border-radius: 5px; width: 370px; height: 36px; margin-left: 10px; font-size: 14px;} .reason_wrap .reason_checkbox>div input[type="text"].inputLight::placeholder {font-size: 14px;} .reason_wrap .reason_checkbox>div:first-child {margin-right: 30px;} .reason_wrap .reason_checkbox>div:first-child button {background-color: #fbc72b; width: 100px; height: 36px; border-radius: 5px; margin-left: 10px ; font-size: 14px;} .reason_wrap .reason_checkbox>div:last-child button {width: 50px; height: 36px; border-radius: 5px; margin-left: 1px; background-color: #999; color: #fff; font-size: 14px;} .reason_wrap .pw_wrap {display: flex; padding-top: 30px;} .reason_wrap .pw_wrap p {line-height: 50px; width: 110px;} .reason_wrap .pw_wrap input[type="text"] {background-color: #f2f2f2; width: calc(100% - 110px); height: 50px; border-radius: 5px;} .mem_cont_in .agree_wrap {text-align: center; margin: 20px 0 40px 0;} .mem_cont_in .agree_wrap span {font-weight: 300; color: #666;} /* ���̵� ã�� */ .list_title3 {text-align: center; font-size: 20px; margin-bottom: 30px; position: relative; line-height: 1.4;} .list_title3::after {background-image: url(/publish/images/content/duble_q_mark1.png); position: absolute; top: -2px; left: 200px; content: ""; width: 15px; height: 11px; opacity: 0.6;} .list_title3::before {background-image: url(/publish/images/content/duble_q_mark2.png); position: absolute; top: -2px; right: 200px; content: ""; width: 15px; height: 11px; opacity: 0.6;} .list_title3.ver2::after {left: 180px;} .list_title3.ver2::before {right: 180px;} .list_title3.ver3::after {left: 250px;} .list_title3.ver3::before {right: 250px;} .id_show {width: 100%; padding: 50px 0; border: 3px solid #efeff0; border-radius: 5px; box-sizing: border-box; text-align: center;} .id_show p {font-size: 26px; padding-bottom: 15px;} .id_show p span {color: #002c9a; font-weight: 600; font-size: 26px;} .id_show span {font-size: 16px; font-weight: 300; color: #999;} .id_show button {width: calc(100%/2 - 5px);height: 40px; border-radius: 5px; font-size: 16px; color: #fff;} .id_show button:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.2);} .id_show .mem_btn2 {background-color: #999;} .id_show .mem_btn3 {background-color: #eee; color: #333;} .id_show .idfind_certify {margin:48px 0 0;} .id_show .idfind_certify p {margin:0 0 6px;font-size:18px;color:#444;} .id_show .idfind_certify button {width:285px;color:#002c9a;} /* ��й�ȣ �缳�� */ .input_list.pw_set .input_list_item.emailWrap>div {width: calc(100% - 260px);} .input_list.pw_set .input_list_item.emailWrap .input_right .email_select {width: 250px;} .input_list.pw_set .input_list_item.emailWrap .input_right .email_select .list_btn_wrap {right: 15px;} .input_list.pw_set .input_list_item.emailWrap .input_right .email_select select {width: 60%; background-position: right 15px top 50%} .input_list.pw_set .input_list_item.emailWrap .input_right .email_select .list_btn_wrap button {padding: 0 5px;} /*// ���������� */ /* ����Ƚ�� �̻� �α��� ���� */ .limited_wrap {text-align:center;} .limited_wrap .text_box .title {font-size:30px;font-weight:300;letter-spacing:-0.025em;} .limited_wrap .text_box .title strong {font-weight:700;color:#002ca9;} .limited_wrap .text_box p {margin:30px 0 0;font-size:18px;font-weight:300;} .limited_wrap .limited_button {margin:40px 0;} .limited_wrap .limited_button .btnType {width:160px;margin:0 3px;} /* 마이페이지 */ /*등급제 아이콘 추가*/ @media only screen and (max-width:1540px){ .my_dashboard .send_price{width: calc(102% - 486px);} .my_dashboard .send_price .price_wrap{width: calc(105% - 73px);} .my_dashboard .send_price .price_title{width: 65px;} .send_top .send_price li{margin-right: 2px; padding-right:6px;} .my_dashboard>.my_dashboard_cont1, .my_dashboard>.my_dashboard_cont3{flex-wrap: nowrap;} .send_top .send_price .price_line::after{content: none;} } /* media queries */ @media only screen and (max-width:1480px){ .my_dashboard_cont1 p{font-size: 16px;} .my_dashboard_cont1 p span{font-size: 24px;} .my_dashboard .my_dashboard_cont1 button{height: 40px; padding: 0 15px; font-size: 16px; font-weight: 500;} .my_dashboard .send_price{width: calc(100% - 387px);} .send_top .send_price li{letter-spacing: -1px;} .send_top .send_price .title{padding: 0 4px 0 0;} /* mypage dashboard cont1 등급제 기간 추가 - 기간 지나면 이부분 삭제 */ .my_dashboard_cont1 p {font-size: 17px;} .my_dashboard_cont1 p span {font-size: 22px;} .my_dashboard .my_dashboard_cont1 button {font-size: 16px; padding: 0 8px; margin: 0 0 0 13px; color: #002c9a;} .my_dashboard_cont1 .level_icon{margin: 0 22px 0 0;} .my_dashboard .send_price{margin: 0 -24px 0 0;} .my_dashboard .send_price .price_wrap{width: calc(104% - 88px);} .my_dashboard .title_wrap .btnType{margin: 0 10px 0 0;} /*.my_dashboard .send_price .price_title{width: 75px;}*/ .my_dashboard .send_price .price_title{width: 50px; font-size: 16px; line-height: 1.4:} } @media only screen and (max-width:1380px){ /* �߽Ź�ȣ ���� */ .certify_in>div .certify_in_body.certify_num input[type="text"] {width: 100px;} } @media only screen and (max-width:1300px){ /* join3 */ .mem_cont.join3 .text_middle>div {font-size: 16px;} .my_dashboard .send_price .price_wrap{width:calc(101% - 72px);} .my_dashboard .send_price{width: calc(102% - 320px);} } @media only screen and (max-width:1280px{ .my_dashboard .send_price ul{padding: 10px 10px;} } @media only screen and (max-width:1260px){ /* �߽Ź�ȣ ���� */ .certify_in>div .certify_in_body.certify_num input[type="text"] {width: 80px;} } /* ie */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* join2 */ .clause_list li.list_open .clause_list_head button {top: 112%;} /* join3 */ .tType2 tbody tr td.numberInput .selType2 {width: 119px;} }