@charset "utf-8"; /* CSS Document */ .pc{display:block;} /*pc 노출 = 테블릿, 모바일 미노출*/ .pcta{display:block;} /*pc, 테블릿 노출 = 모바일 미노출*/ .mo{display:none;} /*모바일 노출 = pc,테블릿 미노출*/ .ta{display:none;} /*테블릿, 모바일 노출 = pc 미노출*/ @media screen and (max-width: 1920px){ /* member > login */ #sub.login {height: auto;} #sub.login .container {height: auto; padding: 0 15px; box-sizing: border-box;} #sub.login .contWrap {height: auto;} #sub.login .contWrap > .tb {display: block; height: auto;} #sub.login .contWrap > .tb > .tbc {display: block; height: auto;} #sub.login .cols:first-child {margin-top: 20px;} /* member > join */ #sub.join .contWrap {padding: 0 15px;} /* member > idpw */ #sub.idpw .container {padding: 0 15px 5%;} /* 메인 */ #main .row .box .box_tit .left p {line-height: 1.5;} #main .row1 .box .box_tit .left {width: 80%;} #main .row1 .box .box_tit .right {width: 20%;} .popup .price_pop3 .pop {padding: 40px 35px 40px 45px;} .popup .price_pop3 .scroll {height: calc(100vh - var(--pop-margin2)); padding-right: 10px;} } @media screen and (max-width: 1840px){ .wrapper {padding: 20px;} /* sign > normal 공통 */ .step_wrapper .wrapper{padding: 15px 0 0;} } @media screen and (max-width: 1800px){ /*계정설정 - 내정보 - 이용중인 요금제(무료)*/ #sub.free .fee_info .left .btm{margin-top:91px;} /*계정설정 - 기업 정보 내부 결재라인 관리*/ #sub.linelist .tb_wrap > ul > li > div:nth-child(1){width:46%;} #sub.linelist .tb_wrap > ul > li > div:nth-child(4){width:7%;} } @media screen and (max-width:1770px){ /* 이용중인 요금제 */ #sub .responsive_img_mo{ display:none; } #sub .responsive_img_pc{ display:none; } #sub .responsive_img_tablet{ display:none; } #sub .responsive_img_laptop{ display:block; } .payment_pc_br{ display:none; } .payment_tablet_br{ display:none; } .payment_mo_br{ display:none; } .payment_laptop_br{ display:block; } #sub.paymentPage .btn_payment_banner{ margin-top: 8px; } .br_pc{ display:none; } .br_mo{ display:none; } .br_tablet{ display:none; } .br_laptop{ display:block; } .payment_box .payment_content_title.fda { height: 58px; } } @media screen and (max-width: 1720px){ /* sign > normal > step2 */ #sub.step2 .con_wrap .right {width: calc(100% - 330px);} #sub.step2 .con_wrap {padding: 60px 20px;} #sub.step2 .con_wrap .box > div {padding: 20px;} #sub.step2 .con_wrap .left {max-width: 310px; } #sub.step2 .con_wrap .left .signatory > div {padding-right: 13px;} #sub.step2 .con_wrap .left .signatory .people_list {margin-right: 0; padding-right: 12px;} #sub.step2 .con_wrap .left .signatory .tit_wrap i {right: 15px;} #sub.sign_idx .sub_header .switch_wrap {right: 25px;} /* sign > second > step4 */ .text-btn {padding: 20px; align-items: center;} .second .request_list {padding: 0 20px;} .second .request_list li > div .file_name {flex: 0 0 186px;} .second .request_list li > div .file_name em {flex: 0 0 175px; max-width: 145px;} #sub .con_wrap.second .box.attach {padding: 0 0 20px;} #sub .con_wrap.second .box.attach a.download {margin: 0 20px 10px;} #sub .con_wrap.second .box.attach a.download:last-child {margin-bottom: 0;} #sub .con_wrap.second .box.request_attach {padding-bottom: 20px;} #sub .con_wrap.second .right .box {min-height: 1345px;} /* sign > second > step2_1 */ .second .bname_list li a {margin: 0 20px 10px;} .second .bname_list li:last-child a {margin-bottom: 0;} #sub.org_member .box_wrap .boxes{width:32.3333%;} /*계정설정 - 내정보 - 프로필관리*/ #sub.my_info .sns_info .col-2{float:none; width:100%; margin-left:0;} #sub.my_info .nl_cont{margin-top:64px;} #sub.my_info .nl_cont .nl_box{margin:60px auto 0;} #sub.my_info .fee_info .left .btm{margin-top:98px;} #sub.my_info .payment{width:98%;} #sub.step2 .con_wrap .right .box .pdf_page {padding: 40px 0 20px;text-align: center;} } @media screen and (max-width: 1680px){ /*서명,인증서 관리 - 인증서 관리 - 인증서 관리*/ /*#sub.certifi_list .list_wrap.card .tb_wrap > ul > li{width:31.3333%;}*/ } @media screen and (max-width: 1660px){ /* 메인 */ #main .inner {padding: 30px;} #main .row .box {padding: 30px; border-radius: 30px;} #main .row .box .box_tit .left em {font-size: 2rem;} #main .row .box .box_tit .right .more_btn {bottom: 3px; } #main .row .box1 .box_tit .left p {font-size: 1.3rem;} #main .row1 .box .box_tit .right .img {height: 65px; line-height: 65px;} #main .row1 .box1 .box_cont .box_btn:first-of-type p b {font-size: 1.8rem;} #main .row1 .box3 .box_cont ul li em {display: none;} #main .row1 .box3 .box_cont ul li b {text-align: center; padding-left: 0;} #main .row1 .box3 .box_tit .img img {margin-top: 0; } #main .row1 .box3 .box_cont ul li b {font-size: 1.5rem;} #main .row3 .box5 .manual-swiper .swiper-button-prev, #main .row3 .box5 .manual-swiper .swiper-button-next {width: 30px;} #main .row3 .box5 .manual-swiper .swiper-slide {padding: 0 10px; box-sizing: border-box;} /*계정설정 - 내정보 - 프로필관리*/ #sub.basic_info .btm_1 .ip_box.pic2{padding-right:0;} #sub.basic_info .btm_1 .ip_box.pic2 input[type="submit"]{width:100%;} #sub.basic_info .btm_1 .ip_box.pic2 a{position:static; width:100%; margin-top:6px;} #sub.basic_info .btm_2 .ip_wrap p.pic input[type="text"]{width:100%; display:block; margin-left:0; margin-top:6px;} #sub.basic_info .btm_2 .ip_wrap p.pic input[type="text"]:first-child{margin-top:0;} #sub.basic_info .btm_2 .connect_busi .ip_wrap.wrap2 p input[type="text"]{height:106px;} } @media screen and (max-width: 1640px){ /**/ /* #sub.doc_manage.normal_sig .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(2) p{height:64px; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; line-height:64px; overflow:hidden;} */ /*서명진행현황 - 대량서명현황 - 상세페이지*/ /*#sub.doc_manage.mass_view .tb_wrap > ul > li > div:nth-child(1){width:21%;} #sub.doc_manage.mass_view .tb_wrap > ul > li > div:nth-child(2){width:28%;}*/ /*템플릿 관리 list형*/ /* #sub.doc_manage.template_idx .list_wrap.list .tb_wrap .btn_wrap .btns{width:97px;} #sub.doc_manage.template_idx .list_wrap.list .tb_wrap > ul > li > div:nth-child(1){width:34%;} #sub.doc_manage.template_idx .list_wrap.list .tb_wrap > ul > li > div:nth-child(4){width:17%;} */ /*서명,인증서 관리 - 인증서 관리 - 인증서 관리*/ #sub.certifi_list .list_wrap.list .tb_wrap{overflow:auto; padding-bottom:15px; box-sizing:border-box;} #sub.certifi_list .list_wrap.list .tb_wrap > ul{width:1090px;} /*프로필관리 공통*/ #sub.basic_info .sns_info .col-wrap{width:100%; margin-left:0;} /*계정설정 - 기업 정보 - 조직도(팀 관리)*/ #sub.org_team .tb_wrap{overflow:auto; padding-bottom:15px; box-sizing:border-box;} #sub.org_team .tb_wrap > ul{width:1084px;} /*계정설정 - 기업 정보 - 조직도(멤버 관리)*/ /*계정설정 - 기업정보 - 권한관리 - 폴더 권한 설정(권한수정)*/ #sub.fld_idx .tb_wrap.narrow{overflow:auto; padding-bottom:15px; box-sizing:border-box;} #sub.fld_idx .tb_wrap.narrow table{width:990px;} /*계정설정 - 주소록*/ #sub.addr_idx .tb_wrap > ul > li > div:nth-child(2){width:46.45%;} #sub.addr_idx .tb_wrap > ul > li > div:nth-child(3){width:8.95%;} #sub.addr_idx .tb_wrap > ul > li > div:nth-child(4){width:27.65%;} /*계정설정 - 주소록 - 그룹원 등록,수정*/ #sub.regist .g_list .tb_wrap{overflow:auto; padding-bottom:15px; box-sizing:border-box;} #sub.regist .g_list .tb_wrap > ul{width:1085px;} } @media screen and (max-width: 1580px){ #sub.doc_manage.mass_view .doc_info .info_list ul li .ico_wrap{margin-bottom:10px; margin-top:0px;position:static; text-align: right;} /*템플릿 관리 리스트형*/ /* #sub.doc_manage.template_idx .list_wrap.list .tb_wrap > ul > li > div:nth-child(3){width:18%;} #sub.doc_manage.template_idx .list_wrap.list .tb_wrap > ul > li > div:nth-child(4){width:24%;} */ /*계정설정 - 내정보 - 이용중인 요금제(무료)*/ #sub.free .fee_info{width:100%; margin-left:0; margin-top:0;} #sub.free .fee_info .col-2{float:none; width:100%; margin-left:0; margin-top:20px;} #sub.free .fee_info .col-2:first-child{margin-top:0;} #sub.free .promo_code{margin-top:20px;} /*계정설정 - 내정보 - 이용중인 요금제(유료)*/ #sub.payed .fee_info, #sub.payed .col-wrap{width:100%; margin-left:0; margin-top:0;} #sub.payed .col-2{float:none; width:100%; margin-left:0; margin-top:20px !important;} #sub.payed .col-2:first-child{margin-top:0;} #sub.payed .page_cont > div{margin-top:20px;} #sub.payed .tabs > ul{width:100%; margin-left:0;} #sub.payed .tabs.st1 ul li{float:none; width:100%; margin-left:0; margin-top:10px;} #sub.payed .tabs.st1 ul li:first-child{margin-top:0;} #sub.doc_manage.mass_view .doc_info .info_list ul li .copyBox{position: absolute !important; top: 20%;} #sub.doc_manage.mass_view .doc_info .info_list ul li .ellipsis{width: 240px !important;} /*서명진행현황 - 대량서명현황 - 상세페이지*/ #sub.doc_manage.mass_view .list_wrap.card .tb_wrap > ul > li.txt_l{width:32.3333%;} /* 25.02.11 이용중인 요금제 */ #sub.paymentPage .payment_content .col-2:first-child{ margin-top: 0 !important; } #sub.paymentPage .payment_content .col-2{ margin-top: 0 !important; } #sub.paymentPage .fee_info .right.fromBottom { height: auto; } } @media screen and (min-width:1282px) and (max-width:1500px){ .pay_ver_1 .tbc{ padding:0; } } @media screen and (max-width: 1500px){ /*list_wrap - card형*/ #sub .list_wrap.card .tb_wrap > ul{grid-template-columns: repeat(3,1fr);} #sub.doc_manage .list_wrap.card .col_box .drp_box .chk_wrap label{margin-top:0px} #sub.doc_manage .list_wrap.card .tb_wrap > ul > li.txt_l{width:100%;} /*서명진행현황 - 상세페이지*/ #sub.doc_manage.normal_view .last_section .box_cont .tb_wrap > ul > li{width:99% !important; float:left !important; /*margin-top:20px !important;*/} /*계정설정 - 내 정보 - 이용중인 요금제 - 결제내역 상세보기*/ #sub.details1 .con_wrap .box .tb_wrap > ul > li > div:nth-child(2){width:40.25%;} #sub.details1 .con_wrap .box .tb_wrap > ul > li > div:nth-child(4){width:15%;} #sub.details1 .con_wrap .box .tb_wrap > ul > li > div:nth-child(5){width:9.5%;} /*계정설정 - 내 정보 - 이용중인 요금제 - 결제내역 상세보기*/ #sub.details2 .con_wrap .box .tb_wrap > ul > li > div:nth-child(4){width:17.5%;} #sub.details2 .con_wrap .box .tb_wrap > ul > li > div:nth-child(6){width:10.85%;} /*계정설정 - 기업정보 - 권한관리 - 관리자별 설정*/ /*#sub.grade_idx .tbw_list .btm_wrap .ul_wrap ul li{min-height:294px;}*/ /*#sub.grade_idx .tbw_list .btm_wrap .ul_wrap ul li > div p br{display:none;}*/ /*계정설정 - 주소록*/ #sub.addr_idx .tb_wrap{overflow:auto;} #sub.addr_idx .tb_wrap > ul{width:950px;} } @media screen and (max-width: 1450px){ #main .row1 .box .box_tit .left p .mo_txt {display: none;} .second #signArrow{margin-left:0;} } @media screen and (max-width: 1440px){ /* 메인 index */ #main .row3 .box6 .box_tit .left p {height: 22px;} #main .row3 .box6 .box_tit .left p .inb {display: block;} #main .row3 .box5 .box_cont .left {width: 160px;} #main .row3 .box5 .box_cont .left > a p {font-size: 1.5rem;} #main .row3 .box5 .box_cont .right {padding-left: 180px;} /*계정설정 - 내정보 - 프로필 관리*/ #sub.basic_info .nl_wrap{padding:50px;} #sub.my_info .fee_info .left .btm{margin-top:71px;} /*계정설정 - 기업 정보 - 프로필 관리*/ #sub.basic_info .payment{min-height:366px} #sub.basic_info .fee_info .left .btm .btns2{position:static; margin-top:13px; width:100%;} /*계정설정 - 기업 정보 - 조직도(멤버 관리)*/ #sub.org_member .box_wrap .boxes{width:49%;} } @media screen and (max-width: 1400px){ /*서명진행현황 - 일반서명 현황 - 상세페이지*/ #sub.doc_manage.normal_view .doc_info .info_list ul li .ico_wrap{margin-top:17px; position:static; margin-left:0;} #sub.doc_manage.mass_view .doc_info .info_list ul li .copyBox{position: absolute !important; top: 20%;} #sub.doc_manage.normal_view .doc_info .info_list ul li:first-child > div{font-size:0; padding:20px;} #sub.doc_manage.normal_view .doc_info .info_list ul li:first-child > div b{height:auto; line-height:1;} #sub.doc_manage.normal_view .doc_info .info_list ul li:first-child > div p{height:auto; line-height:1;} #sub.doc_manage.normal_view .doc_info .info_list ul li.wide .progressDocBox {display:grid;} /*서명진행현황 - 대량서명현황 - 상세페이지*/ #sub.doc_manage.mass_view .doc_info .info_list ul li .ellipsis{width: 200px !important;} #sub.doc_manage.mass_view .btm_twrap .sc_wrap .r_wrap .page_search{max-width:280px;} #sub.doc_manage.mass_view .btm_twrap .sc_wrap .r_wrap .page_search .word_box{/*width:calc(100% - 110px);*/} /*#sub.doc_manage.mass_view .tb_wrap > ul > li > div:nth-child(1){width:25%;} #sub.doc_manage.mass_view .tb_wrap > ul > li > div:nth-child(2){width:24%;}*/ /*서명,인증서 관리 - 서명관리 - 서명 등록*/ #sub .draw_canvas .canvas3 .bot ul li{width:19%;} /*서명,인증서 관리 - 서명관리 - 내 서명*/ #sub.stamp .list_wrap.card .tb_wrap > ul > li{width:24%;} /*계정설정 - 기업정보 - 권한관리 - 폴더 권한 설정*/ #sub.fld_idx .sm_search{max-width:285px;} /*#sub.fld_idx .sm_search form input[type="text"]{width:230px;}*/ #sub.fld_idx .tb_wrap{overflow:auto; padding-bottom:15px; box-sizing:border-box;} #sub.fld_idx .tb_wrap table{width:700px;} /*서명진행현황 - 유효기간 만료서명 - 220517*/ #sub.doc_manage.expiration_view .doc_info .info_list ul li .ico_wrap{position:absolute; margin-top:-18px;} /* 25.02.11 이용중인 요금제 */ #sub .payment_box .payment_btn_box .fee_choice{ width: 170px; } } @media screen and (max-width: 1332px){ /*계정설정 - 내정보 - 프로필관리*/ #sub.my_info .fee_info .left .btm{margin-top:57px;} } @media screen and (min-width: 1281px){ /* sign > normal > step2 */ #sub.step2 .con_wrap .left {position: relative !important; top: 0 !important; left: 0 !important;} .step_mo_bg {display: none !important;} /* 메인 헤더 */ #header {left: auto !important; display: block !important; /*220526*/ height:100%; min-height:auto;} } @media screen and (min-width: 1280px) and (max-width: 1350px) { .payment_laptop1370_br{ display:block; } #sub.paymentPage .payment_banner__title{ display: inline-block; line-height: 3.1rem; } #sub.paymentPage .payment_banner__badge{ margin-inline: 0; } } @media screen and (max-width: 1280px){ .wrapper {padding: 0; min-height: 100vh;} .wrapBox{border-radius:0;} .size {width:100%; padding:0 20px; box-sizing: border-box;} .second #signArrow {display:none !important;} /*header 작업 시작시 삭제*/ .mainWrap{padding-left:0; min-height:850px; padding-bottom:100px; box-sizing:border-box} #sub.doc_manage.mass_view .doc_info .info_list ul li .ellipsis{width: 300px !important;} #sub .fee_info .right.fromBottom {height: 270px;} #sub.paymentPage .fee_info .right.fromBottom{ height: auto; } /* 헤더 */ #header{position:fixed; display: none; top: 0; left:-100%; width: 300px; padding: 0 15px; background-color: #f4f7f9; box-sizing: border-box; /*220602*/ height:120vh; min-height:auto;} #header .login_box a {display: none;} #header .mo_navi {display: block;} #header .mo_navi .util .lang_select {display: block;} #header .inner {height: 100vh; padding-bottom: 150px; overflow: auto; -ms-overflow-style: none; background-color: transparent;} #header .inner::-webkit-scrollbar{ display:none; } #header .top {position: relative; padding: 30px 15px 35px; border-radius: 30px 30px 0 0; background-color: #181a29;} #header .top .logo a img {display: inline-block; width: 120px;} #header .top .profile {margin-top: 25px;} #header .top .btn_sign {margin-top: 25px;} #header .mid {position: relative; height: auto; padding-top: 0;} #header .mid:before {content: ''; position: absolute; top: -5px; left: 0; width: 100%; height: 50px; background-color: #181a29; z-index: -1;} #header .mid .inner {height: auto; border-radius: 0 50px 30px 30px; overflow: hidden; background-color: #fff;} #header .gnb > ul {padding: 0 25px;} #header .mid .inner {padding-top: 20px;} #header .mid .scroll {height: auto; overflow: none;} /* 공통 - 검색 헤더 */ .searchBox{padding:0 30px;} .searchBox form {padding-left: 10px;} .searchBox form input[type="text"] {width: 280px;} .searchBox .util {padding: 0;} .searchBox .util .ico_wrap a{margin-left:15px;} .searchBox .util .lang_select {display: none;} #gnb_open {display: inline-block;} /* 공통 - 풋터 */ #footer .inner {padding: 20px; text-align: center;} #footer .left {float: none;} #footer .left > a {float: none; display: inline-block; } #footer .left ul {float: none; margin-top: 5px; margin-left: 0; width: 100%; font-size: 0;} #footer .left ul li {float: none; display: inline-block; } #footer .left ul li a {line-height: 1.3;} #footer .copy {float: none; width: 100%; line-height: 1.3;} /* 공통 - 검색박스 */ .searchBox .util .ico_wrap a {margin-left: 20px;} /* 공통 - 스텝박스 */ .step_list ul li {padding: 0 25px; margin-left: 10px;} .step_list ul li:not(.on) {width: 50px; padding: 0;} .step_list ul li b {display: none;} /* 공통 - 서명하기 step 모바일 헤더 */ .step_header {display: none;} .step_header .searchBox {padding: 0 20px;} .step_header .searchBox form {padding-left: 10px;} .step_header #gnb_open {display: inline-block;} /* 공통 - 박스 */ #sub .con_wrap .box {margin-top: 15px; border-radius: 10px; box-sizing: border-box;} /* 공통 - cols*/ .cols .col{padding:30px;} /*공통 - 팝업 버튼 폰트 크기*/ .popup .pop .btn_wrap .btns{font-size:1.6rem;} /*공통 - tooltip*/ .tlp_wrap .tlp_box{z-index:20;} /*공통 - 전체 박스 크기, 페이지 제목*/ #sub .contBox{padding:40px 15px;} #sub .pageTitle{margin-bottom:30px; padding:0 15px; box-sizing:border-box;} /* sign > normal > step2 */ .step_wrapper {overflow: hidden;} .step_wrapper .step_form {padding: 0 15px; box-sizing: border-box;} .step_wrapper .wrapBox {border-radius: 0; box-shadow: none;} #sub.step2 .con_wrap {padding: 60px 0 20px;} #sub.step2 .mo_menu {display: block;} #sub.step2 .con_wrap .left {position: fixed; top: 0; left: -340px; height: 100%; padding: 40px 15px; z-index: 10; background: #f4f7f9;} #sub.step2 .con_wrap .left .scroll2 {height: 100%; overflow-y: auto !important; -ms-overflow-style: none;} #sub.step2 .con_wrap .left .scroll2::-webkit-scrollbar{ display:none; } #sub.step2 .con_wrap .left .mo_box {width: 103%; margin-left: -3%;} #sub.step2 .con_wrap .left .mo_box b {display: none;} /* #sub.step2 .con_wrap .left .request {float: left; margin-top: 0; width: 47%; margin-left: 3%;} */ #sub.step2 .con_wrap .left .request {float: left; margin-top: 10px; width: 100%; margin-left: 0;} #sub.step2 .con_wrap .left .request a span {font-size: 14px;} #sub.step2 .con_wrap .left .box_row { margin-bottom: 200px;} #sub.step2 .con_wrap .left .box_row .box {margin-top: 10;} #sub.step2 .con_wrap .left .box_row .box a {height: 70px;} #sub.step2 .con_wrap .left .box_row .box a em {margin-top: 7px; font-size: 14px;} #sub.step2 .con_wrap .left .box_row .img img {display: inline-block; height: 22px;} #sub.step2 .con_wrap .left .box_row .inner {width: 103%;} #sub.step2 .con_wrap .right {width: 100%;} #sub.step2 .con_wrap .right .box {border-radius: 0; min-height:auto} #sub.step2 .pdf_util {right: 25px; margin-bottom: 16px;} #sub.step2 .editTool .btn_wrap {padding: 0;} #sub.step2 .btn_wrap {margin-top: 20px; margin-left: -1.5%; padding: 0 15px; box-sizing: border-box;} #sub.step2 .btn_wrap > a.btns {width: 48.5%; margin-left: 1.5%;} #sub.step2 .btn_wrap > a.gr {width: 48.5%;} #sub.step2 .btn_wrap > a.btns:nth-child(3) {width: 98.5%; margin-top: 1.5%;} #sub.step2 .partnerStamp .btn_wrap > a.btns:last-child {margin-top: 0;} #sub.step2 .con_wrap .left .edit .edit_list ul li .tlp_wrap{display:none;} #sub.step2 .con_wrap .left .box_row .tlp_wrap{display:none;} #sub.step2 .con_wrap .left .box_row .box.layout1 .img img{width:19px; height:21px;} #sub.step2 .con_wrap .left .box_row .box.layout2 .img img{width:21px; height:21px;} #sub.step2 .con_wrap .left .box_row .box.document1 .img img{width:22px; height:21px;} #sub.step2 .con_wrap .left .box_row .box.document2 .img img{width:20px; height:21px;} #sub.step2 .con_wrap .box .tit_wrap .tooltip_open{display:block;} #sub.step2 .pdf_util ul li.print {display: none;} /* #sub.step2 .textBox.active .editBox .editCon textarea::-webkit-input-placeholder {font-size: 12pt !important;} */ /* #sub.step2 .textBox.active .editBox .editCon textarea::placeholder {font-size: 12pt !important;} */ #sub.step2 .signSet .editBox .edit_copy {display:none} /* sign > normal > step2 - 미리보기 */ #sub.preview #sub_header{height:60px; padding:0 20px; box-sizing:border-box;} #sub.preview #sub_header .left_title{height:60px; line-height:60px; border-top-left-radius:10px; border-bottom-left-radius:10px;} #sub.preview #sub_header .right_title{height:60px; line-height:22px; padding:0 35px; box-sizing:border-box; font-size:1.6rem;} #sub.preview.step2 .con_wrap .left{left:-230px;} #sub.step2.preview .con_wrap .right{width:100%;} #sub.preview .chk_wrap label:before {top:50%} /* sign > normal > step3 */ #sub.sign_idx #guideBox {margin-bottom: 15px;} #sub.sign_idx #guideBox .box {margin-bottom: 15px;} #sub.sign_idx .btn_wrap .btns{width: 48.5%;margin-left: 1.5%;} #sub.step3 .btn_wrap {margin-top: 20px;} #sub.step3 .btn_wrap > div {width: 101.5%; margin-left: -1.5%;} #sub.step3 .btn_wrap .btns {width: 48.5%; margin-left: 1.5%;} #sub.step3 .btn_wrap .gr {width: 48.5%;} #sub.step3 .btn_wrap .bk {width: 48.5%;} /* #sub.step3 .btn_wrap .btns:last-child {width: 98.5%; margin-top: 1.5%;} */ #sub .con_wrap .box > div.g_box {border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;} #docPop1.popup .pop_inner { max-width: 900px; } /* 서명하기 - 공통 */ #sub.sign_idx .sub_header {padding: 10px 20px 15px; border-radius: 15px; margin: 0 15px;} /* #sub.sign_idx .sub_header .step_list {padding-bottom: 13px;} */ #sub.sign_idx .sub_header .switch_wrap {position: static; top: auto; right: auto; padding-top: 15px; margin-top: 0; text-align: right; border-top: 1px solid #eee; box-sizing: border-box;} /* sign > second > step4 */ #sub .con_wrap .box .tit_wrap b.tit {font-size: 1.8rem; line-height: 1.2;} #sub .con_wrap.second .box.request_attach {margin-bottom: 200px;} #sub .con_wrap.second .left .box.count {display: none;} #sub .con_wrap.second .box.count {margin-top: 10px;} #sub .con_wrap.second .box.count p {font-size: 1.8rem;} #sub .con_wrap .box.signatory {margin-top: 0;} .second .box.message p {margin-top: 15px;font-size: 1.5rem; line-height: 1.3;} .text-btn strong {font-size: 1.7rem;} .second .request_list li > div {padding: 12px 15px;} .second .request_list li > p {line-height: 1.4;} #sub.sec_step2 .mo_nav {display: block; margin: 0 15px;} #sub.sec_step2 .con_wrap {padding: 0 0 20px;} #sub.sec_step2 .con_wrap .right {margin-top: 20px;} #sub.sec_step2 .pdf_util {right: 20px;} /* #sub.sec_step2 .btn_wrap > a.btns:last-child {width: 48.5%; margin-top: 0;} */ /* sign > normal > index */ #sub.step_form .sub_header {max-width: 800px; margin: 0 auto;} #sub.step_form .con_wrap {padding: 15px 0;} /* sign > second > step2 */ #sub.second_form {padding: 0 15px; box-sizing: border-box;} #sub.second_form .sub_header {max-width: 840px; margin: 0 auto;} #sub.second_form .con_wrap {padding: 15px 0 20px;} #sub.sign_idx .mega .btn_wrap {max-width: 840px; margin: 20px auto 0;} #sub.sign_idx .mega .btn_wrap > div.small {max-width: none; display: block; width: 101.5%; margin: auto; margin-left: -1.5%;} #sub.sign_idx .mega .btn_wrap > div.small .btns {float: left; display: block; width: 48.5%; margin-left: 1.5%;} #sub.sign_idx .mega .btn_wrap > div.small .btns:first-child {margin-left: 1.5% ;} #sub.sign_idx .mega .btn_wrap > div.small .btns:last-child {width: 98.5%; margin-top: 1.5%;} #sub.sign_idx .btn_wrap > div {max-width: 810px;} /* sign > mega > step1 */ #sub.mega_step1 .sub_header {max-width: 1250px;} #sub.mega_step1 .scroll2 {overflow: auto; padding-bottom: 10px; box-sizing: border-box;} /* #sub.mega_step1 .scroll2 .table_head {width: 1150px;} */ /* #sub.mega_step1 .scroll2 .table_body {width: 1150px;} */ #sub.mega_step1 .mega .btn_wrap {max-width: 1230px;} #sub.mega_step1 .mega .btn_wrap > div {max-width: none;} /* member > login */ .full_layout {padding: 0;} .full_layout .container {border-radius: 0;} /* 메인 */ .wrapBox {border-radius: 0;} .mainWrap {min-height: auto;} .searchBox {padding: 0 30px;} .searchBox form {padding-left: 0;} #main .inner {padding: 15px;} /*#main .row {margin-top: 15px;}*/ #main .row1 {width: 101.5%; margin-left: -1.5%;} #main .row1 .box {width: 31.8333%; margin-left: 1.5%;} #main .row3 {width: 101.5%; margin-left: -1.5%;} #main .row3 .box {width: 48.5%; margin-left: 1.5%;} /* 서명하기 - pdf 스케일 모바일 버튼 */ .mo_scale {display: block;} /* 공통 - 툴팁 */ .tlp_wrap .tlp_box p {padding: 12px 10px; font-size: 11px;} .tlp_wrap .tlp_box p:before {top: -4px; left: 50%; margin-left: -6px; transform: rotate(90deg); } .tlp_wrap .tlp_box {width: 160px; top: 30px; left: 50%; transform: translate(-50%, 0); text-align: center ;} #sub .con_wrap .box .ip_wrap .s_tit .tlp_wrap .tlp_box {width: 160px;} /*서명진행현황 - 상세페이지 공통*/ #sub.doc_manage.normal_sig .doc_info .info_list ul li > div{padding:0 15px;} #sub.doc_manage.mass_view .doc_info .info_list ul li .ico_wrap{margin-top:0px; margin-bottom:10px; position:absolute; top: 20%;} /*서명진행현황 - 일반서명 현황 - 상세페이지*/ #sub.normal_view .pr_title{padding:18px 25px !important;} #sub.normal_view .pr_title .prs > .icon_btn{margin-right:0;} #sub.normal_view .col:not(.pr_title){margin-top:15px; padding:30px 25px !important;} #sub.doc_manage.normal_view .doc_info .info_list ul li:first-child > div{font-size:0; padding:20px 15px;} /*서명진행현황 - 대량서명현황 - 상세페이지*/ #sub.mass_view .col{margin-top:15px; padding:40px 25px 30px !important;} /*#sub.doc_manage.mass_view .tb_wrap > ul > li > div:nth-child(1){width:20%;} #sub.doc_manage.mass_view .tb_wrap > ul > li > div:nth-child(2){width:29%;}*/ /*일반서명 - 내 업무 - 내 업무 상세보기 - 디지털서명 감사 추적 인증서*/ #sub.inspection .cols .col{padding:50px 30px 40px;} #sub.inspection .insp_wrap{margin-top:40px;} #sub.inspection .insp_wrap > div{margin-top:40px;} #sub.inspection .insp_wrap > div.inst{margin-top:40px;} #sub.inspection .insp_info .hu_list > div{padding:25px;} /*서명,인증서 관리 - 인증서 관리 - 인증서 관리*/ #sub.certifi_list .list_wrap.list .tb_wrap{overflow:initial;} #sub.certifi_list .list_wrap.list .tb_wrap > ul{width:auto;} /*계정설정 - 내정보 - 프로필관리*/ #sub.basic_info .cols .col-wrap{width:100%; margin-left:0; margin-top:0;} #sub.basic_info .cols .col-wrap > .col-2{float:none; width:100%; margin-left:0; margin-top:15px;} #sub.basic_info .cols .col-wrap > .col-2:first-child{margin-top:0;} #sub.basic_info .fee_info .left .btm{margin-top:68px;} #sub.basic_info .nl_wrap{padding:30px;} #sub.basic_info .nl_cont{margin-top:12px;} #sub.basic_info .nl_cont .nl_box{margin-top:20px;} #sub.basic_info .payment{min-height:auto;} /*계정설정 - 내정보 - 보안 설정*/ #sub.security .active_rpt{margin-top:20px;} /*계정설정 - 내정보 - 이용중인 요금제(유료)*/ #sub.payed .pay_info1 .box .tit_wrap b.tit{height:36px; line-height:36px;} /*계정설정 - 기업 정보 - 프로필 관리*/ #sub.busi_info .cols .col-wrap{margin-top:15px;} #sub.busi_info .cols .col-wrap:first-child{margin-top:0;} #sub.busi_info .cols .col{margin-top:15px;} #sub.busi_info .cols .col-1{float:none; width:100%;} #sub.busi_info .cols .ip_box .col-2{margin-top:5px;} #sub.busi_info .cols .col-wrap > .col-2:first-child{margin-top:0;} #sub.busi_info .cols .info_form > .col-wrap{margin-top:15px;} #sub.busi_info .info_2 .co_name .col-wrap{width:100%; margin-left:0;} #sub.busi_info .og_list{min-height:auto;} /*계정설정 - 기업 정보 - 조직도(팀 관리)*/ #sub.org_team .tb_wrap > ul{width:100%;} #sub .tb_wrap.ver4 > ul > li > .hide_wrap .h_btm .tlp_wrap{width:auto;} /*계정설정 - 기업 정보 - 조직도(멤버 관리)*/ #sub.org_member .page_search{top:-15px;} /*계정설정 - 기업 정보 - 브랜딩 관리*/ #sub.branding_m .b_preview .img_wrap{padding:30px;} /*계정설정 - 기업 정보 - 서명 옵션 관리*/ #sub.sign_opt .tlp_wrap .tlp_box{width:175px; top:30px;} /*계정설정 - 기업 정보 - 내부 결재라인 관리 - 내부 결재라인 등록*/ #sub.wide_wrap .con_wrap{padding:40px 15px;} #sub.wide_wrap .con_wrap .box{padding:30px 20px;} #sub.line_form .tb_wrap > ul > li > div:nth-child(4){width:31.4%;} #sub.line_form .tb_wrap > ul > li > div:nth-child(6){width:9%;} #sub.line_form .box2 .right .tlp_wrap .tlp_box{top:-63px; left:42px} #sub.line_form .box2 .right .tlp_wrap .tlp_box p:before{transform:none;} /*계정설정 - 기업정보 - 권한관리 - 관리자별 설정*/ #sub.grade_idx .tbw_list .col > div{padding:30px;} #sub.grade_idx .tbw_list .btm_wrap .ul_wrap ul li{min-height:270px;} /*계정설정 - 기업정보 - 권한관리 - 폴더 권한 설정*/ #sub.fld_idx .fd_list{overflow:hidden; border-radius:20px;} #sub.fld_idx .tb_wrap table{width:100%;} #sub.fld_idx .f_mo_menu{display:block;} #sub.fld_idx .fd_list .col > div{float:none; height:auto;}/*220531*/ #sub.fld_idx .fd_list .fd_left{ height:100% !important;}/*220531*/ #sub.fld_idx .fd_list .fd_right{width:100%; padding:30px;} /*계정설정 - 기업정보 - 권한관리 - 폴더 권한 설정(권한수정)*/ #sub.fld_idx .tb_wrap.narrow table{width:100%;} /*계정관리 - 주소록*/ #sub.addr_idx .cols .col{padding:30px !important;} #sub.addr_idx .tb_wrap > ul{width:100%;} /*계정설정 - 주소록 - 그룹원 등록,수정*/ #sub.regist .file_form{padding-left:110px;} #sub.regist .file_form .left{left:20px;} #sub.regist .g_list .tb_wrap > ul{width:100%;} /**** 모바일 옵션창 - meditTool ****/ .mo_option {position: fixed; bottom: 0; left: 0; width: 100%; height: auto;; z-index: 999;} #sub.step2 .editTool.on{z-index:100;} #sub.step2 .editTool.on .optionBox {display:block; } #sub.step2 .editTool.active{z-index:100;} #sub.step2 .editTool.reverse .optionBox{bottom:auto !important;; top:100%; margin-top:30px; } #sub.step2 .editTool.reverse .optionBox .triangle {border-left-width:12px; border-right-width:12px; border-bottom-width:12px; border-top-width:0px; bottom:inherit; top:-12px; border-color:transparent transparent #fff transparent;} #sub.step2 .editTool.reverse .optionBox .triangle:after {display:none;} #sub.step2 .editTool.reverse.checkBox .optionBox {bottom:auto } #sub.step2 .signSet .editBox {height:100%; width:100%;} /* #sub.step2 .editTool.waterMark{width:auto ; height:auto ;} #sub.step2 .editTool.textBox{width:auto !important; height:auto !important;} */ #sub.step2 .editTool.partnerStamp{bottom:0;} #sub.step2 .editTool .optionBox{display:none; margin:0 auto; padding:25px 20px 75px; background-color:#fff; border-radius:10px 10px 0 0; border:1px solid #1560fd; border-bottom: 0; box-shadow: 0px 0px 26.39px 2.61px rgba(0, 0, 0, 0.3);} #sub.step2 .editTool .optionBox .scroll2 {max-height: 271px; overflow: auto;} #sub.step2 .editTool.active .op_btn {display:block;} #sub.step2 .editTool.active .optionBox.on {display:block;} #sub.step2 .editTool.active .optionBox {display:none;} #sub.step2 .editTool.complianceEditTool .mo_copy_del_box{display:block;} /*1차 서명 페이지 ios fixed 임시 수정*/ /*TODO: 모바일 팝업 노출 방식 변경 필요*/ .step_wrapper.sign_step2 * {overflow: unset !important;} /* .step_wrapper.sign_step2 #sub.step2 .canvas_wrap {overflow: scroll !important} */ .step_wrapper.sign_step2 #sub.step2 .editTool .optionBox .optionCon .option_list .select_wrap > ul {overflow: auto !important} #fileRequest > div > div > div > div > div.mid > ul.scroll.attachRequestList {overflow: auto !important} #fileAdd > div > div > div > div > div.mid > ul.scroll.attachList {overflow: auto !important} #layoutLoad > div > div > div > div > div.mid.scroll {overflow: auto !important} #sub.step2 .pdf_util ul li.one_page_move>ul>li.page_num>ul {overflow-y: scroll !important;} #sub.step2 .drp_wrap.mitech.reasonDropBox > ul{ overflow: scroll !important; } /* optionCon */ #sub.step2 .editTool .optionBox .optionCon{position:relative; margin-top:15px;} #sub.step2 .editTool .optionBox .optionCon:first-of-type{margin-top:0;} #sub.step2 .editTool .optionBox .optionCon .option_tit{display:block; font-size:1.5rem; font-weight:500; line-height:1;} #sub.step2 .editTool .optionBox .optionCon .option_list{margin-top:10px;} #sub.step2 .editTool .optionBox .optionCon .option_list > div{position:relative; margin-top:5px;} #sub.step2 .editTool .optionBox .optionCon .option_list > div:first-of-type{margin-top:0;} #sub.step2 .editTool .optionBox .optionCon.wmTypeOption { display:none; } /* optionCon - input_wrap */ #sub.step2 .editTool .optionBox .optionCon .option_list .input_wrap.opacity:after{content:"%"; display:block; position:absolute; right:0; top:0; width:35px; height:50px; line-height:48px; font-size:1.5rem; font-weight:900; color:#1560fd; text-align:center;} #sub.step2 .editTool .optionBox .optionCon .option_list .input_wrap textarea, #sub.step2 .editTool .optionBox .optionCon .option_list .input_wrap input[type="text"]{padding:0 9px; height:50px; line-height:48px; border:1px solid #e2e7ea; border-radius:5px; font-size:1.5rem; box-sizing:border-box;} #sub.step2 .editTool .optionBox .optionCon .option_list .input_wrap textarea {line-height:1.23;} #sub.step2 .editTool .optionBox .optionCon .option_list .input_wrap.opacity input[type="text"]{color:#1560fd;} /* optionCon - select_wrap */ #sub.step2 .editTool .optionBox .optionCon .option_list .select_wrap > a{position:relative; display:block; padding:0 9px; width:100%; height:50px; line-height:48px; box-sizing:border-box; font-size:1.5rem; color:#1560fd; background-color:#fff; border:1px solid #e2e7ea; border-radius:5px; transition: none;} #sub.step2 .editTool .optionBox .optionCon .option_list .select_wrap > a.on{border-radius:5px 5px 0 0; border-color: #1560fd; border-bottom:none;} #sub.step2 .editTool .optionBox .optionCon .option_list .select_wrap > a.on ~ ul {border-color: #1560fd;} #sub.step2 .editTool .optionBox .optionCon .option_list .select_wrap.people > a{color:#1560fd;} #sub.step2 .editTool .optionBox .optionCon .option_list .select_wrap > a:before{content:""; display:block; position:absolute; right:10px; top: 50%; margin-top: -3px; width: 0; height: 0; border-style: solid; border-width: 6px 5px 0 5px; border-color: #1560fd transparent transparent transparent;} #sub.step2 .editTool .optionBox .optionCon .option_list .select_wrap > ul{display:none; position:absolute; left:0; top:50px; width:100%; padding:0 9px; box-sizing:border-box; background-color:#fff; border:1px solid #e2e7ea; border-top:none; border-radius:0 0 5px 5px; z-index:5; max-height: 103px; overflow: auto;} #sub.step2 .editTool .optionBox .optionCon .option_list .select_wrap > ul::-webkit-scrollbar {width: 3px; height: 3px;} #sub.step2 .editTool .optionBox .optionCon .option_list .select_wrap > ul::-webkit-scrollbar-track {background: transparent; border-radius: 3px;} #sub.step2 .editTool .optionBox .optionCon .option_list .select_wrap > ul::-webkit-scrollbar-thumb {background: #a4aeb4; border-radius: 3px;} #sub.step2 .editTool .optionBox .optionCon .option_list .select_wrap > ul {scrollbar-face-color: transparent; scrollbar-track-color: transparent; scrollbar-arrow-color: none; scrollbar-highlight-color: transparent; scrollbar-3dlight-color: none; scrollbar-shadow-color: transparent; scrollbar-darkshadow-color: none;} #sub.step2 .editTool .optionBox .optionCon .option_list .select_wrap > ul > li > a{display:block; height:50px; line-height:48px; border-top:1px solid #e2e7ea; font-size:1.5rem; color:#929ca1;} /* optionCon - select_wrap - color */ #sub.step2 .editTool .optionBox .optionCon .option_list .select_wrap .color_bg{position:absolute; left:9px; top:9px; right:29px; bottom:9px; border-radius:5px;} #sub.step2 .editTool .optionBox .optionCon .option_list .select_wrap .color{background-color:transparent;} #sub.step2 .editTool .optionBox .optionCon .option_list .select_wrap .evo-cp-wrap{width: auto !important;} #sub.step2 .editTool .optionBox .optionCon .option_list .select_wrap .evo-pop{display:none; position:absolute; left:0; top:-212px; padding:0; width:100%; border:1px solid #e2e7ea; border-radius:4px; box-sizing: border-box;} #sub.step2 .editTool .optionBox .optionCon .option_list .select_wrap .evo-more, #sub.step2 .editTool .optionBox .optionCon .option_list .select_wrap .evo-color{display:none;} #sub.step2 .editTool .optionBox .optionCon .option_list .select_wrap .evo-palcenter{padding:10px 0;} #sub.step2 .editTool .optionBox .optionCon .option_list .select_wrap table{width:auto;} /* optionCon - rotate_wrap */ #sub.step2 .editTool .optionBox .optionCon .option_list .rotate_wrap p{position:relative; width:100%; height:10px; border-radius:5px; background-color:#dce0e2;} #sub.step2 .editTool .optionBox .optionCon .option_list .rotate_wrap .dragbar{position:absolute; left:0; top:-50%; display:inline-block; width:20px; height:20px; border-radius:100%; background-color:#1560fd; box-shadow: 0px 0px 7.28px 0.72px rgba(11, 50, 132, 0.25); cursor:pointer;} /* optionCon - add_wrap / del_wrap */ #sub.step2 .editTool .optionBox .add_wrap, #sub.step2 .editTool .optionBox .copy_wrap, #sub.step2 .editTool .optionBox .del_wrap {margin-top: 10px; display:block;} #sub.step2 .editTool .optionBox .add_wrap > a, #sub.step2 .editTool .optionBox .copy_wrap > a, #sub.step2 .editTool .optionBox .del_wrap > a{display:block; height:40px; line-height:38px; border-radius:5px; background-color:#A4AEB4; font-size:1.5rem; color:#fff; text-align:center;} #sub.step2 .editTool .optionBox .copy_wrap > a {background: #282828;} #sub.step2 .editTool .optionBox .optionCon .option_list .del_wrap > a{display:block; border-radius:5px; background-color:#A4AEB4; color:#fff; text-align:center;} /* optionCon - required_wrap */ #sub.step2 .editTool .optionBox .optionCon.required .option_list{margin-top:0;} #sub.step2 .editTool .optionBox .optionCon .option_list .required_wrap{position:absolute; right:0; top:-3px;} #sub.step2 .editTool .sctPerson{opacity:1; display:block; position:absolute; left:0; top:-36px; width:100%; text-align:center;} #sub.step2 .editTool.stampAdd .sctPerson{display:inline-block; left:auto; right:0; transform:translate(50%,0); width:auto;} #sub.step2 .editTool.partnerStamp .sctPerson{top:auto; bottom:-36px;} #sub.step2 .editTool.active .sctPerson{opacity:0;} #sub.step2 .editTool .sctPerson span{position:relative; display:inline-block; font-size:12px; font-weight:500; color:#fff; padding:0 10px; height:25px; line-height:23px; background-color:#282828; border-radius:3px;} #sub.step2 .editTool.stampAdd .sctPerson span{min-width:35px;} #sub.step2 .editTool.partnerStamp .sctPerson span{min-width:46px;} #sub.step2 .editTool .sctPerson span:after{content:""; display:block; position:absolute; left:50%; bottom:-6px; width: 0; height: 0; margin-left:-4px; border-style: solid; border-width: 6px 4px 0 4px; border-color: #282828 transparent transparent transparent;} #sub.step2 .editTool.partnerStamp .sctPerson span:after{bottom:auto; top:-6px; border-width: 0 4px 6px 4px; border-color: transparent transparent #282828 transparent;} /* optionCon - type_tit */ #sub.step2 .editTool .optionBox .optionCon .option_list .type_tit{} #sub.step2 .editTool .optionBox .optionCon .option_list .type_tit ul {width:101%; margin-left:-1%; margin-top:-5px;} #sub.step2 .editTool .optionBox .optionCon .option_list .type_tit ul li{float:left; width:49%; margin-left:1%; margin-top:5px;} #sub.step2 .editTool .optionBox .optionCon .option_list .type_tit ul li a{display:block; height:50px; line-height:48px; font-size:1.5rem; color:#1560fd; border-radius:5px; background-color:#f9fcfd; border:1px solid #e2e7ea; box-sizing:border-box; text-align:center;} #sub.step2 .editTool .optionBox .optionCon .option_list .type_tit ul li a.on{color:#fff; background-color:#1560fd; border:1px solid #1560fd;} #sub.step2 .editTool .optionBox .optionCon .option_list .type_tit ul li a.disabled{color:#a7a7a7; background-color:#dadada;} /* optionCon - type_list */ #sub.step2 .editTool .optionBox .optionCon .option_list .type_list{margin-top:10px;} #sub.step2 .editTool .optionBox .optionCon .option_list .type_list ul{width:101%; margin-left:-1%; margin-top:-5px;} #sub.step2 .editTool .optionBox .optionCon .option_list .type_list ul li{float:left; width:32.3333%; margin-left:1%; margin-top:5px;} #sub.step2 .editTool .optionBox .optionCon .option_list .type_list ul li a{position:relative; display:block; border-radius:5px; overflow:hidden;} #sub.step2 .editTool .optionBox .optionCon .option_list .type_list ul li a:before{content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #e2e7ea; box-sizing:border-box; border-radius:5px;} #sub.step2 .editTool .optionBox .optionCon .option_list .type_list ul li a.on:before{border:2px solid #1560fd;} /* optionCon - type_util */ #sub.step2 .editTool .optionBox .optionCon .option_list .type_util{margin-top:10px;} #sub.step2 .editTool .optionBox .optionCon .option_list .type_util .type_chk .chk2{float:left; margin-left:26px;} #sub.step2 .editTool .optionBox .optionCon .option_list .type_util .type_chk .chk2:first-of-type{margin-left:0;} #sub.step2 .editTool .optionBox .optionCon .option_list .type_util .btn_wrap{margin-top:10px;} #sub.step2 .editTool .optionBox .optionCon .option_list .type_util .btn_wrap .btns{height:50px; line-height:48px; font-size:1.4rem; font-weight:500;} #sub.step2 .editTool .optionBox .optionCon .option_list .type_util .btn_wrap .btns:first-of-type{margin-left:0;} #sub.step2 .editTool .optionBox .optionCon .option_list .type_util .btn_wrap .btns.gr{width:99px;} #sub.step2 .editTool .optionBox .optionCon .option_list .type_util .btn_wrap .btns.bk{width:159px;} /* editBox */ /* #sub.step2 .editTool .editBox{position:relative; padding:5px; border-radius:3px; border:1px solid #1560fd; background-color:rgba(255,255,255,0.5);} #sub.step2 .editTool .editBox .edit_del{position:absolute; right:-20px; top:50%; margin-top:-8px;} #sub.step2 .editTool .editBox .ui-icon{right:-5.5px; bottom:-5.5px; width:13px; height:13px; background-color:#1560fd; background-image:none; border-radius:100%;} */ #sub.step2 .editTool.imageUpload {padding:0;} #sub.step2 .editTool.imageUpload .editBox {padding:0;} #sub.step2 .editTool .ui-icon{right:-5.5px; bottom:-5.5px; width:13px; height:13px; background-color:#1560fd; background-image:none; border-radius:100%;} #sub.step2 .editTool.checkBox .editBox .ui-icon {display:none !important;} #sub.step2 .editTool .img img{width:100%; height:100%;} #sub.step2 .editTool .optionBox .optionCon .option_list .chk2 label {font-size: 1.5rem;} /* ========================================================== */ /* editTool - JHLEE */ #sub.step2 .editTool .optionBox {position:fixed; left:0; right:0; bottom:0; width:100% !important; border-radius: 10px 10px 0 0; margin:0 !important;} #sub.step2 .editTool.reverse .optionBox{bottom:0 !important; top:auto; margin-top:0; } #sub.step2 .editTool .optionBox .triangle {display:none;} /* ========================================================== */ /* /mega/step1 */ #sub.mega_step1 .mega .btn_wrap {margin-top: 20px; margin-left: -1.5%; box-sizing: border-box;} #sub.mega_step1 .btn_wrap > a.btns {width: 48.5%; margin-left: 1.5%;} #sub.mega_step1 .btn_wrap > a.gr {width: 48.5%;} #sub.mega_step1 .btn_wrap > a.btns:last-child {width: 98.5%; margin-top: 1.5%;} /* sign > second > step4_link1 */ .step_wrapper .link_wrapper {padding: 0;} .link_wrapper {height: calc(100% - 70px) !important;} /* link_step2 */ #sub.link_step2 .btn_wrap > a.btns:last-child {width: 48.5%; margin-top: 0;} /*서명진행현황 - 반려된 서명(220517)*/ #sub.doc_manage.doc_rejected .list_wrap.list .tb_wrap > ul > li > div:nth-child(2){width:27%;} #sub.doc_manage.doc_rejected .list_wrap.list .tb_wrap > ul > li > div:nth-child(4){width:28%;} .popup .pop .pop_info .doc_list .tb .tbc > .rd {transition: none;-webkit-transition:none; -ms-transition: none; -moz-transition: none; -o-transition: none;} #docPop3 .util ul li a {transition: none;-webkit-transition:none; -ms-transition: none; -moz-transition: none; -o-transition: none;} /* #sub.doc_manage.mass_view .doc_info .info_list ul li .ellipsis{width: 200px !important;} */ /* 25.02.11 이용중인 요금제 */ #sub .payment_box .payment_btn_box .fee_choice{ width: 251px; } } /* 1280 */ @media screen and (max-width: 1200px){ .size {width:100%; padding:0 20px; box-sizing: border-box;} } @media screen and (max-width: 1150px){ /*계정설정 - 기업 정보 - 조직도*/ #sub.org_team .tb_wrap > ul > li > div:nth-child(1){width:13%;} #sub.org_team .tb_wrap > ul > li > div:nth-child(4){width:29%;} #sub.doc_manage.mass_view .doc_info .info_list ul li .ico_wrap{margin-top:0px; margin-bottom:10px; position:static} } @media screen and (max-width: 1024px){ #main .row{ margin-top: 15px; } #sub .responsive_img_mo{ display:none; } #sub .responsive_img_laptop{ display:none; } #sub .responsive_img_pc{ display:none; } #sub .responsive_img_tablet{ display:block; } /* sign > second > step2 */ #sub.second_form .scroll2 {overflow: auto; padding-bottom: 10px; box-sizing: border-box;} #sub.second_form .table_type .table_head {width: 850px;} #sub.second_form .table_type .table_body {width: 850px;} /* sign > second > step4 */ #sub .second .popup.sign_popup {box-sizing:border-box; position: fixed !important; top: 0 !important; bottom: 0 !important; left: 0 !important; margin-top: 0 !important; width: 100% !important; max-width: 100% !important; height: auto; border-radius: 10px 10px 0 0; border-bottom: none;} #sub .second .popup.sign_popup .pop_wrap {vertical-align: bottom !important;} #sub .second .popup.sign_popup .pop_wrap .pop_inner {padding: 0 !important;} #sub .second .popup.sign_popup .pop {padding: 35px 20px 25px; border-radius:20px 20px 0 0; border: 1px solid #1560fd; border-bottom: 0;} #sub .second .popup.sign_popup .pop .pop_cont {margin-top: 0;} #sub .second .popup.sign_popup .canvas {height: 320px;} #sub .second .popup.sign_popup .btn_wrap {margin-top: 10px;} #sub .second .popup.sign_popup .form_wrap .title {padding-bottom: 15px;} #sub.sec_step2 #signPop2.popup .pop {border-radius: 10px;} #sub .second .draw_canvas .canvas4 .bot {max-width: 100%;} #sub .second .draw_canvas .canvas3 .top .ip_box {max-width: 100%;} #sub .second .draw_canvas .canvas4 .top .ip_box {max-width: 100%;} #sub .second .draw_canvas .canvas4 .rotate .rotate_bar {max-width: 100%;} #sub .second .popup.sign_popup .draw_canvas .canvas4 .rotate .bar {max-width: 100%;} #sub .second .popup.sign_popup .draw_canvas .canvas4 .rotate .rotate_bar {padding-right: 140px;} #sub .second .popup.sign_popup .draw_canvas .uploadStamp .rotate .bar{max-width: 270px} #sub.step2 .imageUpload .editBox .edit_del {width: 20px; height: 20px; right: -25px;} /* 메인 */ #main .row1 {width: 100%; margin-left: 0;} #main .row1 .box {width: 100%; margin-left: 0; margin-top: 15px;} #main .row1 .box:first-child {margin-top: 0;} #main .row1 .box .box_tit .left p {font-size: 1.4rem;} #main .row1 .box2 .box_cont .rate_btn {font-size: 1.5rem;} #main .row1 .box2 .box_cont ul li i {height: 28px; line-height: 26px;} #main .row3 {width: 100%; margin-left: 0;} #main .row3 .box {width: 100%; margin-left: 0; margin-top: 15px;} #main .row3 .box:first-child {margin-top: 0;} #main .row3 .box5 .box_tit .left {float: none; text-align: center;} #main .row3 .box5 {padding: 40px 40px 60px;} #main .row3 .box5 .box_cont {text-align: center;} #main .row3 .box5 .box_cont .left {float: none; width: 100%;} #main .row3 .box5 .box_cont .left > a {max-width: 260px; height: 60px; margin: 0 auto;} #main .row3 .box5 .box_cont .left > a .dpb {display: inline-block;} #main .row3 .box5 .box_cont .right {position: static; padding-left: 0; } #main .row3 .box5 .box_cont .right .img {text-align: center;} #main .row3 .box5 .manual-swiper .swiper-pagination {bottom: 30px;} #main .row3 .box6 .box_tit .left p .inb {display: inline-block;} /* 메인 - 본인 인증 모달 */ #quick .modal_wrap {width: 335px;} #quick .modal_inner {padding: 40px 20px;} /*계정설정 - 기업정보 - 권한관리 - 폴더 권한 설정(권한수정)*/ #sub.fld_idx .tb_wrap.narrow table{width:990px;} #sub.doc_manage.mass_view .doc_info .info_list ul li .ico_wrap{margin-top:0px; margin-bottom:10px; position:static} /*계정관리 - 주소록*/ #sub.addr_idx .tb_wrap > ul{width:960px;} /*계정설정 - 주소록 - 그룹원 등록,수정*/ #sub.regist .g_list .tb_wrap > ul{width:960px;} /* 25.02.10 요금제 페이지 */ .payment_box .payment_btn_box{ display: grid; gap: 20px; grid-template-columns: 1fr; } .payment_box .payment_btn_left{ display: grid; width: 100%; grid-template-columns: repeat(3, 1fr); } #sub .payment_box .payment_btn_box .btns2{ width: 100%; } #sub .payment_box .payment_btn_Box .fee_choice{ width:100%; } .payment_box .payment_desc_box{ padding: 20px; } /* 25.09.16 이용중인 요금제 */ .payment_pc_br{ display:none; } .payment_laptop_br{ display:none; } .payment_mo_br{ display:none; } .payment_tablet_br{ display:block; } #sub.paymentPage .payment_banner{ gap: 10px; } #sub.paymentPage .payment_banner__text{ margin-block: 31.5px 32.5px; } #sub.paymentPage .payment_banner__subTitle{ font-size: 1.5rem; line-height: 2.1rem; } #sub.paymentPage .payment_banner__title{ font-size: 2.2rem; line-height: 3.1rem; display: inline-block; } #sub.paymentPage .payment_banner__badge{ width: 6.1rem; height: 2.7rem; border-radius: 40px; font-size: 2.2rem; line-height: 2.3rem; margin-inline: 0; } #sub.paymentPage .btn_payment_banner{ height: 3.6rem; padding-inline: 20px 16px; margin-top: 14px; } #sub.payment_info_page .payment_info_banner{ padding-left: 40px; } #sub .con_wrap .payment_content_box .box{ padding:20px; } #sub.paymentPage .no_fda-user_banner{ display: grid; gap: 12px; } .br_pc{ display:none; } .br_mo{ display:none; } .br_laptop{ display:none; } .br_tablet{ display:block; } #docPop1.popup .pop.sign_start .pop_info .doc_list{ height: 442px; } #docPop1.popup .pop.sign_start .no_fda_user__content{ display: grid; } #docPop1.popup .pop.sign_start .no_fda_user__btn{ margin-top: 12px; } #main .row2 .box4 .box_cont ul{ grid-template-columns: repeat(2, 1fr) !important; } #main .row2 .box4 .box_cont ul li.item5{ grid-column: 1/3; } .payment_promo_notice_area.aatl .payment_promo_text_area .payment_promo_bg{ background-position: center 48.5px; background-size: contain; background-size: 81% auto; } } @media screen and (max-width: 960px) { .pc { display: none !important; } .mo { display: block; } #sub.doc_manage.mass_view .doc_info .info_list ul li .ellipsis{width: 400px !important;} /* 리스트 - 셀렉트 정렬로 변경 (모바일 타이틀 추가) */ .list_wrap.list .col_box .drp_box {display: block;} #sub .list_wrap.list .tb_wrap > ul > li.head {display: none;} #sub .list_wrap.list .tb_wrap > ul > li:not(.head).mo_head {display: block;} #sub .list_wrap.list .tb_wrap > ul > li:nth-of-type(2).mo_head {margin-top: 0;} /* sign > normal > step2 */ #sub.step3 .scroll2 {overflow-x: auto; box-sizing: border-box; padding-bottom: 10px;} #sub #form_list {width: 700px;} /*list_wrap - 공통*/ #sub .list_wrap.list .tb_wrap > ul > li > div:not(.more_btn){padding-left:0;} #sub.doc_manage .list_type{top:50% !important; margin-top:-13px;} /*list_wrap - card형*/ #sub .list_wrap.card .tb_wrap > ul{grid-template-columns: repeat(2,1fr);} #sub.doc_manage .list_wrap.card .tb_wrap > ul > li.txt_l{width:100%;} /*#sub.doc_manage .list_wrap.card .col_box .drp_box .chk_wrap{padding-left:15px;}*/ /*list_wrap - list형*/ #sub .list_wrap.list .tb_wrap > ul > li{margin-top:10px; padding-right: 0;} #sub .list_wrap.list .tb_wrap > ul > li:not(.head).mo_head + li{margin-top:0;} #sub.doc_manage .list_wrap.list .col_box .drp_box{display:block;} /*list_wrap - normal_sig*/ /* 진행현황 */ /* #sub.doc_manage .cols .col{padding:30px 25px 40px;} #sub.doc_manage.normal_sig .list_wrap.list .tb_wrap > ul > li:not(.mo_head){padding-right:220px;} #sub.doc_manage.normal_sig .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(1){display:none;} #sub.doc_manage.normal_sig .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(2){width:100%;} #sub.doc_manage.normal_sig .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(2) .ellipsis{width:150px !important;} #sub.doc_manage.normal_sig .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(3){display:none;} #sub.doc_manage.normal_sig .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(4){display:none;} #sub.doc_manage.normal_sig .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(5){display:none;} #sub.doc_manage.normal_sig .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(6){width:145px; padding:0 10px; box-sizing:border-box; position:absolute; right:30px; top:0;} #sub.doc_manage.normal_sig .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(7){display:none;} */ /*#sub.doc_manage.normal_sig .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(2) p{height:64px; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; line-height:64px; overflow:hidden;}*/ /* 문서관리 */ /* #sub.doc_manage .tb_wrap > ul > li > div:not(.btn_wrap):nth-child(2) .ellipsis{width:150px !important;} #sub.doc_manage .tb_wrap > ul > li > div:not(.btn_wrap):nth-child(3) {display:none;} #sub.doc_manage .tb_wrap > ul > li > div:not(.btn_wrap):nth-child(4) {display:none;} #sub.doc_manage .tb_wrap > ul > li > div:not(.btn_wrap):nth-child(5) {display:none;} #sub.doc_manage .tb_wrap > ul > li > div:not(.btn_wrap):nth-child(6) {display:none;} #sub.doc_manage .tb_wrap > ul > li > div:not(.btn_wrap):nth-child(7) {width:120px; padding:0 10px; box-sizing:border-box; position:absolute; right:30px; top:0;} #sub.doc_manage .tb_wrap > ul > li > div:not(.btn_wrap):nth-child(8) {display:none;} */ /*list2 - 계정정보쪽 리스트타입(정렬O)*/ #sub .list_wrap.list2 .col_box{display:block;} #sub .list_wrap.list2 .tb_wrap > ul > li.head{display:block;} #sub .list_wrap.list2 .tb_wrap > ul > li .srt_btn img{display:none;} #sub .list_wrap.list3 .col_box{display:block;} /*서명진행현황 - 상세페이지 공통*/ #sub.doc_manage.normal_sig .doc_info .info_list ul{margin-top:0;} #sub.doc_manage.normal_sig .doc_info .info_list ul li{margin-left:0; margin-top:5px;} #sub.doc_manage.normal_sig .doc_info .info_list ul li:first-child{margin-top:0;} #sub.doc_manage.normal_sig .doc_info .info_list ul li > div{float:none; width:100% !important; margin-left:0; margin-top:5px;} #sub.doc_manage.normal_sig .doc_info .info_list ul li > div:first-child{margin-top:0;} /*서명진행현황 - 일반서명 현황 - 상세페이지*/ #sub.doc_manage.normal_view .last_section .box_cont{position:relative;} #sub.doc_manage.normal_view .last_section .box_cont .tb_wrap{width:calc(100% - 65px);} /*#sub.doc_manage.normal_view .last_section .box_cont .tb_wrap > ul > li:first-child{margin-bottom:462px;}*/ /*#sub.doc_manage.normal_view .last_section .box_cont .tb_wrap > ul > li:nth-child(2){margin-top:40px;}*/ #sub.doc_manage.normal_view .last_section .box_cont .if_wrap{position:absolute; left:0; top:354px; width:100%; padding-left:65px;} #sub.doc_manage.normal_view .last_section .box_cont .if_wrap .if_box{/*display:none;*/ padding:20px; background-color:#fff; border-radius:8px 0 8px 8px;} #sub.doc_manage.normal_view .last_section .box_cont .if_wrap .if_box:before{left:auto; right:0; top:-21px; transform:rotate(90deg);} #sub.doc_manage.normal_view .last_section .box_cont .if_wrap .if_box .ab_btn{top:20px; right:20px;} /*대량서명 현황 list형*/ /* #sub.doc_manage.mass_idx .list_wrap.list .tb_wrap > ul > li:not(.mo_head){padding-right:165px;} #sub.doc_manage.mass_idx .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(4){width:135px;} */ /*서명진행현황 - 대량서명현황 - 상세페이지*/ #sub.doc_manage.mass_view .doc_info .info_list{margin-top:35px;} /*#sub.doc_manage.mass_view .btm_twrap .sc_wrap{padding-bottom:65px; position:relative;} #sub.doc_manage.mass_view .btm_twrap .sc_wrap .l_wrap{float:none; position:absolute; left:20px; bottom:20px; z-index:30;} #sub.doc_manage.mass_view .btm_twrap .sc_wrap .r_wrap{float:none;}*/ #sub.doc_manage.mass_view .btm_twrap .sc_wrap .r_wrap .srch_date{display:block; font-size:0; max-width:none; text-align:right;} #sub.doc_manage.mass_view .btm_twrap .sc_wrap .r_wrap .srch_date ul{display:inline-block; max-width:240px;} #sub.doc_manage.mass_view .btm_twrap .sc_wrap .r_wrap .page_search{display:block; margin-left:0; margin-top:6px;} #sub.doc_manage.mass_view .list_wrap.card .tb_wrap > ul > li.txt_l{width:49%;} /* #sub.doc_manage.mass_view .list_wrap.list .tb_wrap .nm_list .tb .tbc .prg b{display:none;} */ /*#sub.doc_manage.mass_view .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(1){display:table; width:35px;} #sub.doc_manage.mass_view .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(2){width:calc(100% - 35px);}*/ /*템플릿 관리 list형*/ /* #sub.doc_manage.template_idx .list_wrap.list .tb_wrap > ul > li .tb.fir .chk_wrap.cl_bk label{padding-left:0;} #sub.doc_manage.template_idx .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:not(.more_btn){padding-left:10px;} #sub.doc_manage.template_idx .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(1){width:calc(100% - 190px);} #sub.doc_manage.template_idx .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(1) .ellipsis { width: 130px;} #sub.doc_manage.template_idx .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(2){display:none;} #sub.doc_manage.template_idx .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(3){display:none;} #sub.doc_manage.template_idx .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(4){display:none;} #sub.doc_manage.template_idx .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(5){width:165px; display:table} #sub.doc_manage.template_idx2 .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(3){display:none;/*220516}*/ /* #sub.doc_manage.template_idx2 .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(4){width:calc(100% - 74px);} #sub.doc_manage.template_idx2 .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(5){width:39px;} */ /*문서 관리 list형*/ /* #sub.doc_manage.doc_manage .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(1) a{display:none;} #sub.doc_manage.doc_manage .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(1){width:25px; padding-left:0 !important;} #sub.doc_manage.doc_manage .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(2){width:calc(100% - 145px);} #sub.doc_manage.doc_manage .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(3){width:110px;} #sub.doc_manage.doc_manage2_1 .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(2){display:none;} #sub.doc_manage.doc_manage2_1 .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(3){width:calc(100% - 145px);} #sub.doc_manage.doc_manage2_1 .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(4){width:110px;} #sub.doc_manage.work_rejected .list_wrap.list .tb_wrap > ul > li > div:nth-child(5){display:none;} */ /*서명,인증서 관리 - 서명관리 - 내 서명*/ /* #sub.stamp .list_wrap.list .drp_box{display:block;} #sub.stamp .list_wrap.list .img_box{padding-right:15px;} #sub.stamp .list_type{top:50% !important; margin-top:-25px;} #sub.stamp .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(2), #sub.stamp .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(4), #sub.stamp .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(5){display:none;} #sub.stamp .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(3){width:calc(100% - 140px);} #sub.stamp .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(6){width:140px;} */ /*서명,인증서 관리 - 인증서 관리 - 인증서 관리*/ #sub.certifi_list .list_wrap.card .tb_wrap > ul > li{width:48%;} #sub.certifi_list .list_wrap.list .col_box{display:block;} #sub.certifi_list .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(1), #sub.certifi_list .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(2), #sub.certifi_list .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(3), #sub.certifi_list .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(5), #sub.certifi_list .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(6){display:none;} #sub.certifi_list .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(4){padding-left:0; width:calc(100% - 150px);} #sub.certifi_list .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(7){width:70px;} #sub.certifi_list .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(8){width:80px;} /*계정설정 - 내정보 - 이용중인 요금제(무료)*/ #sub.free .fee_info .col-2{padding:30px 25px;} #sub.free .bef_code{padding:30px 25px;} #sub.free .bef_code .box_title{position:static; width:auto;} #sub.free .bef_code .box_title h3{height:auto; line-height:1;} #sub.free .bef_code .ip_wrap{padding-left:0;} #sub.free .bef_code .ip_box{margin-top:15px;} #sub.free .aft_code{padding:30px 25px;} #sub.free .aft_code .left{float:none;} #sub.free .aft_code .right{float:none; margin-top:15px;} #sub.free .aft_code .right p{display:block;} #sub.free .aft_code .right p.s_cnt{padding-right:0;} #sub.free .aft_code .right p.s_limit{padding-left:0; border-left:0;} #sub.free .aft_code .right p span:first-child{width:130px;} #sub.free .section2{margin-top:43px;} #sub.free .section2 .pageTitle{margin-bottom:17px;} /*요금제 리스트(feeList)*/ #sub .feeList .col{padding:50px 25px;} /*계정설정 - 내정보 - 이용중인 요금제(유료)*/ #sub.payed .col-2{padding:30px 25px; } /*계정설정 - 내정보 - 이용중인 요금제 - 요금제 변경*/ #sub.change_plan .section1{padding-bottom:43px;} #sub.change_plan .section2 .pageTitle{margin-bottom:17px;} /*계정설정 - 내정보 - 이용중인 요금제 - 결제내역 상세보기*/ #sub.details1 .con_wrap .box .tb_wrap > ul > li > div:nth-child(2){width:38.25%;} #sub.details1 .con_wrap .box .tb_wrap > ul > li > div:nth-child(4){width:16%;} #sub.details1 .con_wrap .box .tb_wrap > ul > li > div:nth-child(5){width:10.5%;} /*계정설정 - 기업 정보 - 프로필 관리*/ #sub.busi_info .info_1{text-align:center;} #sub.busi_info .info_1 .col{padding:40px 30px;} #sub.busi_info .info_1 .txt_box{float:none;} #sub.busi_info .info_1 .txt_box strong{height:auto; line-height:1;} #sub.busi_info .info_1 .btn_wrap{float:none; margin-top:20px;} /*계정설정 - 기업 정보 - 조직도(팀 관리)*/ /* #sub.org_team .tb_wrap > ul{width:870px;} */ #sub.org_team .org_tit .btn_wrap.hasBf .btns{height:52px; line-height:52px;} /*계정설정 - 기업 정보 - 조직도(멤버 관리)*/ #sub.org_member .tb_wrap.ver4 > ul > li:not(.mo_head) > div:nth-child(1){display:none;} #sub.org_member .tb_wrap.ver4 > ul > li > div:nth-child(2){width:calc(50% - 25px);} #sub.org_member .tb_wrap.ver4 > ul > li > div:nth-child(3){width:calc(50% - 25px);} /*#sub.org_member .tb_wrap.ver4 > ul > li > div:nth-child(3) > div:first-child{display:none;}*/ #sub.org_member .tb_wrap.ver4 > ul > li .tb .show_btn{right:0; top:50%; margin-top:-25px;} #sub.org_member .tb_wrap.ver4 > ul > li .tb .show_btn a{display:block; width:50px; height:50px; position:relative;} #sub.org_member .tb_wrap.ver4 > ul > li .tb .show_btn a img{display:inline-block; position:absolute; left:20px; top:50%; margin-top:-4.5px;} /*계정설정 - 기업 정보 내부 결재라인 관리*/ #sub.linelist .tb_wrap > ul > li:not(.mo_head) > div:nth-child(1){width:25px;} #sub.linelist .tb_wrap > ul > li:not(.mo_head) > div:nth-child(2){width:calc(100% - 81px);} #sub.linelist .tb_wrap > ul > li:not(.mo_head) > div:nth-child(3){display:none;} #sub.linelist .tb_wrap > ul > li:not(.mo_head) > div:nth-child(4){width:36px;} #sub.linelist .tb_wrap .chk_wrap em{display:none;} /*계정설정 - 기업 정보 - 내부 결재라인 관리(작성)*/ #sub.line_form .scroll2{padding-bottom:10px; box-sizing:border-box;} /*계정설정 - 기업정보 - 권한관리 - 관리자별 설정*/ #sub.fld_idx .tb_wrap.sm_tb{overflow:auto;} #sub.fld_idx .tb_wrap.sm_tb table{width:975px;} #sub.grade_idx .tbw_list .btm_wrap .ul_wrap ul{width:100%; margin-left:0; margin-top:-20px;} #sub.grade_idx .tbw_list .btm_wrap .ul_wrap ul li{width:100%; margin-top:20px; margin-left:0; padding:35px; float:none; min-height:auto;} /*계정설정 - 주소록*/ #sub.addr_idx .addr_cont .btn_wrap p{display:block; margin-left:0; margin-top:15px; vertical-align:top;} /*계정설정 - 주소록 - 그룹원 등록,수정*/ #sub.regist .co_area{padding:28px 140px 28px 20px} #sub.regist .co_name{position:static; padding-left:0; height:auto;} #sub.regist .co_name strong{height:auto; line-height:initial;} #sub.regist .co_info p{padding-left:0; border-left:0;} #sub.regist .g_reg .msg p span{display:block;} #sub.regist .g_info .left{margin-top:30px;} #sub.regist .g_btn{position:static;} #sub.regist .g_btn > ul{margin-left:0; position:relative; font-size:0; text-align:right;} #sub.regist .g_btn > ul > li{float:none; display:inline-block;} #sub.regist .g_btn > ul > li.li1{position:absolute; left:0; top:0;} #sub.regist .g_btn > ul > li.li2{margin-left:0;} #sub.regist .g_list{margin-top:15px;} #sub.regist .file_form{padding-right:20px;} #sub.regist .file_form .right{position:static; margin-top:10px; max-width:271px;} /*메인 새로운 서명 시작하기+ 팝업*/ /*.popup .pop .pop_top{position:static;} .popup .pop .pop_top p{font-size:1.8rem;} .popup .pop .pop_top b{font-size:2.4rem;} .popup .pop .pop_top .pop_close{right:auto; top:auto; left:50%; margin-left:-48px; bottom:50px;} .popup .pop .pop_info .doc_list.wid2{width:100%; margin-left:0; margin-top:25px; padding-top:0;} .popup .pop .pop_info .doc_list.wid2 .tb{float:none; width:100%; margin-left:0; margin-top:15px; height:255px;} .popup .pop .pop_info .doc_list.wid2 .tb:first-child{margin-top:0;} .popup .pop .pop_info .doc_list.wid2 .tb .tbc b{font-size:2.6rem;} #docPop1.popup .pop_inner{max-width:700px;} #docPop1.popup .pop{padding:50px 12.5px 110px 14px;} #docPop1.popup .pop .pop_info .doc_list{padding-right:12.5px; max-height:640px; padding-top:10px;} #docPop1.popup .pop .pop_info .doc_list .tb .tbc .rd{width:125px; height:125px; border-radius:125px;} #docPop1.popup .pop .pop_info .doc_list .tb.li01 .tbc .rd{background-size:70px;} #docPop1.popup .pop .pop_info .doc_list .tb.li02 .tbc .rd{background-size:62px;} #docPop1.popup .pop .pop_info .doc_list .tb .tbc .wr{padding:26.5px 20px 26.5px 150px;}*/ /*메인 새로운 서명 시작하기+ 팝업*/ .popup .pop .pop_info .doc_list.wid2{width:100%; margin-left:0; margin-top:25px; padding-top:0;} .popup .pop .pop_info .doc_list.wid2 .tb{float:none; width:100%; margin-left:0; margin-top:15px; height:255px;} .popup .pop .pop_info .doc_list.wid2 .tb:first-child{margin-top:0;} #docPop1.popup .pop_inner{max-width:700px;} #docPop2.popup .pop{padding:50px 25px;} #docPop2.popup .pop_inner{max-width:700px;} /*#docPop2.popup .pop{padding:50px 25px 116px;}*/ #docPop2.popup .pop .pop_info .doc_list.wid2 .tb{height:215px;} #docPop2.popup li.li01 a{background-size:254px;} #docPop2.popup li.li02 a{background-size:310px;} #docPop2.popup li a.tbc{padding:25px;} /*서명진행현황 - 반려된 서명(220517)*/ #sub.doc_manage.doc_rejected .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(4){display:none;} /*대량서명 현황 list형 - 220517 수정*/ /* #sub.doc_manage.mass_idx .list_wrap.list .tb_wrap > ul > li:not(.mo_head){padding-right:165px;} #sub.doc_manage.mass_idx .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(2){display:none;} #sub.doc_manage.mass_idx .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(3){display:table; width:100%;} #sub.doc_manage.mass_idx .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(4){display:none;} #sub.doc_manage.mass_idx .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(5){width:135px; padding:0 10px; box-sizing:border-box; position:absolute; right:30px; top:0;} */ /*서명진행현황 - 반려된 서명 - 상세페이지 220518*/ /* #sub.doc_manage.rejected_view .rj_box .box_title{padding-left:0;} #sub.doc_manage.rejected_view .rj_box .box_title h3{position:static; line-height:1;} #sub.doc_manage.rejected_view .rj_box .box_title p{margin-top:10px; height:auto; line-height:1.4;} #sub.doc_manage.rejected_view .rj_box2 .box_title p a{margin-left:-20px;} */ #sub.doc_manage.mass_view .doc_info .info_list ul li .ico_wrap{margin-top:0px; margin-bottom:10px; position:absolute} } @media screen and (max-width: 846px) { #sub.payed.paymentPage .cols.feeList .listWrap .boxArea .btm_fee .fee_tbl .btn_wrap > a:nth-child(2){margin-left: 0px;margin-top: 10px;} } @media screen and (max-width: 840px) { #sub.inspection .insp_info .tb_wrap2 > ul > li:not(.head) .tb, #sub.inspection .insp_info .tb_wrap2 > ul > li:not(.head) .tbc{display:block; line-height:24px;} #sub.inspection .insp_info .tb_wrap2 > ul > li:not(.head) > div:nth-child(1){width:150px !important;} #sub.inspection .insp_info .tb_wrap2 > ul > li:not(.head) > div:nth-child(2){width:calc(100% - 150px) !important; width:-webkit-calc(100% - 150px) !important; width:-moz-calc(100% - 150px) !important;} #sub.inspection .insp_info .tb_wrap2 > ul > li:not(.head) > div:nth-child(3){width:150px !important;} #sub.inspection .insp_info .tb_wrap2 > ul > li:not(.head) > div:nth-child(4){width:calc(100% - 150px) !important; width:-webkit-calc(100% - 150px) !important; width:-moz-calc(100% - 150px) !important;} #sub.inspection .insp_info .tb_wrap2 > ul > li:not(.head) > div.pic3{border-color:#e2e7ea;} #sub.inspection .insp_info .tb_wrap2 > ul > li:not(.head) > div.pic4{width:calc(100% - 305px) !important; width:-webkit-calc(100% - 305px) !important; width:-moz-calc(100% - 305px) !important;} #sub.inspection .insp_info .hu_list .tb_wrap2 > ul > li:not(.head) .signatory{right:25px; top:50%;} .popup .price_pop3 .pop {padding: 3rem;} .popup .price_pop3 .scroll {height: calc(100vh - var(--pop-margin3)); margin-top: 20px; padding-right: 0;} .popup .price_pop3 .mo_inner {border-radius: 20px; box-shadow: 0px 0px 10px 0 rgb(22 97 253 / 22%); overflow:auto; max-height:60rem; padding:3rem 2.5rem; box-sizing:border-box; margin-top:1.5rem; /* 기존에 있던거. 개인적으로 디자인 변경했으나 기획팀에서 원래대로 전체 박스에도 선 있게 해달라고 하면 이 부분 주석해제하면 됨. */ /* border: 1px solid #1761fe; */ } .popup .price_pop3 .item_tab {display: block;} /* .popup .price_pop3 .item .top {display: none;} */ .popup .price_pop3 .item .mid .mid_t .mo {display: block; font-size: 1.4rem; color: #777; text-align: center; padding:0;} .popup .price_pop3 .item .mid .mid_t .drp_wrap {margin-top: 30px;} .popup .price_pop3 .item .mid .mid_t > em {background-color: #1761fe; color: #fff; } .popup .price_pop3 .item_wrap {width: 100%; margin-left: 0; margin-top:0 !important; display:grid; gap:2rem;} .popup .price_pop3 .item_wrap .item {width: 100%; margin-left: 0; border: 1px solid #1761fe; box-shadow: 0px 0px 10px 0 rgba(22, 97, 253, 0.22);} /* .popup .price_pop3 .item_wrap .item2 {display: none;} */ .popup .price_pop3 .item_wrap::after{ display:none; } } @media screen and (max-width: 768px){ #sub .responsive_img_tablet{ display:none; } #sub .responsive_img_laptop{ display:none; } #sub .responsive_img_pc{ display:none; } #sub .responsive_img_mo{ display:block; } .br_pc{ display:none; } .br_tablet{ display:none; } .br_laptop{ display:none; } .br_mo{ display:block; } /* 공통 - 스텝리스트 */ .step_list ul li {line-height: 40px;} .step_list ul li:not(.on) {width: 40px;} #sub.step2 .sign_box i, #sub.step2 .checkBox .chk i {left: -8px; top: -9px; width: 15px; height: 15px; line-height: 14px;} #sub.doc_manage.mass_view .doc_info .info_list ul li .ellipsis{width: 300px !important;} /* sign > normal > step2 */ #sub.step2 .pdf_util {right: auto; left: 0; width: 100%; text-align: center;} #sub.step2 .pdf_util ul {display: inline-block;} #sub.step2 .pdf_util ul li {box-sizing: border-box;} #sub.step2 .pdf_util ul li > a {box-sizing: border-box;} #sub.step2 .pdf_util > ul > li > a {height: 30px; line-height: 30px;} #sub.step2 .pdf_util ul li.one_page_move > ul > li > a {height: 30px; line-height: 28px;} #sub.step2 .pdf_util ul li.one_page_move > ul > li.page_move > a {width: 30px;} #sub.step2 .pdf_util ul li.one_page_move > ul > li.page_num > a {width: 60px; font-size: 13px;} #sub.step2 .pdf_util ul li.one_page_move > ul > li.page_num > a > span {font-size: 13px;} #sub.step2 .pdf_util ul li.print {width: 30px; background-size: 16px auto;} #sub.step2 .pdf_util ul li.page {width: 120px;} #sub.step2 .pdf_util ul li.page .img {height: 30px; line-height: 30px; text-align: center;} #sub.step2 .pdf_util ul li.page > a {box-sizing: border-box;} #sub.step2 .pdf_util ul li.page > a img {width: 13px;} #sub.step2 .pdf_util ul li.page > a span {line-height: 30px;} #sub.step2 .pdf_util ul li.page > ul {top: 30px;} #sub.step2 .pdf_util ul li.page > ul > li > a {height: 30px; line-height: 30px;} #sub.step2 .pdf_util ul li.page > ul > li > a span {line-height: 25px;} #sub.step2 .pdf_util ul li.page > ul > li > a img {display: inline-block;} #sub.step2 .pdf_util ul li.scale p a {width: 28px; height: 28px; box-sizing: border-box;} #sub.step2 .pdf_util ul li.scale p span {width: 55px; height: 28px; line-height: 28px;} #sub.step2 .con_wrap .right .box .pdf_page {padding: 20px 0 12px;} #sub.step2 .con_wrap .right .box .pdf_page .pdf_page_docTitle {display: inline-block; margin-right: 10px; width: 250px; font-weight: bold; color: #111111; font-size: 1.8rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 15px;} #sub.step2 .con_wrap .right .box .pdf_page b {font-size: 12px;} #sub.step2 .con_wrap .right .box .pdf_page b em {font-size: 10px;} #sub.step2 .editTool .sctPerson {left: -5px; top: -21px;} #sub.step2 .editTool .sctPerson span {font-size:0.38em; height: 13px; padding: 0 5px; line-height: 14px;} #sub.step2 .editTool.textBox .sctPerson span {width: 100%;} #sub.step2 .textBox p {padding: 0 1px;} #sub.step2 .editTool .editBox .edit_del.cls_btn{display: none;} #sub.step2 .editTool .editBox .textCopyBtn{display: none;} #sub.step2 .textBox textarea {padding: 0 1px;} #sub.step2.sec_step2 .editTool .editBox .edit_del.cls_btn{display: block;} /* #sub.step2 .editTool .optionBox {position: fixed; bottom: 0; left: 0; width: calc(100% - 40px); margin: 0 20px; padding: 30px 20px; border-radius: 10px 10px 0 0; border-bottom: none;} #sub.step2 .editTool.waterMark .optionBox {position: fixed; bottom: 0; left: 0; width: calc(100% - 40px); margin: 0 20px; border-radius: 10px 10px 0 0; border-bottom: none;} #sub.step2 .editTool.selectBox .optionBox {position: fixed; bottom: 0; left: 0; width: calc(100% - 40px); margin: 0 20px; border-radius: 10px 10px 0 0; border-bottom: none;} #sub.step2 .editTool.stampAdd .optionBox {position: fixed; bottom: 0; left: 0; width: calc(100% - 40px); margin: 0 20px; border-radius: 10px 10px 0 0; border-bottom: none;} #sub.step2 .editTool.signSet .optionBox {position: fixed; bottom: 0; left: 0; width: calc(100% - 40px); margin: 0 20px; border-radius: 10px 10px 0 0; border-bottom: none;} #sub.step2 .editTool .optionBox .optionCon .option_list .select_wrap > ul {max-height: 95px; overflow: auto;} #sub.step2 .editTool .optionBox .optionCon .option_list .select_wrap > ul {overflow: auto; box-sizing: border-box;} #sub.step2 .editTool .optionBox .optionCon .option_list .select_wrap > ul::-webkit-scrollbar {width: 3px; height: 3px;} #sub.step2 .editTool .optionBox .optionCon .option_list .select_wrap > ul::-webkit-scrollbar-track {background: transparent; border-radius: 3px;} #sub.step2 .editTool .optionBox .optionCon .option_list .select_wrap > ul::-webkit-scrollbar-thumb {background: #a4aeb4; border-radius: 3px;} #sub.step2 .editTool .optionBox .optionCon .option_list .select_wrap > ul {scrollbar-face-color: transparent; scrollbar-track-color: transparent; scrollbar-arrow-color: none; scrollbar-highlight-color: transparent; scrollbar-3dlight-color: none; scrollbar-shadow-color: transparent; scrollbar-darkshadow-color: none;} #sub.step2 .editTool .optionBox .optionCon .option_list .select_wrap .evo-pop {top: -212px;} */ /* #sub.step2 .popup {max-width: 420px;} */ #sub.step2 .popup .inner {padding: 30px;} #sub.step2 .popup .btm {margin-top: 15px;} .popup .pop {padding: 30px; border-radius: 20px;} .popup#docReturn .pop{ max-width: 100%; } /* sign > normal > index */ #sub.step_form .con_wrap .wcon_box .closeBox {top: 8px; right: 8px; width: 27px; height: 27px;} #sub.step_form .con_wrap .box > div {padding: 20px !important; } #sub.step_form .con_wrap .box .ip_wrap .ip_box input[type="number"] {padding-right: 70px;} #sub.step_form .con_wrap .box > divrap .box .tit_wrap b.tit {line-height: 28px;} #sub.step_form .con_wrap .box .tit_wrap b.tit .inb {display: block;} #sub.step_form .con_wrap .box .ip_wrap > div {margin-top: 0;} #sub.step_form .con_wrap .box .l_box {padding: 35px 20px;} #sub.step_form .con_wrap .box .l_box img {display: inline-block; width: 30px;} #sub.step_form .con_wrap .box .l_box em {font-size: 1.5rem;} #sub.step_form .con_wrap .box .ip_wrap.customRadio {width: 100%; margin-left: 0;} #sub.step_form .con_wrap .box .ip_wrap.customRadio > div {float: none; width: 100%; margin-left: 0; margin-top: 12px;} #sub.step_form .con_wrap .wcon_box .box.d_box > div:first-child {padding-bottom: 20px;} #sub.step_form .con_wrap .box .tit_wrap .chk_wrap.type2 {margin-left: 15px;} #sub.step_form .con_wrap .box .ip_wrap .ip_box input[type="number"] {font-size: 1.4rem;} /* #sub.step_form .con_wrap .box .ip_wrap {margin-top: 15px;} */ #sub.step_form .con_wrap .box .ip_wrap .s_tit > b {font-size: 1.4rem;} #sub.sign_idx .navi_arr {right: 26px;} /* sign > normal > index 팝업 */ #signOk.popup.pd .pop {padding: 30px;} #signOk.popup.pd .pop .btn_wrap a {font-size: 1.4rem;} /* sign > normal > step3 */ #sub.step3 #msg_cont {margin-top: 10px;} #sub.step3 .con_wrap .box .ms_wrap ul li {padding: 5px;} #sub.step3 .con_wrap .box div.pagenate.mt2 {margin-top: 30px;} #sub.step3 .con_wrap .box .ms_wrap .nm_box {width: 120px;} #sub.step3 .con_wrap .box .ms_wrap .nm_box .num {width: 18px;} #sub.step3 .con_wrap .box .ms_wrap .nm_box span {padding: 0 7px; font-size: 13px;} #sub.step3 .con_wrap .box .ms_wrap .ip_box {width: calc(100% - 120px); width: --calc(100% - 120px); width: -moz-calc(100% - 120px);} #sub.step3 .ip_wrap .ip_box input[type="text"], #sub .ip_wrap .ip_box input[type="tel"], #sub .ip_wrap .ip_box input[type="password"], #sub .ip_wrap .ip_box input[type="number"] {font-size: 14px;} #sub.step3 .ip_wrap .ip_box input[type="text"]::placeholder,#sub .ip_wrap .ip_box input[type="tel"]::placeholder,#sub .ip_wrap .ip_box input[type="password"]::placeholder,#sub .ip_wrap .ip_box input[type="number"]::placeholder {font-size: 14px;} #sub.step3 .drp_box > a {font-size: 13px;} #sub.step3 .drp_box > ul li a {font-size: 13px;} /* sign > normal > step3 팝업 */ #preview .pop {padding: 30px 15px 30px 30px;} #preview .scroll {padding-right: 15px; /*220620*/} #docPop3.addr .pop {padding: 30px;} #preview input[type="text"] {padding: 0 15px; height: 50px; line-height: 50px; font-size: 14px;} #preview .scroll {margin-top: 15px;} /* 페이지네이션 */ .pagenate li a.board.prev {margin-right: 50px;} .pagenate li a.board.next {margin-left: 50px;} /* 공통 - 팝업 */ .popup .pop .area {margin-top: 15px;} .popup.pd .pop {padding: 30px;} /* 공통 - 버튼 */ .btn_wrap .btns {font-size: 14px;} /* sign > second > step4 팝업 */ .popup#help .pop {padding: 30px;} .popup#help .pop .pop_cont {margin-top: 15px;} .popup#help .user_area {margin-top: 15px;} .popup#help .btn_wrap .btns {font-size: 1.6rem;} .popup#companion .pop {padding: 30px;} /* sign > second > step1 팝업 */ .popup#approve .pop {padding: 30px;} .popup#companion .pop {padding: 30px;} .popup#companion .btn_wrap > div {padding: 0;} /* sign > second > step2_1 팝업 */ .popup#companion .pop {padding: 30px;} .popup#companion .btn_wrap > div {padding: 0;} /* sign > second > step2 */ #sub .con_wrap.mega .box > div {padding: 0 20px 25px;} #sub .con_wrap.mega .box > div:first-child {padding-top: 25px;} #sub.second_form .con_wrap .box#select {padding-bottom: 20px;} #sub.second_form .con_wrap .box#select p {line-height: 1.3; font-size: 1.4rem;} #sub.second_form .pagenate {margin-top: 0;} .mega .stats_bar .g_btn .srch_btn {left: 10px;} .mega .stats_bar .g_btn .srch_text {padding: 0 10px 0 33px; height: 32px; line-height: 32px;} .mega .stats_bar .g_btn > ul > li.li5 {width: 160px; margin-top: 0;} /* sign > mega > index */ #sub .con_wrap.mega .box .tit_wrap b.tit strong {margin-top: 5px; display: block;} .mega .exp li {padding: 20px;} .mega .exp li > div:first-child {padding-right: 5px; box-sizing: border-box;} /* sign > mega > step1 */ #sub.mega_step1 a.icon_btn {padding: 0 10px; height: 32px; line-height: 32px; text-align: center; vertical-align: middle;} #sub.mega_step1 a.icon_btn:before {display: none;} #sub.mega_step1 .g_btn > ul > li.li3 {width: 66px;} .mega .stats_bar .error_box .error_ch {line-height: 25px;} #sub .con_wrap .box#select {padding-bottom: 20px;} /* 메인 - 서명 팝업 */ #docPop3 .pop {padding: 30px 15px 30px 30px;} #docPop3 .pop .pop_top b {font-size: 2rem;} #docPop3.popup .pop .pop_top p {margin-top: 5px; font-size: 1.6rem;} #docPop3 .filetab {margin-top: 25px;} #docPop3 .filetab ul li {height: 70px; } #docPop3 .filetab em {font-size: 1.2rem;} #docPop3 .filetab .ico {height: 26px; line-height: 26px;} #docPop3 .filetab .ico img {height: 26px;} #docPop3 .filetop {margin-top: 0;} #docPop3 .findfile {margin-top: 20px; height: 180px; padding:20px; box-sizing: border-box;} #docPop3 .findfile strong {display: block; font-size: 1.6rem;} #docPop3 .btnbox {max-width: inherit; margin-top: 20px;} #docPop3 .btnbox > div {margin-left: -5px;} #docPop3 .findfile .bg {padding-top: 60px; padding-left: 0; text-align: center; background-position: 53% 0%; background-size: 90px;} #docPop3 .findfile a, #docPop3 .findfile label {display: inline-block; text-align: left;} #docPop3 .findfile p {font-size: 1.3rem; line-height: 1.4;} #docPop3 .upload_done .btnbox {margin-top: 20px;} #docPop3 .upload_done .findfile {height: 180px;} #docPop3 .upload_done .findfile .bg {padding-top: 65px; padding-left: 0; text-align: center; background-position: 50% 0%; background-size: 80px;} #docPop3 .upload_done .filelist span {height: 42px; line-height: 40px;} #docPop3 .upload_done .scroll {max-height: 97px;} #docPop3 .template_list ul.box .btns a {margin-top: 10px;} #docPop3 .template_list ul.box li {padding: 17px 15px; font-size: 1.3rem;} #docPop3 .template_list ul.box li .tit span {font-size: 1.5rem; line-height: 1.4;} #docPop3 .template_list ul.list li span {font-size: 1.4rem; height: 15px; display: block; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;} #docPop3 .dropzone .dropzone_notion{ margin:4px auto 0; } /* #docPop3 .template_list ul.list li span.ellipsis {width: 210px;} */ /* 테스트 후 추가 정리 필요 #docPop3 .util ul li:nth-child(1) {width: 38.5%;} #docPop3 .util ul li:nth-child(2) {width: 25%;} #docPop3 .util ul li:nth-child(3) {width: 20%;} #docPop3 .util ul li:nth-child(4) {width: 16.5%;} #docPop3 .template_list ul.list li > div:nth-child(1) {width: 10%;} #docPop3 .template_list ul.list li > div:nth-child(2) {width: 28.5%;} #docPop3 .template_list ul.list li > div:nth-child(3) {width: 25%;} #docPop3 .template_list ul.list li > div:nth-child(4) {width: 20%;} #docPop3 .template_list ul.list li > div:nth-child(5) {width: 16.5%;} */ #docPop3 .util .list {padding: 0 2px;} #docPop3 #tabcon2 .findfile {height: 180px;} #docPop3 #tabcon2 .findfile p {padding: 0;} #docPop3 #tabcon3 .cloud_upload {margin-top: 15px;} #docPop3 #tabcon3 .cloud_type {float: none; width: 100%; height: auto; padding-right: 0;} #docPop3 #tabcon3 .cloud_type ul {width: 100%; border-top: 1px solid #e1e8eb; border-bottom: 1px solid #e1e8eb;} #docPop3 #tabcon3 .cloud_type ul li {float: left; width: 25%; text-align: center; border: none;} #docPop3 #tabcon3 .cloud_type ul li span {padding-left: 0; width: 25px; height: 25px; font-size: 0; color: transparent;} #docPop3 #tabcon3 .cloud_type ul li a {height: 47px; line-height: 47px;} #docPop3 #tabcon3 .cloud_type ul li.on span {color: transparent;} #docPop3 #tabcon3 .cloud_type ul li:first-child {border-top: none;} #docPop3 #tabcon3 .findfile {margin-top: 10px; width: 100%; height: 180px;} #docPop3 .findfile.st2 .ico {background-size: 90px; height: 60px;} #docPop3 .findfile.st2 p {margin-top: 0;} #docPop3 .findfile.st2 strong {padding: 10px 0 0; font-size: 1.6rem;} /*서명진행현황 - 상세페이지 공통*/ #sub.doc_manage.normal_sig .doc_info .info_list ul li > div b{font-size:1.4rem;} #sub.doc_manage.normal_sig .doc_info .info_list ul li > div p span{font-size:1.4rem;} /*서명진행현황 - 일반서명 현황 - 상세페이지*/ #sub.normal_view .pr_title .prs > div b{font-size:1.6rem;} #sub.normal_view .pr_title .prs > div b:before{margin-top:-7px;} #sub.doc_manage.normal_view .doc_info .info_list ul li .viewPageDocTitle {width: 100% !important;} #sub.doc_manage.normal_view .doc_info .info_list ul li .ico_wrap{width:347px !important; flex-wrap:wrap;} #sub.doc_manage.normal_view .doc_info .info_list ul li .ico_wrap a{margin-left:0px; margin-right:7px; margin-top:9px;} #sub.doc_manage.normal_view .doc_info .info_list ul li .ico_wrap .lgb{width:145px !important; margin-top:9px;} #sub.doc_manage.normal_view .doc_info .info_list ul li .ico_wrap .lgb.dwld1{margin-left:0;} #sub.doc_manage.normal_view .last_section .box_cont .if_wrap .if_box h3{font-size:1.5rem; line-height:36px;} #sub.doc_manage.normal_view .last_section .box_cont .if_wrap .if_box .ab_btn{right:20px; top:20px;} #sub.doc_manage.normal_view .last_section .box_cont .if_wrap .if_box .if_list > ul > li p{font-size:1.4rem;} /*서명진행현황 - 대량서명현황 - 상세페이지*/ #sub.doc_manage.mass_view .doc_info .prg_wrap .txt .l_box > div:first-child b{font-size:2.5rem;} #sub.doc_manage.mass_view .doc_info .prg_wrap .txt .l_box > div:first-child em{font-size:1.7rem;} #sub.doc_manage.mass_view .doc_info .prg_wrap .txt .l_box > div span{font-size:1.7rem;} #sub.doc_manage.mass_view .doc_info .prg_wrap .txt .l_box > div.last{margin-bottom:1px;} #sub.doc_manage.mass_view .doc_info .prg_wrap .txt .l_box > div.last b{font-size:1.4rem;} #sub.doc_manage.mass_view .doc_info .prg_wrap .txt .l_box > div.last:before{margin-top:-9.5px;} #sub.doc_manage.mass_view .doc_info .prg_wrap .txt .r_box{padding-top:3px; box-sizing:border-box;} #sub.doc_manage.mass_view .doc_info .prg_wrap .txt .r_box span{font-size:1.7rem;} #sub.doc_manage.mass_view .doc_info .prg_wrap .txt .r_box b{font-size:2rem; line-height:17px;} /*서명,인증서 관리 - 서명관리 - 서명 등록*/ /* #sub .draw_canvas .canvas2 .bot{height:350px;} */ #sub .draw_canvas .canvas2 .bot ul li{width:32.3333%;} #sub .draw_canvas .canvas3 .bot ul li{width:32.3333%;} #sub .draw_canvas .canvas4 .rotate .bar{max-width:350px;} #sub .draw_canvas .top {padding-top:0 !important;} #sub .draw_canvas .top p span{display:block;} /*서명,인증서 관리 - 서명관리 - 내 서명*/ #sub.stamp .list_wrap.card .tb_wrap > ul > li{width:49%;} /*서명,인증서 관리 - 인증서 관리 - 인증서 신청*/ /*#sub.ctf_form .guide ul li .inb{display:block;}*/ #sub.certifi .step_list2 ul li{padding:0 28px;} /* 결제자 설정*/ #sub.line_form .tb_wrap {padding-top: 5px !important;} #sub.line_form .tb_wrap > ul > li.head {display: none;} #sub.line_form .tb_wrap > ul > li:not(.head, .listNone) {display: grid; grid-template-columns: 10% 30% 60%; grid-template-rows: 1fr 1fr; padding: 10px; height: 115px;} #sub.line_form .tb_wrap > ul > li:not(.head, .listNone) div.tb {width: 100%;} #sub.line_form .tb_wrap > ul > li:not(.head, .listNone) div.tb:nth-child(4) {grid-column: 3; grid-row: 2;} #sub.line_form .tb_wrap > ul > li:not(.head, .listNone) div.tb:nth-child(5) {grid-column: 2; grid-row: 2;} /*요금제 리스트(feeList) 220530*/ /*#sub .feeList .boxArea .btm_fee ul{width:102.5%; margin-left:-2.5%; margin-top:-2.5%;} #sub .feeList .boxArea .btm_fee ul li{width:47.5%; margin-left:2.5%; margin-top:2.5%;} #sub .feeList .boxArea .btm_fee ul li.pic{width:97.5%;}*/ /*계정설정 - 내정보 - 이용중인 요금제 - 결제내역 상세보기*/ #sub.details1 .con_wrap .box .tb_wrap > ul > li > div:nth-child(2){width:33.25%;} #sub.details1 .con_wrap .box .tb_wrap > ul > li > div:nth-child(4){width:18.5%;} #sub.details1 .con_wrap .box .tb_wrap > ul > li > div:nth-child(5){width:13%;} /*계정설정 - 기업 정보 - 조직도(멤버 관리)*/ #sub.org_member .ip_box > div > div{width:100%;} #sub.org_member .ip_box > div > div:first-child{width:calc(100% - 225px);} /*계정설정 - 기업 정보 - 내부 결재라인 관리*/ #sub.linelist .page_search{margin-top:10px; position:static;} /*계정설정 - 기업정보 - 권한관리 - 폴더 권한 설정*/ #sub.fld_idx .tb_wrap table{width:768px;} #sub.fld_idx .tit_tp > div p.bf .inb{display:block;} /**/ #preview .scroll{/*height:auto !important;*/ max-height:530px; /*220620*/} /*팀 멤버 등록 팝업*/ #sub.popup.teampop2 .tb_area > div{width:597px; /*220615*/} /*step2 팝업*/ .pop_edit_tip .pop{padding:50px 10px 20px 20px;} .pop_edit_tip .pop_cont .scroll{padding-right:10px;} /*계정설정 - 기업 정보 - 프로필 관리 팝업*/ .co_pop .pop_inner .pop{padding:30px;} .co_pop .pop_inner .colTxt .txt1{font-size:2rem;} .co_pop2 .pop_inner .pop{padding:30px 15px 30px 30px;} .co_pop2 div.pdr14{padding-right:15px;} .co_pop5 .pop_inner .pop{padding:30px 15px 30px 30px;/*220620*/} .co_pop5 div.pdr14, .co_pop5 ul.pdr14{padding-right:15px; box-sizing:border-box; /*220620*/} .co_pop8 .mem_history{padding-right:15px;} /*계정설정 - 기업 정보 - 팀관리 팝업*/ .teampop .pop_inner .pop{padding:30px;} .popup.teampop .pop .box_title h3{font-size:2rem;} /*계정설정 - 주소록 팝업*/ .addr_pop .pop_inner .pop{padding:30px;} .addr_pop .pop_inner .colTxt .txt1{font-size:2rem;} /*전체 진행이력 팝업*/ .doc_prog_all .pop{padding:30px 15px 30px 30px;} .doc_prog_all .rec_tbl .tb_wrap > ul{padding-right:15px;} /*내부 결재라인 등록 팝업*/ #sub.popup.addr .pop{padding:30px;} #sub.popup.addr .drp_box{padding-right:15px;} /*휴지통으로 이동 팝업*/ .prog_pop .pop_inner .pop{padding:30px;} /* 회원가입 - 초대장 알림 팝업 */ .popup.invite_pop .pop {padding: 30px;} /* 링크서명 - index */ #guideBox .tit .subtit {display: block; margin-top: 5px;} /*서명진행현황 - 유효기간 임박서명 - 상세페이지 220517*/ #sub.doc_manage.idx_view .doc_info .info_list ul li .ico_wrap a{width:96.6px !important;} #sub.doc_manage.idx_view .doc_info .info_list ul li .ico_wrap .go_sign{width:90px !important;} #sub.doc_manage.idx_view .doc_info .info_list ul li .ico_wrap .eyes{margin-left:0; width:120px !important;} #sub.doc_manage.idx_view .doc_info .info_list ul li .ico_wrap .lgb.dwld1{margin-left:7px;} /*서명진행현황 - 유효기간 만료서명 - 상세페이지 220517*/ #sub.doc_manage.expiration_view .doc_info .info_list ul li .ico_wrap{width:36px !important;} #sub.doc_manage.expiration_view .doc_info .info_list ul li .ico_wrap a{width:36px !important;} /*서명진행현황 - 완료된 서명 - 상세페이지 220517*/ #sub.doc_manage.done_view .doc_info .info_list ul li .ico_wrap{width:288px !important;} #sub.doc_manage.done_view .doc_info .info_list ul li .ico_wrap .lgb{margin-top:0;} /*서명진행현황 - 내 서명 대기중 - 상세페이지 220517*/ #sub.doc_manage.my_waiting_view .doc_info .info_list ul li .ico_wrap .go_sign{width:90px !important;} #sub.doc_manage.my_waiting_view .doc_info .info_list ul li .ico_wrap1 a{width:96.6px !important;} #sub.doc_manage.my_waiting_view .doc_info .info_list ul li .ico_wrap1 .eyes{margin-left:0; width:120px !important;} #sub.doc_manage.my_waiting_view .doc_info .info_list ul li .ico_wrap1 .lgb.dwld1{margin-left:7px;} #sub.doc_manage.my_waiting_view .doc_info .info_list ul li .ico_wrap2 a{width:100px !important;} #sub.doc_manage.my_waiting_view .doc_info .info_list ul li .ico_wrap2 .lgb.dwld1{width:197px !important;} /*서명진행현황 - 반려된 서명 - 상세페이지 220518*/ #sub.doc_manage.rejected_view .doc_info .info_list ul li .rj_ico{width:237px !important;} #sub.doc_manage.rejected_view .doc_info .info_list ul li .rj_ico .eyes{width:93px !important} #sub.doc_manage.rejected_view .doc_info .info_list ul li .rj_ico .lgb.dwld1{width:137px !important; margin-left:7px; margin-top:0;} #sub.doc_manage.rejected_view .doc_info .info_list ul li .rj_ico .icon_btn.doc_wte{width:237px !important; margin-left:0; margin-top:9px;} /*서명진행현황 - 회수한 서명 - 상세페이지 220517*/ #sub.doc_manage.my_recalled_view .doc_info .info_list ul li .ico_wrap{width:331px !important;} #sub.doc_manage.my_recalled_view .doc_info .info_list ul li .ico_wrap .lgb{margin-top:0;} #sub.doc_manage.my_recalled_view .doc_info .info_list ul li .ico_wrap .lgb.dwld1{margin-left:7px;} /*서명진행현황 - 상대방 서명 대기중 - 상세페이지 220517*/ #sub.doc_manage.work_waiting_view .doc_info .info_list ul li .ico_wrap{width:288px !important;} #sub.doc_manage.work_waiting_view .doc_info .info_list ul li .ico_wrap a{width:140.5px !important;} #sub.doc_manage.work_waiting_view .doc_info .info_list ul li .ico_wrap .eyes{margin-left:0; width:111px !important;} #sub.doc_manage.work_waiting_view .doc_info .info_list ul li .ico_wrap .lgb.dwld1{margin-left:7px;} /* 요금제 페이지 25.02.10 */ .payment_info_page .payment_info_body h2{ text-align: center; } .payment_state_box{ padding: 32px 20px; } .payment_state_info_box{ flex-direction: column; } .payment_state_info_desc{ text-align: center; } .payment_info_title_box{ display: grid; justify-content: center; gap: 24px; } .payment_info_title_box h3{ text-align: center; } .payment_info_page .aatl_payment_info_table_type1{ grid-template-columns: repeat(3, 1fr); } .payment_info_page .aatl_payment_info_table_type1 .table_item:nth-child(3) .table_title, .payment_info_page .aatl_payment_info_table_type1 .table_item:nth-child(3) .table_content{ border-right: none; } .payment_info_page .payment_info_tab li > button{ font-size: 16px; } .payment_info_page .mobile_show{ display: block; } .payment_info_page .pc_show{ display: none; } .payment_info_page .payment_info_item{ display: grid; gap: 8px; } .payment_info_page .payment_info_price{ padding-left:28px; } .won{ justify-content: left; } .payment_info_page .payment_info_item.enter_directly .payment_info_price_period{ padding-left:28px; } .payment_info_page .payment_info_item.enter_directly .payment_info_item_left{ display: grid; grid-template-columns: 20px 66px; } .payment_info_page .payment_info_item.enter_directly .payment_info_item_left .input_box{ padding-left: 20px; } .payment_info_page .payment_price_content_top > .make_payment_form_box{ display: grid; grid-template-columns: 1fr; } .payment_info_page .make_payment_notice{ font-size: 14px; line-height: 16.8px; } #sub.payment_info_page .payment_info_banner__badgeBox{ gap: 4px; } .mobile_br{ display: block; } /* .payment_box .payment_head{ order: 1; } .payment_box .payment_desc_box{ order: 3; } .payment_box .payment_banner{ order: 2; } .payment_box .payment_content_box{ order:4; } */ /* 25.09.16 이용중인 요금제 */ #sub.paymentPage .payment_banner{ display: grid; align-items: flex-start; justify-content: center; padding: 0; } #sub.paymentPage .payment_banner__badge{ width: 5.3rem; height: 2.6rem; border-radius: 20px; font-size: 1.8rem; line-height: 2.2rem; transform: translateY(-2px); } #sub.paymentPage .payment_banner__text{ margin-block: 0; order: 1; padding: 24px 24px 0 24px; } .payment_pc_br{ display:none; } .payment_laptop_br{ display:none; } .payment_tablet_br{ display:none; } .payment_mo_br{ display:block; } .payment_content{ flex-direction: column; gap: 16px; } #sub.paymentPage .fee_info .right.fromBottom{ margin-top: 0 !important; } .payment_box{ gap: 20px; padding: 30px 25px; } .payment_box .payment_btn_left{ grid-template-columns: 1fr; } .payment_box .payment_btn_box{ margin-top: 24px; } .payment_box .payment_title{ line-height: 25.62px; font-size: 2.1rem; } .payment_box .payment_subtitle{ line-height: 18.9px; } .payment_box .payment_desc_box{ display: grid; gap: 8px; } #sub.paymentPage .fee_info .left.fromBottom{ height: auto; } #sub.paymentPage .btn_payment_banner{ margin-top: 20px; font-size: 1.3rem; height: 3.5rem; padding-inline: 16px 12px; } #sub.paymentPage .payment_banner__img{ margin-top: 20px; order: 2; } #sub .con_wrap .payment_content_box .box{ padding:30px; } #sub.paymentPage .no_fda-user_banner__title{ font-size: 2rem; line-height:30.5px; } .payment_box .payment_content_title{ line-height: 2.3rem; } .payment_box .payment_content_title.fda { height: auto; } /* 25.02.11 결제 완료 페이지 */ .payment_completed_page .payment_completed_title{ font-size: 24px; line-height: 24px; } .payment_completed_page .payment_completed_desc { font-size: 16px; line-height: 19.2px; } .payment_completed_page .payment_completed_btn_group{ grid-template-columns: 1fr; margin-top: 57px; justify-items: center; } #sub.payment_info_page .payment_info_banner__desc{ font-size: 1.2rem; line-height: 1.7rem; } #sub.payment_info_page .payment_info_banner{ display: grid; justify-content: center; align-items: normal; padding: 32px 30px 0 30px; } #sub.payment_info_page .payment_info_banner__text{ margin-block: 0; } #sub.payment_info_page .payment_info_banner__subTitle{ font-size: 1.6rem; } #sub.payment_info_page .payment_info_banner__title{ font-size: 2rem; line-height: 2.8rem; } #sub.payment_info_page .payment_info_banner__badge{ width: 4.9rem; height: 2.2rem; border-radius: 20px; font-size: 1.8rem; line-height: 2rem; } #sub.payment_info_page .payment_info_banner__img{ margin-top: 8px; } #sub.paymentPage .payment_banner__title{ line-height: 3.2rem; } #docPop1 .sign_start_pop.sign_start .pop_top{ font-size: 1.8rem; line-height: 2.3rem; } #docPop1.popup .pop.sign_start .pop_info .doc_list{ gap: 12px; grid-template-columns: auto; } #docPop1 .sign_start_pop .pop_info{ margin-top: 20px; } #docPop1.popup .pop.sign_start .pop_info .doc_list .tb .tbc{ padding: 16px; gap: 12px; } #docPop1.popup .pop.sign_start .pop_info .doc_list{ height: 373px; } #docPop1.popup .pop.sign_start .title{ font-size: 1.7rem; line-height: 1.7rem; } #docPop1.popup .pop.sign_start .desc{ font-size: 1.3rem; } #docPop1.popup .pop .pop_info .doc_list .tb .tbc > .rd{ width: 75px; height: 75px; } #docPop1.popup .pop.sign_start .fda_badge{ height: 23px; font-size: 1.1rem; } .popup .pop.sign_start{ padding: 24px 16px; } #docPop1.popup .pop.sign_start .no_fda_user__title{ font-size: 1.7rem; line-height: 2.4rem; } #docPop1.popup .pop.sign_start .no_fda_user__desc{ font-size: 1.3rem; line-height: 1.6rem; } #docPop1.popup .pop.sign_start .no_fda_user{ padding: 28px; } .payment_promo_notice_area.aatl .payment_promo_text_area .payment_promo_bg{ background-position: center 48.5px; background-size: contain; background-size: 100% auto; } } @media screen and (max-width: 675px){ .mo{display:block;} .pcta{display: none;} #sub.doc_manage.mass_view .doc_info .info_list ul li .ico_wrap{margin-top:0px; margin-bottom:10px; position:static} #sub.doc_manage .col_tp .l_btns{float:none; width:100%;} #sub.doc_manage .col_tp .r_search{float:none; width:100%; margin-top:10px; max-width:none;} #sub.doc_manage .col_tp .r_search .page_search{width:100%; margin-left:0; max-width:none;} #sub.doc_manage .col_tp .r_search .page_search > div{margin-left:0;} #sub.doc_manage.template_idx .col_tp{position:relative;} #sub.doc_manage.template_idx .col_tp .l_btns{position:absolute; right:0; top:0; width:auto;} #sub.doc_manage.template_idx .col_tp .l_btns a.icon_btn{width:auto !important; height:40px; line-height:40px;} #sub.doc_manage.template_idx .col_tp .l_btns a.icon_btn:before{display:none !important;} #sub.doc_manage.template_idx .col_tp .r_search{max-width:none; padding-right:195px; box-sizing:border-box;} /*서명진행현황 - 대량서명현황 - 상세페이지*/ /*#sub.doc_manage.mass_view .btm_twrap .sc_wrap .r_wrap .srch_date{display:block; max-width:300px;} #sub.doc_manage.mass_view .btm_twrap .sc_wrap .r_wrap .srch_date ul li::before{left:-14px;} #sub.doc_manage.mass_view .btm_twrap .sc_wrap .r_wrap .page_search{display:block; max-width:300px; margin-left:0; margin-top:10px;}*/ .ellipsis {width: 260px;} } @media screen and (max-width: 640px){ #sub.step_form .con_wrap .box .g_box .infoTypeDiv {display: inline} #sub .fee_info .left.fromBottom {height: 350px;} /* 공통 - 검색 헤더 */ .searchBox {padding: 0 20px;} .searchBox form input[type="text"] {width: 200px;} /*박스 타이틀*/ .box_title h3{font-size:1.6rem;} /*페이지네이션 간격*/ .pagenate li a.board.prev{margin-right:40px;} .pagenate li a.board.next{margin-left:40px;} /*페이지 타이틀*/ #sub .pageTitle .title h2{font-size:2.1rem;} #sub .pageTitle .navi a{font-size:1.3rem;} .col_box .drp_wrap{max-width:200px;}/*체크박스 있는경우*/ .col_box.col_box2 .drp_wrap{max-width:145px;}/*체크박스 없는경우*/ .colTxt .txt1{font-size:1.6rem;} .tlp_wrap2 .tlp_box2 p{font-size:11px;} /* sign > narmal > index */ #sub .con_wrap .box .ip_wrap.a_wrap2 {width: 100%; margin-left: 0;} #sub .con_wrap .box .ip_wrap.a_wrap2 > div {float: none; margin-top: 7px; width: 100%; margin-left: 0;} #sub .con_wrap .box .ip_wrap.a_wrap2 > div:first-child {margin-top: 0;} #sub.step_form .con_wrap .box .ip_wrap.md {width: 100%; margin-left: 0;} #sub.step_form .con_wrap .box .ip_wrap.md > div {float: none; margin-top: 10px; width: 100%; margin-left: 0;} #sub.step_form .con_wrap .box .ip_wrap.md > div:first-child {margin-top: 0;} #sub.step_form .con_wrap .box .ip_box.chk_area {width: 102%; margin-left: -2%;} #sub.step_form .con_wrap .box .chk_area > div {float: left; width: 48%; margin-left: 2%;} /* sign > narmal > step3 */ #sub.step3 .ms_wrap::-webkit-scrollbar {width: 3px; height: 3px;} #sub.step3 .ms_wrap::-webkit-scrollbar-track {background: transparent; border-radius: 3px;} #sub.step3 .ms_wrap::-webkit-scrollbar-thumb {background: #a4aeb4; border-radius: 3px;} #sub.step3 .ms_wrap {scrollbar-face-color: transparent; scrollbar-track-color: transparent; scrollbar-arrow-color: none; scrollbar-highlight-color: transparent; scrollbar-3dlight-color: none; scrollbar-shadow-color: transparent; scrollbar-darkshadow-color: none;} #sub.step3 .ms_wrap {padding-bottom: 10px; overflow-x: scroll;} #sub.step3 .ms_wrap ul {width: 640px;} /* sign > narmal > step3 팝업 */ #docPop3.addr .list_area {overflow-x: auto; padding-bottom: 10px; box-sizing: border-box;} #docPop3.addr .list_tit {width: 600px;} #docPop3.addr .template_list {width: 600px;} /* sign > mega > index */ .mega .exp li {display: block;} .mega .exp li .img {padding-left: 45px; margin-top: 15px; box-sizing: border-box;} .mega .findfile {text-align: center;} .mega .findfile .bg {padding: 120px 20px 30px; background-position: 50% 20%;} .mega .findfile .bg label {display: inline-block; text-align: left;} .mega .upload_done .findfile .bg {padding: 120px 20px 30px; background-position: 50% 20%;} .mega .findfile strong {display: block;} .mega .upload_done .scroll {margin-top: 10px;} .mega .btnbox {margin: 20px auto 0;} .mega .btnbox > div {margin-left: -10px;} /* sign > mega > step2 */ #sub.step_form .con_wrap .box .ip_wrap.md .ip_wrap {width: 102%; margin-left: -2%;} /* member > login */ #sub.member .cols .col {padding: 30px; border-radius: 30px 30px 0 30px;} #sub.member .area-3 .col {padding: 25px;} #sub.member .area-3 .inb {display: block;} #sub.member .sns_login a {width: 49%; margin-top: 1%;} #sub.login .area-3 strong {font-size: 1.6rem; line-height: 1.3;} /* member > join */ #sub.join .area-3 .btn_wrap {right: 25px;} #sub.join .area-1 .agree_box ul {padding: 20px;} /* member > idpw */ #sub.idpw .container {padding: 0 15px 20%;} #sub.idpw .listWrap {padding-top: 35px;} #sub.idpw .area-1 .col {height: 475px;} /* 메인 */ #main .row2 .box4 .box_cont ul li a {height: 140px;} #main .row2 .box4 .box_cont ul li em {font-size: 1.4rem;} #main .row2 .box4 .box_cont ul li p {margin-top: 10px;} #main .row2 .box4 .box_cont ul li p strong {font-size: 4rem;} #main .row2 .box4 .box_cont ul li.item1 em:before {left: -22px; top: -18px;} #main .row3 .box6 .box_cont ul li a {height: auto; line-height: 1.6;} #main .row3 .box6 .box_cont ul li i {display: block; position: static; width: 100%; height: 35px; line-height: 35px; padding: 0 25px; text-align: left; border-radius: 0; box-sizing: border-box;} #main .row3 .box6 .box_cont ul li .txt {padding: 15px 25px; box-sizing: border-box;} #main .row3 .box6 .box_cont ul li .txt p { padding-right: 0;} #main .row3 .box6 .box_cont ul li .txt span {position: static; display: block; margin-top: 10px; text-align: left; font-size: 11px;} #main .row3 .box6 .box_cont {margin-top: 30px;} #main .row3 .box6 .box_tit .left p {height: auto;} #main .row3 .box6 .box_tit .left p .inb {display: block;} /*list_wrap 공통*/ #sub.doc_manage .list_wrap .tb_wrap > ul > li .more_btn{top:15px;} /*list_wrap - card형*/ #sub.doc_manage .list_wrap.card .tb_wrap{margin-top:30px;} #sub.doc_manage .list_wrap.card .tb_wrap > ul{grid-template-columns: 1fr; width:100%; margin-left:0; margin-top:-10px;} #sub.doc_manage .list_wrap.card .tb_wrap > ul > li.txt_l{width:100%; float:none; margin-left:0; margin-top:10px;} #sub.doc_manage .list_wrap.card .tb_wrap > ul > li .tb.fir{padding:15px;} #sub.doc_manage .list_wrap.card .tb_wrap > ul > li .tb{padding:20px 15px;} /*서명 진행현황*/ #sub.doc_manage.normal_view .last_section .box_cont{margin-top:20px;} #sub.doc_manage.normal_view .last_section .box_cont .prg_wrap{width:40px; padding-left:10px;} #sub.doc_manage.normal_view .last_section .box_cont .prg_wrap > div{margin-top:8px;} #sub.doc_manage.normal_view .last_section .box_cont .tb_wrap{width:calc(100% - 40px);} #sub.doc_manage.normal_view .last_section .box_cont .tb_wrap > ul > li{margin-top:20px;} #sub.doc_manage.normal_view .last_section .box_cont .tb_wrap > ul > li:first-child + li{margin-top:36px;} #sub.doc_manage.normal_view .last_section .box_cont .tb_wrap > ul > li > span{left:-45px;} #sub.doc_manage.normal_view .last_section .box_cont .if_wrap{padding-left:45px; left:-5px;} #sub.doc_manage.normal_view .last_section .box_cont .if_wrap .if_box .if_list > ul > li{padding:9.5px 10px 9.5px 47px;} #sub.doc_manage.normal_view .last_section .box_cont .if_wrap .if_box .if_list > ul > li span{top:13px;} /*서명진행현황 - 대량서명현황 - 상세페이지*/ /* #sub.doc_manage.mass_view .last_wrap .btm_twrap .ico_wrap a{width:calc(50% - 3.5px) !important; margin-left:7px;} #sub.doc_manage.mass_view .last_wrap .btm_twrap .ico_wrap .lgb{margin-top:9px;} #sub.doc_manage.mass_view .last_wrap .btm_twrap .ico_wrap .lgb.dwld1{margin-left:0;} */ #sub.doc_manage.mass_view .list_wrap{margin-top:35px;} #sub.doc_manage.mass_view .list_wrap.card .tb_wrap > ul > li.txt_l{width:100%;} #sub.doc_manage.mass_view .list_wrap.card .tb_wrap > ul > li .tb{padding:0 20px 23px 20px;} #sub.doc_manage.mass_view .list_wrap.card .tb_wrap > ul > li .tb.fir{padding:20px 23px;} #sub.doc_manage.mass_view .list_wrap.card .tb_wrap > ul > li .tb.fir + div{padding:20px 23px;} /*내 템플릿 - 권한 X*/ #sub.certifi.temp .top_box{margin-top:0 !important;} #sub.certifi.temp .top_box .img img{width:80px;} #sub.certifi.temp .top_box .col{height:250px;} #sub.certifi.temp .top_box .btn_wrap .btns{width:240px;} #sub.certifi.temp .top_box .col .txt b{font-size:1.8rem;} #sub.certifi.temp .top_box .col .txt p{font-size:1.6rem;} #sub.certifi.temp .top_box .btn_wrap{margin-top:30px;} /*일반서명 - 내 업무 - 내 업무 상세보기 - 디지털서명 감사 추적 인증서*/ #sub.inspection .col_title h3{font-size:2.2rem;} #sub.inspection .insp_info .box_title h4{padding:16.5px 0; font-size:1.8rem;} /*#sub.inspection .insp_info table tbody th{width:100px; font-size:1.4rem;} #sub.inspection .insp_info table tbody td{width:calc(100% - 100px); width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); font-size:1.4rem;} #sub.inspection .insp_info .hu_list table tbody th.pic, #sub.inspection .insp_info .hu_list table tbody td.pic{border-color:#e2e7ea !important;} #sub.inspection .insp_info table tbody td.pic2{width:calc(100% - 195px); width:-webkit-calc(100% - 195px); width:-moz-calc(100% - 195px);} #sub.inspection .insp_info .hu_list table tbody .signatory{top:76%;} #sub.inspection .insp_info .hu_list table tbody .signatory div{width:72px;}*/ #sub.inspection .insp_info .tb_wrap2 > ul > li:not(.head) > div{font-size:1.4rem;} #sub.inspection .insp_info .tb_wrap2 > ul > li:not(.head) > div:nth-child(1){width:100px !important;} #sub.inspection .insp_info .tb_wrap2 > ul > li:not(.head) > div:nth-child(2){width:calc(100% - 100px) !important; width:-webkit-calc(100% - 100px) !important; width:-moz-calc(100% - 100px) !important;} #sub.inspection .insp_info .tb_wrap2 > ul > li:not(.head) > div:nth-child(3){width:100px !important;} #sub.inspection .insp_info .tb_wrap2 > ul > li:not(.head) > div:nth-child(4){width:calc(100% - 100px) !important; width:-webkit-calc(100% - 100px) !important; width:-moz-calc(100% - 100px) !important;} #sub.inspection .insp_info .tb_wrap2 > ul > li:not(.head) > div.pic4{width:calc(100% - 200px) !important; width:-webkit-calc(100% - 200px) !important; width:-moz-calc(100% - 200px) !important;} #sub.inspection .insp_info .hu_list .tb_wrap2 > ul > li:not(.head) .signatory{top:76%; right:10px;} #sub.inspection .insp_info .hu_list .tb_wrap2 > ul > li:not(.head) .signatory div{width:72px;} /*서명,인증서 관리 - 서명관리 - 서명 등록*/ #sub .draw_canvas .canvas .top p .inb{display:block;} #sub .draw_canvas .canvas1 .tit, #sub .draw_canvas .canvas4 .bot .img_wrap .tit{background-size:65px;} #sub .draw_canvas .canvas1 .tit{padding-top:80px;} #sub .draw_canvas .canvas2 .bot ul li{width:49%;} #sub .draw_canvas .canvas4 .bot .img_wrap .tit{margin-top:-25px; padding-top:80px; background-position:center top;} #sub .draw_canvas .canvas4 .rotate .bar{width:calc(100% - 55px); max-width:none;} #sub .draw_canvas .canvas4 .rotate a.gr{position:static; margin:50px auto 0 auto;} #sub.sec_step2 .draw_canvas .canvas4 .rotate a.gr{position:absolute; margin:auto;} #sub.makesigns .tabs .tabs-4{margin-top:-1%;} #sub.makesigns .tabs .tabs-4 li{width:49%; margin-top:1%;} #sub.makesigns .canvas4{height:560px;} #sub.makesigns .btm_util .clear .drp_wrap{width:49%;} #sub.makesigns .btm_util .clear .txt_wrap{width:99%; margin-top:1%;} /*서명,인증서 관리 - 서명관리 - 내 서명*/ #sub.stamp .top_util .left_box a{width:160px;} #sub.stamp .top_util .drp_wrap{width:165px;} /* #sub.stamp .list_wrap.list .tb_wrap > ul > li:not(.mo_head){padding-left:55px !important; } #sub.stamp .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(1){width:25px;} #sub.stamp .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(3){width:calc(100% - 95px);} #sub.stamp .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(6){width:95px;} */ /*서명,인증서 관리 - 인증서 관리 - 인증서 신청*/ /*#sub.ctf_form .guide ul li .inb{display:block;}*/ #sub.certifi .step_list2 ul li{padding:0 15px; border-radius:23px;} #sub.certifi_idx .top_box .col{height:273px;} #sub.ctf_form .con_wrap .box .ip_wrap.hrf{width:100%; margin-left:0;} #sub.ctf_form .con_wrap .box .ip_wrap.hrf > div{float:none; width:100%; margin-left:0; margin-top:20px;} #sub.ctf_form .con_wrap .box .ip_wrap.hrf > div:first-child{margin-top:0;} #sub.ctf_form .con_wrap .box .ip_wrap > div:first-child{margin-top:0;} #sub.ctf_form .ip_box.hrf{width:100%; margin-left:0;} #sub.ctf_form .ip_box.hrf input{float:none; width:100%; margin-top:6px; margin-left:0;} #sub.ctf_form .ip_box.hrf input:first-child{margin-top:0;} #sub.ctf_wait .top_box .btn_wrap{margin-top:35px;} #sub.ctf_wait .title .tip{width:60px; top:-4px; font-size:12px;} #sub.ctf_wait .top_box .btn_wrap .btns{font-size:1.5rem;}#sub .draw_canvas #sub.certifi #state_wait .img img{width:80px;} #sub.certifi #state_wait2 .img img{width:65px;} #sub.certifi #state_done .img img{width:85px;} #sub.certifi #state_done .col .txt p{font-size:1.8rem;} /*서명,인증서 관리 - 인증서 관리 - 인증서 관리*/ #sub.certifi_list .list_wrap.card .tb_wrap > ul{width:100%; margin-left:0;} #sub.certifi_list .list_wrap.card .tb_wrap > ul > li{float:left; width:100%; margin-left:0;} /*계정설정 - 내정보 - 프로필관리*/ #sub.basic_info .ip_box.wid108{padding-right:80px;} #sub.basic_info .ip_box.wid108 a{width:70px;} #sub.basic_info .ip_box{margin-top:10px;} #sub.basic_info .top_1 .profile_img{width:100px; height:100px;} #sub.basic_info .top_1{padding-left:115px; min-height:100px;} #sub.basic_info .btm_1{margin-top:22px;} /*#sub.basic_info .btm_1 .ip_box.pic2{margin-top:20px; padding-right:100px;} #sub.basic_info .btm_1 .ip_box.pic2 a{width:90px;} */ #sub.basic_info .top_2 .ip_wrap{margin-top:8px;} #sub.basic_info .top_2 .ip_box.wid108{padding-right:100px;} #sub.basic_info .top_2 .ip_box.wid108 a{width:89px;} #sub.basic_info .btm_2 .ip_wrap{margin-top:15px;} #sub.basic_info .btm_2 .ip_wrap p.pic input[type="text"]{width:100%; margin-left:0; margin-top:5px;} #sub.basic_info .btm_2 .ip_wrap p.pic input[type="text"]:first-child{margin-top:0;} #sub.basic_info .fee_info > .cols > .col-wrap > .col{padding:30px 15px;} #sub.basic_info .fee_info .left .btm{margin-top:25px;} #sub.basic_info .sns_info{margin-top:20px;} #sub.basic_info .sns_info .col-wrap > .col{margin-top:10px;} #sub.basic_info .sns_info .top{padding-left:45px;} #sub.basic_info .sns_info .top img{width:29.5px; height:29.5px;} #sub.basic_info .sns_info .top h3{height:29.5px; line-height:29.5px; font-size:1.5rem;} #sub.basic_info .nl_cont .txt_box img{width:77px; height:76px;} #sub.basic_info .nl_cont .txt_box span{margin-top:15px;} #sub.basic_info .nl_cont .nl_box{padding:30px; max-width:324px;} #sub.basic_info .nl_cont .nl_box .btn_wrap{margin-top:15px;} #sub.basic_info .nl_cont .nl_box .btn_wrap .btns{height:45px; line-height:45px;} #sub.basic_info .payment .box_title h3{line-height:42px;} /*fee_info 공통*/ #sub .fee_info .left .toggle{top:14px;} #sub .fee_info .left .btm .colTxt{padding-top:0;} #sub .fee_info .left .btm{margin-top:22px;} #sub .fee_info .right .top .colTxt .txt1{font-size:1.8rem;} #sub .fee_info .right .top .colTxt .txt2{margin-top:7px;} /*계정설정 - 내정보 - 이용중인 요금제(무료)*/ #sub.free .fee_info .left .btm{margin-top:25px;} #sub.free .fee_info .right .box{padding:33.75px 25px; margin-top: 20px;} #sub.free .fee_info .right .box ul{padding-left:80px;} #sub.free .fee_info .right .box ul::before{left:0;} #sub.free .bef_code .ip_box{padding-right:122px;} #sub.free .bef_code .ip_box a{width:112px;} #sub.free .section2 .pageTitle{font-size:2.2rem;} /*계정설정 - 내정보 - 이용중인 요금제(유료)*/ #sub.payed .box .tit_wrap b.tit{font-size:1.6rem;} #sub.payed .fee_info .left .toggle{top:1px;} #sub.payed .fee_info .left .btm{margin-top:25px;} #sub.payed .fee_info .btn_wrap{margin-top:20px;} #sub.payed .fee_info .btn_wrap .left{max-width:none;} #sub.payed .fee_info .btn_wrap > a{position:static; margin-left:0; margin-top:10px; width:100%;} #sub.payed .fee_info .left .btm .btns2{margin-top:0;} #sub.payed .fee_info .right .btn_wrap{margin-top:40px;} #sub.payed .fee_info .right .btn_wrap > a{margin-top:20px;} #sub.payed .pay_info1 ul li p{height:auto; line-height:1.3; font-size:1.4rem;} #sub.payed .pay_info1 ul li p span{display:block; margin-top:5px;} #sub.payed .pay_info1 ul li p span:first-child{margin-top:0;} #sub.payed .pay_info2 .tb_wrap{overflow:auto; padding-bottom:15px; box-sizing:border-box;} #sub.payed .pay_info2 .tb_wrap > ul{width:560px;} /*계정설정 - 내정보 - 이용중인 요금제 - 요금제 변경*/ #sub.change_plan .section1 .box_title h3{font-size:1.8rem;} #sub.change_plan .section1 .box_title h3 .inb{display:block;} #sub.change_plan .section1 .btm p{padding-left:90px; font-size:1.4rem;} #sub.change_plan .section1 .btm p::before{width:70px; height:57px;} #sub.change_plan .section1 .btm p .dpb{display:inline-block;} /*계정설정 - 내정보 - 이용중인 요금제 - 결제내역 상세보기*/ #sub.details1 .list_wrap.list2 .tb_wrap{overflow:auto; padding-bottom:15px !important;} #sub.details1 .list_wrap.list2 .tb_wrap > ul{width:580px;} /*계정설정 - 내정보 - 이용중인 요금제 - 사용내역 상세보기*/ #sub.details2 .list_wrap.list2 .tb_wrap{overflow:auto; padding-bottom:15px !important;} #sub.details2 .list_wrap.list2 .tb_wrap > ul{width:640px;} /*요금제 리스트(feeList)*/ #sub .feeList .listWrap .boxArea .colTxt .txt3 i{display:block;} #sub .feeList .boxArea .top_img{padding-bottom:35px;} #sub .feeList .boxArea .top_img p{border-radius:0.5px;} #sub .feeList .boxArea .top_img .i_pc{display:none;} #sub .feeList .boxArea .top_img .i_mo{display:inline-block;} /*#sub .feeList .boxArea .btm_fee ul li a{height:164px;}*/ #sub .feeList .boxArea .btm_fee .box_wrap .btns2.st2{max-width:none;} /*계정설정 - 내정보 - 보안 설정*/ #sub.security .chg_pw .ip_box{padding-right:155px;} #sub.security .chg_pw .ip_box a{width:145px;} #sub.security .active_rpt .chk_list li .inb{display:block;} #sub.security .active_rpt .tb_wrap{overflow:auto; padding-bottom:15px; box-sizing:border-box;} #sub.security .active_rpt .tb_wrap > ul{width:550px;} /*계정설정 - 기업 정보 - 프로필 관리*/ #sub.busi_info .info_1 .btn_wrap .img_btn{padding:0 20px; height:55px; line-height:55px;} #sub.busi_info .info_1 .btn_wrap .img_btn::before{right:20px;} #sub.busi_info .info_1 .btn_wrap .iv_mem{width:160px;} #sub.busi_info .info_1 .btn_wrap .iv_mem::before{margin-top:-8px;} #sub.busi_info .info_1 .btn_wrap .go_master{width:180px;} #sub.busi_info .info_1 .btn_wrap .go_master::before{margin-top:-8.5px;} #sub.busi_info .info_2 .co_num .ip_box{padding-right:100px;} #sub.busi_info .info_2 .co_num .edit_btn{width:89px;} #sub.busi_info .og_list .box_title h3 span::before{width:7px; height:11px; top:3px;} /*계정설정 - 기업 정보 - 조직도(멤버 관리)*/ #sub.org_member .ip_box > div > div{max-width:180px;} #sub.org_member .ip_box > div > div:first-child{width:calc(100% - 183px);} #sub.org_member .box_wrap{width:100%; margin-left:0; margin-top:-10px;} #sub.org_member .box_wrap .boxes{width:100%; margin-left:0; margin-top:10px;} #sub.org_member .box_title.psRel h3{line-height:25px;} #sub.org_member .page_search{position:static; max-width:none; margin-top:10px;} #sub.org_member .page_search a.img_btn:before{right:20px;} #sub.org_member .list_wrap.list3 .col_box{margin-top:25px;} #sub.org_member .tb_wrap.ver4 > ul > li.no_member .txt b{font-size:1.9rem;} #sub.org_member .tb_wrap.ver4 > ul > li.no_member .txt p{font-size:1.6rem;} #sub.org_member .tb_wrap.ver4 > ul > li.no_member .img{max-width:105px;} #sub.org_member .tb_wrap.ver4 > ul > li > .hide_wrap .h_box > div{float:none; width:100%; padding-right:0;} #sub.org_member .tb_wrap.ver4 > ul > li > .hide_wrap .h_box > div:nth-child(2){border-top:1px solid #e4e1e1;} #sub.org_member .tb_wrap.ver4 > ul > li > .hide_wrap .h_box > div:before{display:none;} #sub.org_member .tb_wrap.ver4 > ul > li > .hide_wrap .h_box > div > b{height:60px; line-height:60px; padding-left:0; width:100px;} #sub.org_member .tb_wrap.ver4 > ul > li > .hide_wrap .h_box > div:first-child > b{width:100px;} /*계정설정 - 기업 정보 - 브랜딩 관리*/ #sub.branding_m .part{margin-top:15px;} #sub.branding_m .branding_info .box_title .toggle{bottom:-3px;} #sub.branding_m .logo_up{padding-left:115px;} #sub.branding_m .logo_up .profile_img{width:100px; height:100px; border-radius:100px;} #sub.branding_m .logo_up .ip_box.wid108{padding-right:100px;} #sub.branding_m .logo_up .ip_box.wid108 a{width:89px;} #sub.branding_m .b_preview{margin-top:20px;} /*계정설정 - 기업 정보 - 서명 옵션 관리*/ #sub.sign_opt .msg_box h3{font-size:1.8rem;} #sub.sign_opt .msg_box span{font-size:1.6rem;} #sub.sign_opt .tlp_wrap{margin-top:2px;} /*계정설정 - 기업 정보 - 내부 결재라인 관리*/ #sub.linelist .page_search .word_box{width:54%;} #sub.linelist .page_search .btn_box{width:42%;} /*계정설정 - 기업 정보 - 내부 결재라인 관리 - 내부 결재라인 등록*/ #sub.line_form .con_wrap .box .tit_wrap b.tit{font-size:1.8rem;} #sub.line_form .box2 .right .tlp_wrap .tlp_box{width:120px; top:-85px; left:auto; right:-38px;} #sub.line_form .box1 .toggle{top:5px;} #sub.line_form .box2 .right {width:100%; top:25px} #sub.line_form .box2 .right > div{display:block; margin-top:10px; float:right;} #sub.line_form .box2 .right > div:first-child{float: left; margin-top:18px; margin-right: 10px;} /* #sub.line_form .box2 .right .toggle{margin-left:127px;} */ #sub.line_form .box2 .right .addr_btn{margin-left:0;} #sub.line_form .box2 .tit_wrap{height:67px;} #sub.line_form .box2 .tb_wrap{margin-top:40px;} #sub.line_form .btn_wrap{margin-top:30px;} /*계정설정 - 기업정보 - 권한관리 - 관리자별 설정*/ #sub.fld_idx .tit_tp > b{font-size:1.8rem;} #sub.fld_idx .tb_wrap.sm_tb tbody tr th, #sub.fld_idx .tb_wrap.sm_tb tbody tr td{padding:11px;} #sub.fld_idx .tb_wrap.sm_tb tbody tr th.tc, #sub.fld_idx .tb_wrap.sm_tb tbody tr td.tc{padding:11px 6px;} #sub.grade_idx .tbw_list .btm_wrap .ul_wrap ul li{padding:25px;} #sub.grade_idx .tbw_list .btm_wrap .ul_wrap ul li > b{font-size:1.6rem;} #sub.grade_idx .tbw_list .btm_wrap .ul_wrap ul li > div{margin-top:8px;} #sub.grade_idx .tbw_list .btm_wrap .ul_wrap ul li > div p{font-size:1.4rem;} /*계정설정 - 기업정보 - 권한관리 - 폴더 권한 설정*/ #sub.fld_idx .sm_search{max-width:224px;} /*#sub.fld_idx .sm_search form input[type="text"]{width:175px;}*/ #sub.fld_idx .sch_wrap .btn_wrap{max-width:145px;} /*계정관리 - 주소록*/ #sub.addr_idx .no_addr .tb_wrap .tb_box{height:270px;} #sub.addr_idx .no_addr .txt_box .ico img{width:77px; height:73px;} #sub.addr_idx .no_addr .txt_box em{font-size:1.9rem} #sub.addr_idx .no_addr .txt_box p{font-size:1.6rem;} /*계정설정 - 주소록 - 그룹원 등록,수정*/ #sub.regist .co_area{padding-right:100px;} #sub.regist .peo_num{min-width:100px;} #sub.regist .co_info p{font-size:1.4rem;} #sub.regist .file_form{padding-left:95px;} #sub.regist .file_form .left b{font-size:1.4rem;} #sub.regist .file_form .center .ip_box input[type="text"]{height:45px; line-height:45px;} #sub.regist .g_btn > ul{text-align:left;} #sub.regist .g_btn > ul > li.li1{width:100%; margin-bottom:5px; position:static;} /*#sub.regist .g_btn > ul > li.li2{margin-left:0;} #sub.regist .g_btn > ul > li.li5{margin-left:0; width:100%; position:absolute; top:45px; left:0; z-index:5;}*/ #sub.regist .form_list > .btn_wrap{margin-top:40px;} /*계정설정 - 내정보 팝업*/ .myinfo_pop .pop_inner .pop{padding:30px;} .myinfo_pop .pop_inner .colTxt .txt1{font-size:2rem;} .myinfo_pop .btn_wrap{margin-top:20px !important;} .myinfo_pop6 .blue_box p{font-size:1.6rem;} .myinfo_pop6_1 .blue_box, .myinfo_pop6_2 .blue_box, .myinfo_pop6_3 .blue_box{height:150px;} /*.myinfo_pop6 .ch_wrap{margin-top:25px;} .myinfo_pop6 .ch_wrap ul li{float:none; width:100%;} .myinfo_pop6_1 .ch_wrap ul li{padding-left:0;} .myinfo_pop6_1 .ch_wrap ul li.li1, .myinfo_pop6_1 .ch_wrap ul li.li4{width:100%;}*/ .myinfo_pop6 .ch_wrap{margin-top:18px;} .myinfo_pop6 .ch_wrap ul{margin-top:-11px;} .myinfo_pop6 .ch_wrap ul li{margin-top:11px;} .myinfo_pop6_2 .ch_wrap{margin-top:28px;} .myinfo_pop6_2 .ch_wrap ul{margin-top:-13px;} .myinfo_pop6_2 .ch_wrap ul li{float:none; width:100%; margin-top:13px;} .myinfo_pop6_4 .pop_inner .pop{padding:30px 30px 0;} .myinfo_pop8 .fee_list{margin-top:30px;} .myinfo_pop8 .fee_list ul li{height:180px;} .myinfo_pop11 .pay_wrap ul li .pay_ch{position:static; margin-top:10px;} .myinfo_pop12 .ip_box{margin-top:10px !important;} .myinfo_pop12 .ip_con:not(.first){width:100%; margin-left:0;} .myinfo_pop12 .ip_con:not(.first) > div{width:100%; margin-left:0; margin-top:10px;} .myinfo_pop12 .ip_con:not(.first) > div:first-child{margin-top:0;} /*메인 새로운 서명 시작하기+ 팝업*/ .popup .pop .pop_top p{font-size:1.6rem;} .popup .pop .pop_top b{margin-top:5px; font-size:2.1rem;} .popup .pop .pop_top b .inb{display:block;} .popup .pop .pop_info .doc_list.wid2 .tb .tbc b{font-size:2rem;} #docPop1.popup .pop_inner, #docPop2.popup .pop_inner{padding:15px;} /* #docPop1.popup .pop .pop_info .doc_list{max-height:430px;}*/ #docPop1.popup .pop .pop_info .doc_list.wid2 .tb{height:264px;} /* #docPop1.popup .pop .pop_info .doc_list.wid2 .tb .tbc .wr{padding:4px 15px 4px 90px; max-width:315px; margin:20px auto 0 auto;} #docPop1.popup .pop .pop_info .doc_list.wid2 .tb.li01 .tbc .rd{background-size:39px; background-position:50% 46%;} #docPop1.popup .pop .pop_info .doc_list.wid2 .tb.li02 .tbc .rd{background-size:36px;}*/ #docPop1.popup .pop .pop_info .doc_list.wid2 .tb .tbc .rd{width:75px; height:75px; border-radius:75px;} #docPop1.popup .pop .pop_info .doc_list.wid2 .tb .tbc p{margin-top:18px; font-size:1.4rem;} #docPop1.popup .pop .pop_info .doc_list .tb.li02 .tbc .rd {background-size:36px 34px;} #docPop1.popup .pop .pop_info .doc_list .tb.li03 .tbc .rd {background-size:35px 35px;} #docPop1.popup .pop .pop_info .doc_list .tb.li04 .tbc .rd {background-size:36px 35px;} #docPop1.popup .pop .pop_info .doc_list .tb .tbc > b{font-size:1.6rem;} #docPop2.popup .pop .pop_info .doc_list.wid2 .tb{height:160px;} #docPop2.popup li.li01 a{background-size:203px; /*background-position:right -20px bottom -76px;*/} #docPop2.popup li.li02 a{background-size:265px; /*background-position:right-29px bottom -34px;*/} /*휴지통으로 이동 팝업*/ .prog_pop .colTxt .txt1{font-size:1.8rem;} /*서명진행현황 - 반려된 서명 - 상세페이지 220518*/ #sub.doc_manage.rejected_view .rj_inner .box_title p{font-size:1.4rem;} /* 통합검색 */ .allSearch .col-3 {width: 100%; margin:5px 0;} .allSearch+.btn_wrap {margin-top: 20px;} .ellipsis {width: 260px;} .compliance_view_value{ width: 300px; } .compliance_stamp_detail .stamp_select_item{ display: grid; gap: 10px; } .compliance_stamp_detail .stamp_item_title{ width: 100%; } .compliance_stamp_detail .stamp_item_content{ width: 100%; } .stamp_item_box{ padding-inline: 24px; } } @media screen and (max-width:600px){ .stamp_item_box .user_sign{ width: 50%; } .stamp_item_box .stamp_info{ width: 50%; } } @media screen and (max-width: 560px){ #sub.doc_manage.mass_view .doc_info .info_list ul li .ellipsis{width: 200px !important;} .ellipsis {width: 210px;} #sub.doc_manage.mass_view .btm_twrap .sc_wrap{position:relative; padding-bottom:70px;} #sub.doc_manage.mass_view .btm_twrap .sc_wrap .l_wrap{position:absolute; left:20px; bottom:20px; height:36px;} #sub.doc_manage.mass_view .btm_twrap .sc_wrap .r_wrap{float:none;} #sub.doc_manage.mass_view .btm_twrap .sc_wrap .r_wrap .srch_date{width:100%; text-align:left;} #sub.doc_manage.mass_view .btm_twrap .sc_wrap .r_wrap .srch_date ul{max-width:none; margin-left:-7%;} #sub.doc_manage.mass_view .btm_twrap .sc_wrap .r_wrap .srch_date ul li::before{left:-10%;} #sub.doc_manage.mass_view .btm_twrap .sc_wrap .r_wrap .page_search{width:100%; max-width:none;} } @media screen and (max-width: 540px){ #sub.inspection .rec_tbl .tb_wrap > ul > li{padding-left:110px !important;} #sub.inspection .rec_tbl .tb_wrap > ul > li > div:first-child{width:110px !important;} #sub.inspection .rec_tbl .tb_wrap > ul > li:not(.head) > div:first-child{padding:18.5px 0 18.5px 13px !important; line-height:1.3;} .rec_tbl .tb_wrap > ul > li{padding-left:100px !important;} .rec_tbl .tb_wrap > ul > li > div:first-child{width:100px !important;} .rec_tbl .tb_wrap > ul > li:not(.head) > div:first-child{line-height:1.3;} .rec_tbl .tb_wrap > ul > li:not(.head) > div:first-child{padding:20.5px 0 20.5px 13px !important;} .rec_tbl .tb_wrap > ul > li:not(.head) > .pic{padding:18.5px 0 18.5px 13px !important;} /* 회원가입 - 초대장 알림 팝업 */ .popup.invite_pop .inb {display: block;} .popup.invite_pop h3 {line-height: 1.5;} .popup.invite_pop .pop span {line-height: 1.4;} .popup.invite_pop .pop .btn_wrap {margin-top: 20px;} .prog_pop.prog_pop4 h3 .dpb{display:inline-block;} } @media screen and (max-width: 480px){ #sub.regist .g_reg .msg p .inb{display:block;} /*서명,인증서 관리 - 서명관리 - 서명 등록*/ #sub .draw_canvas .canvas3 .bot ul li{width:49%;} #sub .draw_canvas .makeStamp .bot {height: 220px} #sub .second .popup.sign_popup .draw_canvas .uploadStamp .bot .img_wrap {height: 200px;} #sub .second .popup.sign_popup .draw_canvas .uploadStamp .rotate .bar {max-width: 240px;} /*서명,인증서 관리 - 서명관리 - 내 서명*/ #sub.stamp .list_wrap.card .tb_wrap > ul{width:100%; margin-left:0; margin-top:-10px;} #sub.stamp .list_wrap.card .tb_wrap > ul > li{width:100%; margin-left:0; margin-top:15px;} /*계정설정 - 내 정보 - 이용중인 요금제 - 결제내역 상세보기, 사용내역 상세보기*/ #sub.pay_details .tit_wrap .srch_date{margin-top:15px; position:static;} /* 비밀번호 변경 팝업 */ .popup.pw_pop .pop .pop_tit strong {line-height: 1.3;} .popup.pw_pop .pop .pop_tit p {margin-top: 15px;} .popup.pw_pop .pop .pop_cont {margin-top: 20px;} .guide_list ul li .dpb {display: inline-block;} .pw_pop .guide_list {margin-top: 20px;} .popup.pw_pop .pop .btn_wrap {margin-top: 20px;} /* 계정설정 - 기업정보 - 이용 중인 요금제 */ .popup .price_pop3 .mo_inner {padding:1.8rem 1.3rem;} .payment_info_page .payment_method .customRadio label{ font-size:16px; padding-left:22px; } .payment_info_page .payment_method .customRadio label:before, .payment_info_page .payment_method .customRadio label:after{ top: -1.5px; } .payment_info_page .payment_info_item { padding: 16px 16px; } .payment_info_page .payment_promo_notice_area .payment_promotion_wrap .payment_info_item { display: grid; justify-content: unset; flex-direction: column; } .payment_info_page .payment_promo_notice_area .payment_promotion_wrap .payment_info_item .payment_info_item_left{ display: grid; grid-template-columns: 1fr 4fr 7fr; grid-template-rows: 1fr; } .payment_info_page .payment_info_item_left .payment_info_sales_price.mobile_show{ grid-column: 3; } .payment_info_page .payment_info_item_left .payment_info_sales_price.mobile_show{ grid-column: 3; } .payment_info_page .payment_info_item_right { padding-left: 40px; } .payment_promo_notice_area.aatl .payment_promo_text_area .payment_promo_bg{ background-image: url('/resource/image/promotion/firework_360.svg'); background-repeat: no-repeat; background-position: center 48.5px; background-size: contain; background-size: 80% auto; } .payment_promo_notice_area.aatl .payment_promo_text_area .payment_promo_bg{ background-position: center 48.5px; background-size: contain; background-size: 100% auto; } } @media screen and (max-width: 430px){ .col_box .drp_wrap{max-width:160px;} #docPop3 .template_list ul.list li span.ellipsis {width: 180px;} } @media screen and (max-width: 320px){ /* sign > normal > step2 */ #sub.step2 .editTool .optionBox {max-height: 240px; overflow: auto;} #sub.step2 .editTool .optionBox::-webkit-scrollbar {width: 3px; height: 3px;} #sub.step2 .editTool .optionBox::-webkit-scrollbar-track {background: transparent; border-radius: 3px;} #sub.step2 .editTool .optionBox::-webkit-scrollbar-thumb {background: #a4aeb4; border-radius: 3px;} #sub.step2 .editTool .optionBox {scrollbar-face-color: transparent; scrollbar-track-color: transparent; scrollbar-arrow-color: none; scrollbar-highlight-color: transparent; scrollbar-3dlight-color: none; scrollbar-shadow-color: transparent; scrollbar-darkshadow-color: none;} .ellipsis {width: 100px;} .popup .price_pop3 .scroll {height: calc(100vh - var(--pop-margin5));} .popup .price_pop3 .item2 .mid .mid_t .mo .dpb {display: inline-block;} .popup .price_pop3 .item2 .mid .mid_t .mo .inb {display: block;} } /* 220523 responsive2 */ @media screen and (max-width: 1280px){ #sub.line_form .box2 .right .tlp_wrap .tlp_box{left:1px;} } @media screen and (max-width: 768px){ #sub.doc_manage.mass_progress_view .last_wrap .btm_twrap .ico_wrap{width:386px;} #sub.doc_manage.mass_progress_view .last_wrap .btm_twrap .ico_wrap .lgb{margin-left:0; margin-top:9px;} #sub.doc_manage.mass_progress_view .last_wrap .btm_twrap .ico_wrap a.xls{margin-top:9px; position:relative; right:auto; top:auto;} } @media screen and (max-width: 640px){ #sub.doc_manage.mass_progress_view .last_wrap .btm_twrap .ico_wrap{width:100%;} #sub.doc_manage.mass_progress_view .last_wrap .btm_twrap .ico_wrap .eyes{margin-left:0;} #sub.doc_manage.mass_progress_view .last_wrap .btm_twrap .ico_wrap .lgb.dwld1{margin-left:7px;} #sub.doc_manage.mass_progress_view .last_wrap .btm_twrap .ico_wrap a.xls{margin-top:9px; margin-left:0;} #sub.line_form .box2 .right .tlp_wrap .tlp_box{left:20px;} #sub.doc_manage.mass_done_view .last_wrap .btm_twrap .ico_wrap{width:calc(100% + 7px); margin-left:-7px;} #sub.doc_manage.mass_done_view .last_wrap .btm_twrap .ico_wrap a{padding:0 10px; margin-left:0; width:calc(33.3333% - 7px) !important; margin-left:7px !important;} #sub.doc_manage.mass_done_view .last_wrap .btm_twrap .ico_wrap a.dwld::before{right:9px;} .certifi_pop .box_title h3{font-size:2rem;} } /* 220527 responsive2 */ @media screen and (max-width: 768px){ /*이용약관 팝업*/ #policy_pop .pop{padding:30px;} #policy_pop .box_wrap1{padding-bottom:30px;} #policy_pop .box_wrap2{padding-top:20px;} } /* 220530 responsive2 */ @media screen and (max-width: 1440px){ /*계정설정 - 내정보 - 이용중인 요금제(무료)*/ #sub .feeList .fee_tbl ul li > div:nth-child(1){width:15%;} #sub .feeList .fee_tbl ul li > div:nth-child(2){width:18.25%;} #sub .feeList .fee_tbl ul li > div:nth-child(3){width:18.25%;} #sub .feeList .fee_tbl ul li > div:nth-child(4){width:18.25%;} #sub .feeList .fee_tbl ul li > div:nth-child(5){width:18.25%;} #sub .feeList .fee_tbl ul li > div:nth-child(6){width:12%;} #sub .feeList .fee_tbl ul li:not(.head) > div a::after{right:-23px;} } @media screen and (max-width: 960px){ /*계정설정 - 내정보 - 이용중인 요금제(무료)*/ #sub .feeList .fee_tbl ul li{float:left;} #sub .feeList .fee_tbl ul li.head{width:30%;} #sub .feeList .fee_tbl ul li:not(.head){width:35%;} #sub .feeList .fee_tbl ul li > div{float:none; width:100% !important;} #sub .feeList .fee_tbl ul li > div.fir{padding:0 10px; box-sizing:border-box; min-height:auto; height:46px; line-height:45px; border-top:0;} #sub .feeList .fee_tbl ul li.head > div:not(.fir){/*height:100px; line-height:100px;*/ border-top:1px solid #c6c6c6; box-sizing:border-box;} #sub .feeList .fee_tbl ul li:not(.head) > div a{width:100%; max-width:145px; /*height:71px; line-height:71px;*/ margin:0 auto;} #sub .feeList .fee_tbl ul li.month_fee > div.pic{width:70% !important; min-height:auto; height:99px; line-height:99px;} #sub .feeList .fee_tbl ul li.month_fee > div a{padding:25.5px 0;} #sub .feeList .fee_tbl ul li.month_fee > div a em{/*line-height:inherit;*/} #sub .feeList .fee_tbl ul li.year_fee > div{min-height:auto;} #sub .feeList .fee_tbl ul li.year_fee > div a{padding:14px 0;} #sub .feeList .fee_tbl ul li:not(.head) > div a::after{width:40px; height:41px; line-height:41px; font-size:11px; right:-17px; top:-17px;} /*계정설정 - 내정보 - 이용중인 요금제 - 요금제 변경*/ #sub.change_plan .feeList .fee_tbl ul li.month_fee > div.pic{min-height:auto;} /*계정설정 - 기업 정보 - 조직도(멤버 관리)*/ #sub.org_member .tb_wrap.ver4 > ul > li:not(.mo_head) > div:nth-child(4){width:50px;} #sub.org_member .tb_wrap.ver4 > ul > li:not(.mo_head) > div:nth-child(4) > div:first-child{display:none;} } @media screen and (max-width: 480px){ /*계정설정 - 내정보 - 이용중인 요금제(무료)*/ #sub .feeList .fee_tbl ul li:not(.head) > div a::after{right:-23px;} .popup.teampop2 .pop_inner{max-width:480px;} #sub .w_box .ip_wrap .ip_box input[type="text"], #sub .w_box .ip_wrap .ip_box input[type="tel"], #sub .w_box .ip_wrap .ip_box input[type="password"], #sub .w_box .ip_wrap .ip_box input[type="number"] {padding: 4px 30px 4px 14px;} #sub .con_wrap .box .ip_wrap .ip_box > a.rset_ip {right: 7px; width: 20px; height: 20px; margin-top: -10px;} } /* 220531 responsive2 */ @media screen and (max-width: 1024px){ #sub.doc_manage .tab_list ul li.tab_btns a span{left:0; top:3px;} #sub.doc_manage .star{width:25px; height:25px; background-size:15px 15px; background-position:50% 50%;} } @media screen and (max-width: 700px){ #sub.popup.teampop2 .tb_area{padding-bottom:15px;} } @media screen and (max-width: 540px){ .doc_pop.doc_pop2 .sel_drp > div:nth-child(1){width:100%;} .doc_pop.doc_pop2 .sel_drp > div:nth-child(2){margin-top:10px; width:100%;} .doc_pop.doc_pop2 .sel_drp .drp_wrap{width:230px;} .doc_pop.doc_pop2 .sel_drp > div > span{width:calc(100% - 240px);} } /*220602*/ @media screen and (max-width: 1440px){ #sub .feeList .fee_tbl ul li > div.pic{width:12%;} } @media screen and (max-width: 960px){ #sub.doc_manage.normal_sig .list_wrap .tb_wrap > ul > li .more_btn{top:10px;} #sub .feeList .fee_tbl ul li:not(.head) > div{padding:0 10px;} #sub .feeList .fee_tbl ul li.month_fee > div{min-height:auto;} #sub .feeList .fee_tbl ul li > div:not(.fir){height:100px;} } @media screen and (max-width: 768px){ #docPop3 .filetab {margin-top: 25px;} #docPop3 .filetab2 ul li {height: 70px; } #docPop3 .filetab2 em {font-size: 1.2rem;} #docPop3 .filetab2 .ico {height: 26px; line-height: 26px;} #docPop3 .filetab2 .ico img {height: 26px;} } /* @media screen and (max-width: 640px){ #sub.doc_manage.normal_sig .list_wrap .tb_wrap > ul > li .more_btn{top:10px;} #sub.doc_manage.mass_view .list_wrap.list .tb_wrap > ul > li:not(.mo_head){padding-right:165px;} #sub.doc_manage.mass_view .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(1){display:table; width:35px;} #sub.doc_manage.mass_view .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(2){width:calc(100% - 35px);} #sub.doc_manage.mass_view .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(2) + div{width:120px; padding:0 10px; box-sizing:border-box; position:absolute; right:45px; top:0;} #sub.doc_manage.mass_view .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(3){display:table;} #sub.doc_manage.mass_view .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(4){display:none;} #sub.doc_manage.mass_view .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(5){display:none;} #sub.doc_manage.mass_view .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(6){display:none;} #sub.doc_manage.mass_view .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(7){display:none;} } */ @media screen and (max-width: 1640px){ #sub.doc_manage.template_idx2 .list_wrap.list .tb_wrap > ul > li > div:nth-child(1){width:38%;} } /*220603*/ @media screen and (max-width: 1660px){ #sub.grade_idx .tbw_list .btm_wrap .ul_wrap ul li > div p br{display:none;} } @media screen and (max-width: 1530px){ #sub.grade_idx .tbw_list .btm_wrap .ul_wrap ul li{min-height:294px;} } @media screen and (max-width: 1360px){ #sub.grade_idx .tbw_list .btm_wrap .ul_wrap ul li{min-height:318px;} } @media screen and (max-width: 1000px){ #sub.grade_idx .tbw_list .btm_wrap .ul_wrap ul li{min-height:293px;} } @media screen and (max-width: 960px){ #sub.doc_manage.normal_view .last_section .box_cont .tb_wrap > ul > li{cursor:auto;} #sub.grade_idx .tbw_list .btm_wrap .ul_wrap ul li{min-height:auto;} #sub.doc_manage .list_wrap .tb_wrap > ul > li .tb.fir .prs_btn{display:inline-block;} } /*220615*/ @media screen and (max-width: 1280px){ #sub.idpw{height:calc(100% - 130px);} #sub.idpw .container{height:auto; padding-bottom:50px;} #sub.idpw #footer{position:static; margin-top:30px;} #sub.paymentInfo.full_layout{ padding: 1.5rem; box-sizing: border-box; } } @media screen and (max-width: 1024px){ .popup .pop .mo_close{display:block;} .popup .pop .pop_top{background-color:#fff;} /*.popup .pop .pop_top p{font-size:1.8rem;} .popup .pop .pop_top b{font-size:2.4rem;}*/ .popup .pop .pop_top .pc_close{display:none;} #sub.requested.full_layout{ padding: 0 1.5rem; box-sizing: border-box; } #sub.paymentResult.full_layout{ padding: 0 1.5rem; box-sizing: border-box; } } @media screen and (max-width: 1000px){ #sub.paymentInfo.full_layout{ padding: 0rem 1.5rem; } } @media screen and (max-width: 768px){ .popup .pdR25{padding-right:15px !important;} .popup.fixed .pop_inner .pop{padding-right:15px;} .popup.fixed .pop_inner .pop .scroll{padding-right:15px;} .addr_pop3 .pop .btn_wrap{padding-right:15px;} #docPop3 .util {margin-top: 0;} #docPop3 .pop_cont {margin-top: 20px;} } @media screen and (max-width: 640px){ #sub.idpw .container{padding-bottom:30px;} #sub.idpw #footer{margin-top:30px;} #sub.branding_m .b_preview .name_tip{left:50px;} #sub.branding_m .b_preview .caller_tip{left:50px; top:42%;} #sub.branding_m .b_preview .url_tip{left:32%;} } @media screen and (max-width: 480px){ #sub.branding_m .b_preview .tlp_wrap2 .tlp_box2 p{padding:9px 13px; font-size:11px;} } /*220616*/ @media screen and (max-width: 960px){ #sub.certifi_list .list_wrap.list .col_box .drp_box{display:block;} } @media screen and (max-width: 768px){ .popup.fixed .pop_inner .pop_top{padding-right:15px;} .popup.fixed .filetab{padding-right:15px;} #sub.popup.addr .tb_wrap > ul > li > div:nth-child(1) {width:10%;} #sub.popup.addr .tb_wrap > ul > li > div:nth-child(2) {width:20%;} #sub.popup.addr .tb_wrap > ul > li > div:nth-child(3) {width: 44%;} #sub.popup.addr .tb_wrap > ul > li > div:nth-child(4) {width: 26%;} #sub.popup.addr .tb_wrap > ul > li > div {font-size: 1.3rem;} .popup .pop .pop_info .doc_list .tb .tbc > .rd{transition:none;-webkit-transition:none;} #sub.doc_manage .list_wrap .tb_wrap > ul > li .more_btn .m_btn_wrap > a {transition: none; -webkit-transition:none;} #sub.popup.addr .tb_wrap > ul > li.head {margin: 0 0 12px;} .popup.fixed.addr .pop_inner .pop .scroll {margin-top: 25px; padding-bottom: 20px;} #sub.popup.addr .drp_box {padding-right: 0;} #sub .tb_wrap.ver3 {width: 500px;} #sub.step_form.step3 .con_wrap .box .ip_wrap.tb_wrap.ver3 {width:auto;} #sub.doc_manage .list_wrap.card .tb_wrap > ul > li .approvalDenyEdit, #sub.doc_manage .list_wrap.card .tb_wrap > ul > li .approvalDenyOK, #sub.doc_manage .list_wrap.card .tb_wrap > ul > li .approvalDeny {top: 3%;} } @media screen and (max-width: 640px){ .popup .pop .pop_info .doc_list .tb{height:264px;} .popup .pop .pop_info .doc_list .tb .tbc{padding:0 24px;} #sub.basic_info .sns_info .sns_box {width: 30px; height: 30px;} #sub.basic_info .sns_info .sns_box.facebook_bg img {width: 8px;} #sub.basic_info .sns_info .sns_box.google_bg img {width: 15px;} #sub.basic_info .sns_info .sns_box.naver_bg img {width: 14px;} #sub.basic_info .sns_info .sns_box.kakao_bg img {width: 11px;} } /*220620*/ @media screen and (max-width: 768px){ .doc_prog_all .pop_title{padding-right:15px;} .doc_prog_all .pop_title a.cls{right:15px;} .doc_pop.doc_pop .pop_inner .pop{padding:30px;} .doc_pop.doc_pop2 .colTxt .txt1{font-size:2rem;} .co_pop8 .pop_inner .pop{padding:30px 15px 30px 30px;} .co_pop8 .pop .btn_wrap{padding-right:15px;} .mem_pop .pop{padding:30px;} .mem_pop .pop .box_title h3{font-size:1.8rem;} .popup.teampop_4 .pop{padding:30px 15px 30px 30px;} .popup.teampop .pdr14{padding-right:15px;} #sub.line_form .tb_wrap.ver3{width:auto;} #sub.popup.addr .tb_wrap{width:600px;} #sub.step2 .layoutLoad .pop{padding:30px 25px 30px 30px;} #preview .btn_wrap{padding-right:15px;} #docPop3.addr .list_tit ul li em{font-size:1.3rem;} #docPop3.addr .template_list ul.list li span{font-size:1.3rem;} #docPop3.addr .list_tit ul li:nth-child(2){width:20%;} #docPop3.addr .list_tit ul li:nth-child(3){width:44%;} #docPop3.addr .list_tit ul li:nth-child(4){width:26%;} #docPop3.addr .template_list ul.list li{height:56px;} #docPop3.addr .template_list ul.list li > div:nth-child(1){width:10%;} #docPop3.addr .template_list ul.list li > div:nth-child(2){width:20%;} #docPop3.addr .template_list ul.list li > div:nth-child(3){width:44%;} #docPop3.addr .template_list ul.list li > div:nth-child(4){width:26%;} #sub.requested .cols .col{ padding: 4rem 3rem; } #sub.requested h3.poppins{ font-size: 2rem; } #sub.requested .userInfoBox{ margin: 2rem 0; } #sub.requested .util_box .chk_wrap{ height: 2rem; } #sub.paymentInfo .cols .col{ padding: 3rem; } #sub.paymentInfo h3{ font-size: 2.2rem; } #sub.paymentResult .cols .col{ padding: 5rem; } } @media screen and (max-width: 640px){ .certifi_pop .pop{padding:30px;} .co_pop4_2 .pop .btn_wrap .btns{font-size:1.4rem;} #sub.popup.addr .tb_wrap{width:500px;} #docPop3.addr .list_tit{width:500px;} #docPop3.addr .template_list{width:500px;} #sub.paymentInfo .paymentInfo__content .totalPrice{ font-size: 3.2rem; } #sub.paymentResult .cols .col{ padding: 4rem 3rem; } #sub.paymentResult .box_title h3{ font-size: 2rem; } #sub.paymentResult .box_title .desc{ margin-top: 1rem; } } @media screen and (max-width: 360px) { #sub.sub.promotion_page .pro_sec1__badge{ width: 11.25rem; height: 2.5rem; font-size: 1.125rem; font-style: normal; font-weight: 700; } } @media screen and (max-width: 1280px){ #sub.step2 .filePop .mid ul{max-height:423px;} .list_type a{transition:none; -webkit-transition:none;} .list_type a:hover{transition:none; -webkit-transition:none;} #sub.step2 .editTool .editBox{padding: 1px;} #sub.step2 .textBox p {font-size: 6pt;} } @media (min-height:500px) and (max-height:900px){ #docPop1 .sign_start .doc_list{ overflow: auto; } } @media screen and (max-width:500px){ #sub.step2 .editTool.complianceEditTool .compliance_chk_group{ display:grid; margin-top: 12px; } #sub.step2 .editTool.complianceEditTool .compliance_chk_group .chk_wrap{ margin-top: 0; } #sub.step2 .editTool.complianceEditTool .optionBox .optionCon .option_list>div{ margin-top:12px; } .sign_add_compliance_table .content > .sign_name{ width: 180px; } /* .sign_add_compliance_table .head .date{ width: 80px; } */ /* .sign_add_compliance_table .content > .sign_date{ width: 80px; } */ } @media screen and (max-width: 1439px) { #main .row1 .promotion-event-img-banner .shadow { border-radius: 60px; } } @media screen and (min-width: 1024px) and (max-width: 1439px) { #main .row1 .promotion-event-img-banner{ margin-bottom: 30px; margin-left: 1.5%; } .payment_box .promotion-event-img-banner { margin-top: -0.8rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { #main .row1 .promotion-event-img-banner{ margin-left: 0; margin-bottom: 0; } .payment_box .promotion-event-img-banner { margin-top: -0.8rem; } } @media screen and (max-width: 767px) { #main .row1 .promotion-event-img-banner{ margin-left: 0; margin-bottom: 0; } #main .row1 .promotion-event-img-banner img { width: 100%; } .payment_box .promotion-event-img-banner { margin-top: 0; } .payment_box .promotion-event-img-banner img { width: 100%; } }