733 lines
61 KiB
CSS
733 lines
61 KiB
CSS
/* 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;}
|
||
|
||
/* <20>˸<EFBFBD><CBB8><EFBFBD><EFBFBD><EFBFBD> */
|
||
.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;}
|
||
|
||
|
||
/* ȸ<><C8B8>Ż<EFBFBD><C5BB> */
|
||
.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;}
|
||
/* ȸ<><C8B8>Ż<EFBFBD><C5BB> <20><> */
|
||
.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;}
|
||
|
||
/* <20><><EFBFBD>̵<EFBFBD> ã<><C3A3> */
|
||
.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;}
|
||
/* <20><>й<EFBFBD>ȣ <20>缳<EFBFBD><E7BCB3> */
|
||
.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;}
|
||
/*// <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> */
|
||
|
||
/* <20><><EFBFBD><EFBFBD>Ƚ<EFBFBD><C8BD> <20>̻<EFBFBD> <20>α<EFBFBD><CEB1><EFBFBD> <20><><EFBFBD><EFBFBD> */
|
||
.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){
|
||
/* <20>߽Ź<DFBD>ȣ <20><><EFBFBD><EFBFBD> */
|
||
.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){
|
||
/* <20>߽Ź<DFBD>ȣ <20><><EFBFBD><EFBFBD> */
|
||
.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;}
|
||
} |