@charset "utf-8";
/* CSS Document */
/* 그라데이션 */

/* .lang_select {
	display: none !important;
} */

:root {
	--pop-margin: 585px;
	--pop-margin2: 385px;
	--pop-margin3: 385px;
	--pop-margin4: 230px;
	--pop-margin5: 200px;
}

.bk {
	background-color: rgb(59, 61, 63);
	background: linear-gradient(180deg, rgba(59, 61, 63, 1) 0%, rgba(8, 10, 13, 1) 100%);
}

.bl {
	background-color: rgb(65, 102, 249);
	background: linear-gradient(180deg, rgba(65, 102, 249, 1) 0%, rgba(21, 66, 248, 1) 100%);
}

.gr {
	background-color: rgb(153, 161, 166);
	background: linear-gradient(180deg, rgba(153, 161, 166, 1) 0%, rgba(124, 136, 142, 1) 100%);
}

.gn {
	background-color: rgb(13, 221, 130) !important;
	background: linear-gradient(90deg, rgba(13, 221, 130, 1) 20%, rgba(32, 227, 151, 1) 100%) !important;
}

.gr2 {
	background: linear-gradient(to bottom, rgb(159, 171, 180) 20%, rgb(1, 154, 165) 100%);
}

.yl {
	background: linear-gradient(to bottom, #ffb345 0%, #ffa019 100%);
}

.gn2 {
	background: linear-gradient(to bottom, #30c774 0%, #00b953 100%);
}

.bbk {
	background: linear-gradient(to bottom, #101222 0%, #000 100%) !important;
}

.font-bl {
	color: #1560fd !important;
}

.font-bl2 {
	color: #296efd !important;
}

.font-bl3 {
	color: #256afd !important;
}

.font-bl4 {
	color: #395ff8 !important;
}

.font-bk {
	color: #090909 !important;
}

/* 그림자 */
.bs {
	box-shadow: 4px 3px 5px 0px rgba(140, 140, 140, 0.22);
}

.bk-shadow {
	box-shadow: 2px 2px 13px 9px rgba(0, 0, 0, 0.09) !important;
}

/* main */
.pay_ver_1 .tbc {
	width: 10%;
	padding: 0 10px;
	background-color: #ffffff;
}


.mainWrap {
	width: 100%;
	min-height: 1450px;
	padding-left: 296px;
	box-sizing: border-box;
}

#main .inner {
	padding: 60px;
	padding-bottom: 0;
}

.searchBox {
	padding: 0 170px;
	height: 70px;
	background-color: #fff;
	box-shadow: 1px 2px 11.83px 1.17px rgba(121, 150, 183, 0.11);
}

.searchBox form {
	float: left;
	padding: 15px 0;
}

.searchBox form input[type="submit"] {
	display: inline-block;
	width: 20px;
	height: 40px;
	text-indent: -9999px;
	background-color: transparent;
	background-image: url(/resource/image/ico_search.svg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	cursor: pointer;
}

.searchBox form input[type="text"] {
	display: inline-block;
	width: 500px;
	border: none;
}

.searchBox form input[type="text"]::placeholder {
	color: #bfc5c9;
	font-size: 1.4rem;
	font-weight: 700;
	font-family: 'Poppins', sans-serif;
}

.searchBox form input[type="text"]::-webkit-input-placeholder {
	color: #bfc5c9;
	font-size: 1.4rem;
	font-weight: 700;
	font-family: 'Poppins', sans-serif;
}

.searchBox form input[type="text"]:-moz-placeholder {
	color: #bfc5c9;
	font-size: 1.4rem;
	font-weight: 700;
	font-family: 'Poppins', sans-serif;
}

.searchBox form input[type="text"]:-ms-input-placeholder {
	color: #bfc5c9;
	font-size: 1.4rem;
	font-weight: 700;
	font-family: 'Poppins', sans-serif;
}

.searchBox .util {
	float: right;
	font-size: 0;
	/*padding-right: 110px;*/
	box-sizing: border-box;
}

.searchBox .util .ico_wrap {
	float: left;
	margin-top: 24px;
}

.searchBox .util .ico_wrap a {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}

.searchBox .util .ico_wrap a:first-child {
	margin-left: 0;
}

.searchBox .util .lang_select {
	margin-left: 13px;
	float: left;
}

.searchBox .util .lang_select ul {
	position: absolute;
	padding: 0 14px;
	height: 44px;
	line-height: 44px;
	margin: 13px 0;
	width: 108px;
	border: 1px solid #eee;
	box-shadow: 0px 2px 11.83px 1.17px rgba(0, 0, 0, 0.09);
	box-sizing: border-box;
	border-radius: 10px;
	overflow: hidden;
	background-color: #fff;
	z-index: 999;
}

.searchBox .util .lang_select ul:before {
	content: "";
	display: block;
	position: absolute;
	right: 14px;
	top: 18px;
	width: 11px;
	height: 6px;
	background-image: url(/resource/image/ico_select_down.svg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 11px 6px;
}

.searchBox .util .lang_select ul li a {
	display: block;
	font-size: 1.4rem;
	font-weight: 700;
	color: #181a29;
}

.searchBox .util #alarm_open img {
	display: block;
	width: 20px;
	height: 20px;
}

.searchBox .util .home_btn img {
	display: block;
	width: 21px;
}

/* 페이지내 검색 */
.page_search {
	width: 102%;
	margin-left: -2%;
	max-width: 490px;
}

.page_search>div {
	float: left;
	margin-left: 2%;
}

.page_search .word_box {
	position: relative;
	width: 61%;
}

.word_box input[type=text] {
	display: block;
	padding: 0 30px 0 45px;
	height: 50px;
	font-size: 1.3rem;
	font-weight: 500;
	border-radius: 7px;
	border: 1px solid #d2d8dc;
	box-sizing: border-box;
}

.word_box input[type=text]::placeholder {
	font-size: 1.4rem;
	color: #bfc5c9;
	font-weight: 400;
}

.word_box input[type=button] {
	position: absolute;
	top: 50%;
	left: 15px;
	display: block;
	margin-top: -10px;
	width: 19px;
	height: 20px;
	text-indent: -9999px;
	font-size: 0;
	color: transparent;
	background-color: transparent;
	background-image: url('/resource/image/ico_search.svg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

.page_search .btn_box {
	width: 35%;
}

/* row */
#main .row {
	margin-top: 30px;
}

#main .row:first-of-type {
	margin-top: 0;
}

#main .row .box {
	padding: 50px;
	border-radius: 40px 40px 0 40px;
	box-shadow: 1px 2px 11.83px 1.17px rgba(121, 150, 183, 0.11);
	background-color: #fff;
	box-sizing: border-box;
}

#main .row .box .box_tit {
	position: relative;
}

#main .row .box .box_tit .left {
	float: left;
}

#main .row .box .box_tit .left em {
	display: block;
	font-size: 2.2rem;
	font-weight: 700;
	color: #242940;
	line-height: 1;
}

#main .row .box .box_tit .left em .poppins {
	display: inline-block;
	font-weight: 600;
}

#main .row .box .box_tit .left p {
	font-size: 1.4rem;
	color: #888;
	margin-top: 6px;
}

#main .row .box .box_tit .right {
	float: right;
}

#main .row .box .box_tit .right .more_btn {
	position: absolute;
	right: 0;
	bottom: 0;
	display: inline-block;
	padding: 0 14px;
	width: 96px;
	height: 36px;
	line-height: 36px;
	font-size: 12px;
	font-weight: 500;
	color: #fff;
	box-sizing: border-box;
	border-radius: 5px;
	text-align: left;
	overflow: hidden;
	z-index: 1;
	box-shadow: 0px 5px 10px 0px rgba(140, 140, 140, 0.22);
}

#main .row .box .box_tit .right .more_btn:before {
	content: "";
	display: block;
	position: absolute;
	right: 14px;
	top: 50%;
	margin-top: -4.5px;
	width: 11px;
	height: 9px;
	background-image: url(/resource/image/ico_more.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#main .row .box .box_cont {
	margin-top: 25px;
}

#main .row .box .box_btn {
	display: block;
	font-size: 1.6rem;
	font-weight: 700;
	border: 1px solid #eee;
	box-shadow: 0px 2px 11.83px 1.17px rgba(0, 0, 0, 0.09);
	border-radius: 10px;
	text-align: center;
	box-sizing: border-box;
	transition: all 0.2s;
	overflow: hidden;
}

#main .row .box .box_btn:not(.disabled):hover {
	border: 1px solid #3a60f9;
	box-shadow: 0px 2px 14.56px 1.44px rgba(167, 170, 180, 0.23);
}

#main .row .box .box_btn.disabled a {
	cursor: default !important;
	display: flex;
}

/* row1 */
#main .row1 {
	width: 102%;
	margin-left: -2%;
}

#main .row1 .box {
	float: left;
	width: 31.3333%;
	margin-left: 2%;
}

#main .row1 .box .box_tit .left {
	width: 70%;
}

#main .row1 .box .box_tit .right {
	width: 30%;
	text-align: right;
}

#main .row1 .box .box_btn {
	margin-top: 10px;
}

#main .row1 .box .box_btn:first-of-type {
	margin-top: 0;
}

#main .row1 .box1 .box_cont .box_btn {
	height: 65px;
}

#main .row1 .box1 .box_cont .box_btn.disable {
	border: 1px solid #eee;
}

#main .row1 .box1 .box_cont .box_btn:first-of-type {
	height: 140px;
}

#main .row1 .box1 .box_cont .box_btn:first-of-type p b {
	display: block;
	font-size: 2rem;
	color: #4468f9;
}

#main .row1 .box2 .box_cont ul.pay_ver_2 {
	width: 103%;
	margin-left: -3%;
}

#main .row1 .box2 .box_cont ul.pay_ver_2 li {
	float: left;
	width: 47%;
	margin-left: 3%;
	margin-top: 0;
}

#main .row1 .box2 .box_cont ul li a {
	display: block;
	height: 140px;
}

#main .row1 .box2 .box_cont ul li i {
	position: relative;
	display: inline-block;
	padding: 0 16px;
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	font-weight: 500;
	color: #fff;
	border-radius: 5px;
	background-image: linear-gradient(to bottom, rgb(56, 95, 249) 20%, rgb(15, 62, 248) 100%);
	box-shadow: 0px 5px 10px 0px rgba(140, 140, 140, 0.22);
}

#main .row1 .box2 .box_cont ul li i:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: -6px;
	margin-left: -5px;
	width: 10px;
	height: 6px;
	background-image: url(/resource/image/main_rate_bg.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#main .row1 .box2 .box_cont ul li .num {
	margin-top: 10px;
}

#main .row1 .box2 .box_cont ul li .num strong {
	display: block;
	font-size: 2.6rem;
	font-weight: 700;
	letter-spacing: -2px;
	line-height: 1;
}

#main .row1 .box2 .box_cont ul li .num strong span {
	font-size: 1.3rem;
	font-weight: 300;
	font-family: 'Noto Sans KR', sans-serif;
}

#main .row1 .box2 .box_cont ul li .num b {
	display: block;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1;
	margin-top: 10px;
}

#main .row1 .box2 .box_cont ul li .num b .poppins {
	font-weight: 600;
}

#main .row1 .box2 .box_cont .rate_btn {
	margin-top: 10px;
	display: block;
	height: 65px;
	line-height: 65px;
	font-size: 1.6rem;
	font-weight: 700;
	color: #fff;
	border-radius: 10px;
	background: linear-gradient(to bottom, rgb(43, 45, 60) 20%, rgb(13, 13, 13) 100%);
	box-shadow: 0px 5px 10px 0px rgba(140, 140, 140, 0.22);
	text-align: center;
}

#main .row1 .box3 .box_tit .img img {
	margin-top: -11px;
}

#main .row1 .box3 .box_cont ul li a {
	position: relative;
	display: block;
	padding: 21px 20px;
}

#main .row1 .box3 .box_cont ul li em {
	flex: 2;
	font-size: 1.4rem;
	font-weight: 700;
	color: #4e70f9;
}

#main .row1 .box3 .box_cont ul li b {
	flex: 3;
	display: block;
	font-size: 1.6rem;
	font-weight: 700;
	text-align: right;
	line-height: 1.3;
}

/* row2 */
#main .row2 .box4 .box_tit .right .more_btn {
	background: linear-gradient(to bottom, rgb(22, 24, 39) 20%, rgb(2, 2, 2) 100%);
}

#main .row2 .box4 .box_cont ul {
	width: 102%;
	margin-left: -2%;
}

#main .row2 .box4 .box_cont ul li {
	float: left;
	width: 23%;
	margin-left: 2%;
}

#main .row2 .box4 .box_cont ul li:hover {
	background-color: #4e70f9;
}

#main .row2 .box4 .box_cont ul li a {
	position: relative;
	display: block;
	height: 175px;
}

#main .row2 .box4 .box_cont ul li a .tb {
	position: relative;
	z-index: 5;
}

#main .row2 .box4 .box_cont ul li em {
	position: relative;
	display: inline-block;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1;
}

#main .row2 .box4 .box_cont ul li.item1 em:before {
	content: "";
	display: block;
	position: absolute;
	left: -18px;
	top: -16px;
	width: 39px;
	height: 51px;
	background-image: url(/resource/image/ico_loading.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	opacity: 0;
	animation: loading 0.8s linear 0.8s infinite alternate;
}

#main .row2 .box4 .box_cont ul li:hover em {
	color: #fff;
}

#main .row2 .box4 .box_cont ul li.item1:hover em:before {
	background-image: url(/resource/image/ico_loading_w.png);
}

#main .row2 .box4 .box_cont ul li p {
	line-height: 1;
	margin-top: 20px;
	color: #4d6ff9;
}

#main .row2 .box4 .box_cont ul li:hover p {
	color: #fff;
}

#main .row2 .box4 .box_cont ul li p strong {
	display: inline-block;
	font-size: 5rem;
	font-weight: 700;
}

#main .row2 .box4 .box_cont ul li p span {
	display: inline-block;
	font-size: 13px;
	font-weight: 300;
}

#main .row2 .box4 .box_cont ul li .svg {
	position: absolute;
	width: 80%;
}

#main .row2 .box4 .box_cont ul li.item1 .svg {
	left: 25%;
	top: 20%;
	transform: rotate(165deg);
	width: 100%;
}

#main .row2 .box4 .box_cont ul li.item2 .svg {
	left: 50%;
	bottom: 50%;
	transform: rotate(230deg);
}

#main .row2 .box4 .box_cont ul li.item3 .svg {
	right: 30%;
	top: 40%;
	transform: rotate(-20deg);
}

#main .row2 .box4 .box_cont ul li.item4 .svg {
	right: 65%;
	bottom: 30%;
	transform: rotate(145deg);
}

#main .row2 .box4 .box_cont ul li svg {
	animation: svgmove 2s linear 0.5s infinite alternate;
}

#main .row2 .box4 .box_cont ul li:hover svg {
	animation-play-state: paused;
}

#main .row2 .box4 .box_cont ul li svg path {
	transform-origin: center;
}

#main .row2 .box4 .box_cont ul li:hover svg path {
	fill: #47de8b;
}

#main .row2 .box4 .box_cont.noMass ul li em {
	font-size: 2rem;
	font-weight: 700
}

#main .row2 .box4 .box_cont.noMass ul li {
	float: left;
	width: 30%;
	margin-left: 2%;
}

#main .row2 .box4 .box_cont.noMass ul li.item1 em:before {
	left: -16px;
	top: -14px;
}

@keyframes loading {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes svgmove {
	0% {
		transform: skew(0, 0);
	}

	100% {
		transform: skew(10deg, 10deg);
	}
}

/* row3 */
#main .row3 {
	width: 102%;
	margin-left: -2%;
}

#main .row3 .box {
	float: left;
	width: 48%;
	margin-left: 2%;
}

/* box5 */
#main .row3 .box5 .box_tit {
	z-index: 2;
}

#main .row3 .box5 .box_tit .left em {
	line-height: 1.4;
}

#main .row3 .box5 .box_cont {
	position: relative;
	z-index: 1;
	margin-top: 53px;
}

#main .row3 .box5 .box_cont .left {
	float: left;
	width: 220px;
}

#main .row3 .box5 .box_cont .left>a {
	display: block;
	height: 105px;
	border-radius: 10px;
	background: linear-gradient(to bottom, rgb(46, 48, 61) 20%, rgb(13, 13, 13) 100%);
	box-shadow: 0px 5px 10px 0px rgba(140, 140, 140, 0.22);
	text-align: center;
}

#main .row3 .box5 .box_cont .left>a p {
	font-size: 1.6rem;
	font-weight: 700;
	color: #fff;
}

#main .row3 .box5 .box_cont .left>a p .poppins {
	font-weight: 600;
}

#main .row3 .box5 .box_cont .right {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	padding-left: 300px;
	box-sizing: border-box;
	z-index: -1;
}

#main .row3 .box5 .manual-swiper .swiper-wrapper {
	height: auto;
}

#main .row3 .box5 .manual-swiper .swiper-slide {
	opacity: 0;
	transition: opacity 0.2s;
}

#main .row3 .box5 .manual-swiper .swiper-slide-active {
	opacity: 1;
}

#main .row3 .box5 .manual-swiper .swiper-button-prev,
#main .row3 .box5 .manual-swiper .swiper-button-next {
	width: 32px;
	height: 74px;
	margin-top: -37px;
	background-size: 9px 15px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#main .row3 .box5 .manual-swiper .swiper-button-prev {
	left: 0;
	border-radius: 0 10px 10px 0;
	background-color: #4e70f9;
	background-image: url(/resource/image/ico_prev_main.svg);
}

#main .row3 .box5 .manual-swiper .swiper-button-next {
	right: 0;
	border-radius: 10px 0 0 10px;
	background-color: #4e70f9;
	background-image: url(/resource/image/ico_next_main.svg);
}

#main .row3 .box5 .manual-swiper .swiper-button-prev.swiper-button-disabled,
#main .row3 .box5 .manual-swiper .swiper-button-next.swiper-button-disabled {
	background-color: #e1e9ef;
	opacity: 1;
}

#main .row3 .box5 .manual-swiper .swiper-button-prev:after,
#main .row3 .box5 .manual-swiper .swiper-button-next:after {
	display: none;
}

#main .row3 .box5 .manual-swiper .swiper-pagination {
	bottom: 20px;
}

#main .row3 .box5 .manual-swiper .swiper-pagination-bullet {
	width: 7px;
	height: 7px;
	background-color: #e7edf2;
	opacity: 1;
}

#main .row3 .box5 .manual-swiper .swiper-pagination-bullet-active {
	background-color: #72777c;
}

/* box6 */
#main .row3 .box6 .box_tit .right .more_btn {
	background: linear-gradient(to bottom, rgb(159, 171, 180) 20%, rgb(139, 154, 165) 100%);
}

#main .row3 .box6 .box_cont {
	margin-top: 33px;
}

#main .row3 .box6 .box_cont ul li {
	position: relative;
	margin-top: 10px;
}

#main .row3 .box6 .box_cont ul li:first-of-type {
	margin-top: 0;
}

#main .row3 .box6 .box_cont ul li a {
	display: block;
	height: 48px;
	line-height: 48px;
}

#main .row3 .box6 .box_cont ul li i {
	position: absolute;
	left: 0;
	top: 0;
	width: 88px;
	font-size: 1.4rem;
	font-weight: 500;
	color: #fff;
	background-image: linear-gradient(to bottom, rgb(66, 102, 249) 20%, rgb(33, 76, 248) 100%);
	text-align: center;
	border-radius: 10px 0 0 10px;
}

#main .row3 .box6 .box_cont ul li .txt {
	padding-left: 106px;
	padding-right: 20px;
	font-size: 1.4rem;
	font-weight: 400;
	color: #555;
}

#main .row3 .box6 .box_cont ul li .txt p {
	padding-right: 70px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
}

#main .row3 .box6 .box_cont ul li .txt span {
	position: absolute;
	right: 20px;
	top: 0;
}

#main .manual-swiper {
	overflow: hidden;
}


.sort_btn {
	text-align: center;
	font-size: 0;
	display: inline-block;
	vertical-align: middle;
	margin-left: 8px
}

.sort_btn a {
	width: 14px;
	height: 14px;
	display: block;
}

.sort_btn a span {
	font-size: 9px;
	display: block;
	color: #646464;
	line-height: 7px
}

.sort_btn a>img {
	display: inline-block;
	vertical-align: middle;
	width: 5px;
	height: 14px;
	transform: rotate(180deg);
	color: #646464;
}

.sort_btn a>div {
	display: inline-block;
	vertical-align: middle;
	width: 9px
}

.sort_btn.desc a>img {
	transform: rotate(0deg)
}

/*
form 기본
*/

form.form-small {
	width: 100%;
	max-width: 350px;
	padding: 20px;
	box-sizing: border-box;
	margin: 0 auto;
}

form .form-title strong {
	font-size: 2.0rem;
	font-weight: 700;
}

form .form-title p {
	font-size: 1.3rem;
	font-weight: 500;
	color: #1c243f;
}

/*박스 기본*/
#sub .con_wrap {
	padding: 60px 0 65px;
}

#sub .con_wrap .box {
	border-radius: 20px;
	box-shadow: 1px 2px 11.83px 1.17px rgba(121, 150, 183, 0.11);
	background: #fff;
	position: relative;
	margin-top: 20px;
}

#sub .con_wrap .box:first-child {
	margin-top: 0;
}

#sub .con_wrap #signBox .box:first-child {
	margin-top: 20px;
}

#sub .con_wrap .box>div {
	padding: 50px;
	box-sizing: border-box;
}

#sub .con_wrap .box>div.g_box {
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
}

#sub .con_wrap .box .tit_wrap {
	position: relative;
}

#sub .con_wrap .box .tit_wrap b.tit {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1;
	display: inline-block;
	line-height: 1;
	color: #242940;
	letter-spacing: -.1rem;
	vertical-align: middle;
}

#sub .con_wrap .box .tit_wrap .chk_wrap {
	display: inline-block;
	vertical-align: middle;
}

#sub .con_wrap .box .tit_wrap .chk_wrap.type1 {
	position: absolute;
	top: 0;
	right: 0;
}

#sub .con_wrap .box .tit_wrap .chk_wrap.type1 label {
	padding-right: 25px;
	color: #c02933;
}

#sub .con_wrap .box .tit_wrap .chk_wrap.type1 label:before {
	left: auto;
	right: 0;
	border: 1px solid #c02933;
}

#sub .con_wrap .box .tit_wrap .chk_wrap.type1 input[type="checkbox"]:checked+label:before {
	background-color: #c02933;
}

#sub .con_wrap .box .tit_wrap .chk_wrap.type2 {
	margin-left: 30px;
}

#sub .con_wrap .box .tit_wrap .chk_wrap.type2 label {
	padding-left: 25px;
}

/* 테이블 스타일 리스트 */
#sub .tb_wrap>ul>li {
	text-align: center;
	padding: 0 14px;
	box-sizing: border-box;
}

#sub .tb_wrap>ul>li:not(.head) {
	margin-top: 5px;
	height: 60px;
	border: 1px solid #e2e7ea;
	border-radius: 10px;
}

#sub .tb_wrap>ul>li>div {
	float: left;
}

/* #sub .tb_wrap > ul > li > div:nth-child(1) {width: 12%;}
#sub .tb_wrap > ul > li > div:nth-child(2) {width: 27%;}
#sub .tb_wrap > ul > li > div:nth-child(3) {width: 25%;}
#sub .tb_wrap > ul > li > div:nth-child(4) {width: 12%;}
#sub .tb_wrap > ul > li > div:nth-child(5) {width: 12%;}
#sub .tb_wrap > ul > li > div:nth-child(6) {width: 12%;} */

#sub .tb_wrap>ul>li>div.pic {
	text-align: left;
	padding: 0 15px;
	box-sizing: border-box;
}

#sub .tb_wrap>ul>li>div.pic em {
	display: block;
	line-height: 1.4;
	font-size: 1.4rem;
	color: #1560fd;
	font-weight: 500;
}

#sub .tb_wrap>ul>li>div.pic span {
	display: block;
	line-height: 1.4;
	font-size: 1.3rem;
	color: #111;
}

#sub .tb_wrap>ul>li.head {
	margin-bottom: 20px;
	font-size: 1.3rem;
	font-weight: 700;
	color: #1560fd;
	text-align: center;
}

#sub .tb_wrap>ul>li span {
	display: inline-block;
	vertical-align: middle;
}

#sub .tb_wrap>ul>li input[type='text'],
#sub .tb_wrap>ul>li input[type='email'],
#sub .tb_wrap>ul>li input[type='tel'] {
	padding: 0 10px;
	font-size: 1.3rem;
	border: 1px solid #e2e7ea;
	border-radius: 8px;
	box-sizing: border-box;
}

#sub .tb_wrap>ul>li input[type='text'].cl_bl {
	color: #1560fd;
}

#sub .tb_wrap>ul>li.disabled input[type='text']:disabled,
#sub .tb_wrap>ul>li.disabled input[type='email']:disabled,
#sub .tb_wrap>ul>li.disabled input[type='tel']:disabled {
	background-color: #f2f6f9;
}

#sub .tb_wrap>ul>li.disabled .drp_wrap {
	border-color: #a4b1b9 !important;
	pointer-events: none;
}

#sub .tb_wrap>ul>li.disabled .drp_wrap a {
	background-color: #f2f6f9;
}

#sub .tb_wrap>ul>li.disabled .drp_wrap a:before {
	border-top-color: #a4b1b9;
}

#sub .tb_wrap .chk {
	text-align: center;
}

#sub .tb_wrap .chk label {
	display: inline-block;
	padding-left: 25px;
}

#sub .tb_wrap .chk label:before {
	left: 0;
}

/* #sub .tb_wrap.ver2 > ul{font-size:0;} */
#sub .tb_wrap.ver2>ul>li>div.pic {
	padding: 0;
}

#sub .tb_wrap.ver2>ul>li>div.pic span {
	font-size: 12px;
}

#sub .tb_wrap.ver2>ul>li {
	padding: 0 20px;
}

/* #sub .tb_wrap.ver2 > ul > li:not(.head){height:60px;  color:#181818;} */
#sub .tb_wrap.ver2>ul>li.head {
	padding: 0 20px;
	line-height: 1;
}

#sub .tb_wrap.ver2>ul>li a.down {
	display: inline-block;
	padding-right: 15px;
	box-sizing: border-box;
	position: relative;
}

#sub .tb_wrap.ver2>ul>li a.down::before {
	content: '';
	display: block;
	clear: both;
	width: 11px;
	height: 13px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -5.5px;
	background-image: url('/resource/image/ico_align.svg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#sub .tb_wrap.ver4>ul>li {
	padding: 0;
}

#sub .tb_wrap.ver3>ul>li {
	padding: 0 7px;
	font-size: 1.3rem;
}

#sub .tb_wrap.ver3>ul>li>div {
	padding: 0 3px;
	box-sizing: border-box;
}

#sub .tb_wrap.ver4>ul>li.head p {
	color: #646464;
	font-size: 1.4rem;
	display: inline-block;
	vertical-align: middle;
}

#sub .tb_wrap.ver4>ul>li:not(.head) {
	position: relative;
	color: #555;
	font-size: 1.4rem;
	background: #fff;
	box-shadow: 0px 2px 11.83px 1.17px rgba(0, 0, 0, 0.09);
	border-color: transparent;
	height: auto
}

#sub .tb_wrap.ver4>ul>li:not(.head) .tb {
	height: 75px;
	position: relative;
	/*z-index:10;*/
}

#sub .tb_wrap.ver4>ul>li .tb {
	position: relative;
}

#sub .tb_wrap.ver4>ul>li .tb .show_btn {
	position: absolute;
	right: 24px;
	top: 50%;
	margin-top: -5px;
}

#sub .tb_wrap.ver4>ul>li .tb .show_btn img {
	max-width: 15px
}

#sub .tb_wrap.ver4>ul>li .tb .show_btn.on img {
	transform: rotate(180deg)
}

#sub .tb_wrap.ver4>ul>li.active:before {
	width: 100%;
	height: 75px;
	border-radius: 10px;
	border: 1px solid #4468f9;
	content: '';
	position: absolute;
	left: 0;
	top: 0
}

#sub .tb_wrap.ver4>ul>li>.hide_wrap {
	width: 100%;
	background: #f8f8f8;
	padding: 30px;
	margin-top: 1px;
	display: none
}

#sub .tb_wrap.ver4>ul>li>.hide_wrap .h_box {
	border-top: 1px solid #e4e1e1;
}

#sub .tb_wrap.ver4>ul>li>.hide_wrap .h_box:first-child {
	border: 0;
}

#sub .tb_wrap.ver4>ul>li>.hide_wrap .h_box:after {
	display: Block;
	content: '';
	clear: both;
}

#sub .tb_wrap.ver4>ul>li>.hide_wrap .h_box>div {
	width: 33.333%;
	box-sizing: border-box;
	font-size: 0;
	float: left;
	position: relative
}

#sub .tb_wrap.ver4>ul>li>.hide_wrap .h_box>div:before {
	width: 1px;
	height: 40px;
	top: 50%;
	margin-top: -20px;
	left: 0;
	content: '';
	background: #e4e1e1;
	position: absolute
}

#sub .tb_wrap.ver4>ul>li>.hide_wrap .h_box>div:first-child:before {
	display: none
}

#sub .tb_wrap.ver4>ul>li>.hide_wrap .h_box.midd>div {
	width: 100%;
}

#sub .tb_wrap.ver4>ul>li>.hide_wrap .h_box>div>b {
	width: 130px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	font-size: 1.4rem;
	font-weight: 600;
	color: #111;
	line-height: 68px
}

#sub .tb_wrap.ver4>ul>li>.hide_wrap .h_box>div>div {
	width: calc(100% - 130px);
	display: inline-block;
	vertical-align: middle;
}

#sub .tb_wrap.ver4>ul>li>.hide_wrap .h_box>div>div p {
	font-size: 1.4rem;
	font-weight: 400;
	color: #555
}

#sub .tb_wrap.ver4>ul>li>.hide_wrap .h_box>div:first-child>b {
	width: 100px;
	text-align: left
}

#sub .tb_wrap.ver4>ul>li>.hide_wrap .h_box>div:first-child>div {
	width: calc(100% - 100px);
}

#sub .tb_wrap.ver4>ul>li>.hide_wrap .h_btm {
	font-size: 0;
	width: 100%;
	margin: 10px auto;
}

#sub .tb_wrap.ver4>ul>li>.hide_wrap .h_btm .btn_wrap {
	max-width: 230px;
	width: 100%;
	margin: 0;
}

#sub .tb_wrap.ver4>ul>li>.hide_wrap .h_btm .mgtop_10 {
	width: 100%;
	margin: 0;
}

#sub .tb_wrap.ver4>ul>li>.hide_wrap .h_btm .btn_wrap .btns {
	line-height: 36px;
	font-size: 1.2rem;
}

#sub .tb_wrap.ver4>ul>li>.hide_wrap .h_btm>div {
	display: inline-block;
	vertical-align: middle;
}

#sub .tb_wrap.ver4>ul>li>.hide_wrap .h_btm .tlp_wrap {
	margin-left: 5px;
	width: calc(100% - 240px)
}

#sub .tb_wrap.ver4 .drp_wrap {
	max-width: 180px
}

#sub .tb_wrap.ver4 .drp_wrap>a {
	color: #111
}

/* 계정설정-기업정보-멤버관리 */
#sub .tb_wrap.ver5>ul>li {
	padding: 0;
}

#sub .tb_wrap.ver5>ul>li.head p {
	color: white;
	font-size: 1.4rem;
	display: inline-block;
	vertical-align: middle;
}

#sub .tb_wrap.ver5>ul>li>div {
	padding: 0 25px;
	padding-right: 5px;
	box-sizing: border-box;
}

#sub .tb_wrap.ver5>ul>li:not(.head) {
	position: relative;
	color: #555;
	font-size: 1.4rem;
	background: #fff;
	box-shadow: 0px 2px 11.83px 1.17px rgba(0, 0, 0, 0.09);
	border-color: transparent;
	height: auto;
	cursor: pointer;
}

#sub .tb_wrap.ver5>ul>li:not(.head) .tb {
	height: 75px;
	position: relative;
	/*z-index:10;*/
}

#sub .tb_wrap.ver5>ul>li .tb {
	position: relative;
}

#sub .tb_wrap.ver5>ul>li .tb .show_btn {
	position: absolute;
	right: 24px;
	top: 50%;
	margin-top: -5px;
}

#sub .tb_wrap.ver5>ul>li .tb .show_btn img {
	max-width: 15px
}

#sub .tb_wrap.ver5>ul>li .tb .show_btn.on img {
	transform: rotate(180deg)
}

#sub .tb_wrap.ver5>ul>li.active:before {
	width: 100%;
	height: 75px;
	border-radius: 10px;
	border: 1px solid #4468f9;
	content: '';
	position: absolute;
	left: 0;
	top: 0
}

#sub .tb_wrap.ver5>ul>li>.hide_wrap {
	width: 100%;
	background: #f8f8f8;
	padding: 30px;
	margin-top: 1px;
	display: none
}

#sub .tb_wrap.ver5>ul>li>.hide_wrap .h_box {
	border-top: 1px solid #e4e1e1;
}

#sub .tb_wrap.ver5>ul>li>.hide_wrap .h_box:first-child {
	border: 0;
}

#sub .tb_wrap.ver5>ul>li>.hide_wrap .h_box:after {
	display: Block;
	content: '';
	clear: both;
}

#sub .tb_wrap.ver5>ul>li>.hide_wrap .h_box>div {
	width: 33.333%;
	box-sizing: border-box;
	font-size: 0;
	float: left;
	position: relative
}

#sub .tb_wrap.ver5>ul>li>.hide_wrap .h_box>div:before {
	width: 1px;
	height: 40px;
	top: 50%;
	margin-top: -20px;
	left: 0;
	content: '';
	background: #e4e1e1;
	position: absolute
}

#sub .tb_wrap.ver5>ul>li>.hide_wrap .h_box>div:first-child:before {
	display: none
}

#sub .tb_wrap.ver5>ul>li>.hide_wrap .h_box.midd>div {
	width: 100%;
}

#sub .tb_wrap.ver5>ul>li>.hide_wrap .h_box>div>b {
	width: 130px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	font-size: 1.4rem;
	font-weight: 600;
	color: #111;
	line-height: 68px
}

#sub .tb_wrap.ver5>ul>li>.hide_wrap .h_box>div>div {
	width: calc(100% - 130px);
	display: inline-block;
	vertical-align: middle;
}

#sub .tb_wrap.ver5>ul>li>.hide_wrap .h_box>div>div p {
	font-size: 1.4rem;
	font-weight: 400;
	color: #555
}

#sub .tb_wrap.ver5>ul>li>.hide_wrap .h_box>div:first-child>b {
	width: 100px;
	text-align: left
}

#sub .tb_wrap.ver5>ul>li>.hide_wrap .h_box>div:first-child>div {
	width: calc(100% - 100px);
}

#sub .tb_wrap.ver5>ul>li>.hide_wrap .h_btm {
	font-size: 0;
	width: 100%;
	margin: 10px auto;
}

#sub .tb_wrap.ver5>ul>li>.hide_wrap .h_btm .btn_wrap {max-width: 50%;	width: 100%;	margin: 0;	text-align: left;}
.pauseBtn {display: inline-block;}

#sub .tb_wrap.ver5>ul>li>.hide_wrap .h_btm .btn_wrap .btns {line-height: 36px;	font-size: 1.2rem;}

#sub .tb_wrap.ver5>ul>li>.hide_wrap .h_btm>div {
	display: inline-block;
	vertical-align: middle;
}

#sub .tb_wrap.ver5>ul>li>.hide_wrap .h_btm .tlp_wrap {
	margin-left: 5px;
	width: calc(100% - 240px)
}

#sub .tb_wrap.ver5 .drp_wrap {
	max-width: 180px
}

#sub .tb_wrap.ver5 .drp_wrap>a {
	color: #111
}

/* 페이지 공통 */
#sub .con_wrap .box .ip_wrap {
	margin-top: 10px;
}

#sub .con_wrap .box .ip_wrap.md {
	margin-top: 0;
}

#sub .con_wrap .box .ip_wrap>div {
	margin-top: 10px;
}

#sub .con_wrap .box .ip_wrap>div .phone_box {
	margin-left: -2%;
	width: 102%;
	margin-top: 10px;
}

#sub .con_wrap .box .ip_wrap>div .col_box {
	margin-left: -2%;
	width: 102%;
	margin-top: 10px;
}

#sub .con_wrap .box .ip_wrap>div .col_box>div {
	float: left;
	margin-left: 2%;
	margin-top: 0;
}

#sub .con_wrap .box .ip_wrap>div .col_box .drp_wrap {
	width: 28%;
}

#sub .con_wrap .box .ip_wrap>div .col_box .ip_box {
	width: 68%;
}

#sub .con_wrap .box .ip_wrap>div .col_box .col1 {
	width: 28%;
}

#sub .con_wrap .box .ip_wrap>div .col_box .col2 {
	width: 68%;
}

#sub .con_wrap .box .ip_wrap>div .col_box .col_max {
	width: calc(100% - 15px);
}

#sub .con_wrap .box .ip_wrap.hrf {
	margin-left: -2%;
	width: 102%;
}

#sub .con_wrap .box .ip_wrap.hrf:after {
	display: block;
	content: '';
	clear: both;
}

#sub .con_wrap .box .ip_wrap.hrf>div {
	float: left;
	width: 48%;
	margin-left: 2%;
}

#sub .con_wrap .box .ip_wrap .s_tit {
	font-size: 0;
}

#sub .con_wrap .box .ip_wrap .s_tit>b {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 16px;
	letter-spacing: -0.05em;
	color: #111;
}

#sub .con_wrap .box .ip_wrap.hrf.docPass>div {
	width: 98%;
}

#sub .con_wrap .box .ip_wrap.hrf.docPass .s_tit {
	position: relative;
}

#sub .con_wrap .box .ip_wrap.hrf.docPass .s_tit>.chk_wrap {
	position: absolute;
	top: -5px;
	right: 10px;
}

#sub .con_wrap .box .ip_wrap.hrf.docPass .chk_wrap label {
	padding-right: 25px;
	color: #c02933;
}

#sub .con_wrap .box .ip_wrap.hrf.docPass .chk_wrap label:before {
	left: auto;
	right: 0;
	border: 1px solid #c02933;
}

#sub .con_wrap .box .ip_wrap.hrf.docPass .chk_wrap input[type="checkbox"]:checked+label:before {
	background-color: #c02933;
}

#sub .tlp_wrap {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 5px;
	z-index: 10;
}

#sub .tlp_box {
	width: 280px;
}

#sub .ip_wrap .ip_box {
	margin-top: 6px;
	position: relative;
}

#sub .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"] {
	border-radius: 10px;
	border: 1px solid #e2e7ea;
	background: #fff;
	color: #1560fd;
	padding: 4px 14px;
	font-size: 1.4rem;
	font-weight: 400;
	box-sizing: border-box;
	line-height: 50px;
	height: 50px;
}

#sub .ip_wrap .ip_box input[type="text"]:disabled,
#sub .ip_wrap .ip_box input[type="tel"]:disabled,
#sub .ip_wrap .ip_box input[type="password"]:disabled,
#sub .ip_wrap .ip_box input[type="number"]:disabled {
	background-color: #f2f6f9;
}

#sub .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 {
	color: #929ca1;
	font-weight: 400;
	line-height: 1;
}

#sub .ip_wrap .ip_box input[type="password"] {
	color: #111;
}

#sub .ip_wrap .ip_box input[type="text"]:not(:placeholder-shown)+a.rset_ip,
#sub .ip_wrap .ip_box input[type="tel"]:not(:placeholder-shown)+a.rset_ip {
	display: block;
}


#sub .con_wrap .box .ip_wrap .ip_box>a {
	position: absolute;
	right: 14px;
	top: 50%;
	margin-top: -8px;
	line-height: 16px;
	height: 16px;
}

#sub .con_wrap .box .ip_wrap .ip_box>a.rset_ip {
	display: none;
	background-color: #e9e9e9;
	width: 25px;
	margin-top: -12.5px;
	right: 14px;
	height: 25px;
	background-image: url('/resource/image/ip_del_ico.png');
	background-size: auto;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 50%
}

#sub .con_wrap .box .ip_wrap.a_wrap a {
	line-height: 48px;
	display: block;
	color: #929ca1;
	border: 1px solid #e2e7ea;
	box-sizing: border-box;
	text-align: Center;
	height: 50px;
	font-weight: 400;
	border-radius: 10px;
}

#sub .con_wrap .box .ip_wrap.a_wrap a.on {
	background: #1560fd;
	color: #fff;
	font-weight: 700;
}

#sub .con_wrap .box .ip_wrap.a_wrap a.active {
	color: #1560fd;
	border: 1.5px solid #1560fd;
}

#sub .con_wrap .box .ip_wrap.a_wrap2 a {
	line-height: 48px;
	display: block;
	color: #929ca1;
	border: 1px solid #e2e7ea;
	box-sizing: border-box;
	text-align: Center;
	height: 50px;
	font-weight: 400;
	border-radius: 10px;
}

#sub .con_wrap .box .ip_wrap.a_wrap2 a.on {
	border: 2px solid #1560fd;
	line-height: 46px;
	color: #1560fd;
	font-weight: 700;
}

#sub .con_wrap .box .ip_wrap.a_wrap2 a.active {
	color: #1560fd;
	border: 1.5px solid #1560fd;
}

#sub .con_wrap .box .ip_wrap.a_wrap2.full a.on {
	background-color: #1560fd;
	color: #fff;
}

#sub .con_wrap .box .ip_wrap.a_wrap.clr a {
	color: #fff;
	font-size: 1.4rem;
	font-weight: 500;
}

#sub .con_wrap .box .ip_wrap.a_wrap.clr>div:first-child a {
	background-color: #1560fd;
}


#sub .con_wrap .box .ip_wrap .ip_box.ch_cnt input {
	padding-right: 72px;
}

#sub .con_wrap .box .ip_wrap .ip_box.ch_cnt .a_box a {
	width: 28px;
	height: 15px;
}

#sub .con_wrap .box .t_wrap textarea {
	width: 100%;
	height: 260px;
	padding: 15px;
	font-size: 1.4rem;
	line-height: 1.5;
	border-radius: 10px;
	border: 1px solid #e2e7ea;
	resize: none;
	box-sizing: border-box;
}

#sub .con_wrap .box .t_wrap textarea::placeholder {
	font-size: 1.4rem;
	color: #b6bcbf;
}

#sub .con_wrap .box .t_wrap input[type=text] {
	width: 100%;
	height: 50px;
	padding: 15px;
	font-size: 1.4rem;
	line-height: 1.5;
	border-radius: 10px;
	border: 1px solid #e2e7ea;
	resize: none;
	box-sizing: border-box;
}

#sub .con_wrap .box .t_wrap input[type=text]::placeholder {
	font-size: 1.4rem;
	color: #b6bcbf;
}

#sub .con_wrap .box .dir_section .t_wrap {
	position: relative;
}

#sub .con_wrap .box .t_wrap.dir_icon a {
	position: absolute;
	right: 14px;
	top: 50%;
	margin-top: -8px;
	line-height: 16px;
	height: 16px;
}

#sub .con_wrap .box .tb_wrap {
	margin-top: 25px;
}

#sub .con_wrap .box .tb_wrap.approvalLiner {
	border-top: 1px solid #eee;
	margin-top: 20px;
	padding-top: 25px;
}

#sub .con_wrap .box .tb_wrap .edit {
	display: inline-block;
	vertical-align: middle;
	margin-left: 8px;
	width: 11px;
	height: 11px;
	font-size: 0;
	color: transparent;
	background-image: url('/resource/image/ico_edit.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#sub .con_wrap .box .tb_wrap .drp_wrap {
	margin: 0 auto;
	max-width: 80px;
	border-radius: 8px;
	border-color: #1560fd;
}

#sub .con_wrap .box .tb_wrap .drp_wrap>a {
	padding: 0 10px;
	height: 40px;
	line-height: 38px;
	font-size: 1.2rem;
	font-weight: 500;
	color: #111;
	text-align: left;
}

#sub .con_wrap .box .tb_wrap .drp_wrap>a:before {
	right: 10px;
}

#sub .con_wrap .box .tb_wrap .drp_wrap>ul {
	top: 40px;
	border-color: #1560fd;
}

#sub .con_wrap .box .tb_wrap .drp_wrap>ul li a {
	padding: 0 10px;
	height: 40px;
	line-height: 40px;
	font-size: 1.2rem;
	text-align: left;
}

#sub .con_wrap .box .tb_wrap .drp_wrap.on {
	border-radius: 10px 10px 0 0;
}

#sub .con_wrap .box .pagenate.mt1 {
	margin-top: 45px;
}

#sub .con_wrap .box .pagenate.mt2 {
	margin-top: 30px;
}

#sub .con_wrap .box .ms_wrap ul li {
	margin-top: 5px;
	padding: 10px;
	border: 1px solid #e2e7ea;
	border-radius: 10px;
	box-sizing: border-box;
}

#sub .con_wrap .box .ms_wrap ul li:first-child {
	margin-top: 0;
}

#sub .con_wrap .box .ms_wrap .nm_box {
	float: left;
	width: 200px;
}

#sub .con_wrap .box .ms_wrap .nm_box span {
	float: left;
	padding: 0 10px;
	height: 50px;
	line-height: 50px;
	font-size: 1.4rem;
	box-sizing: border-box;
}

#sub .con_wrap .box .ms_wrap .nm_box .num {
	padding: 0;
	width: 48px;
	text-align: center;
	color: #1560fd;
}

#sub .con_wrap .box .ms_wrap .nm_box .type {
	padding-left: 0;
}

#sub .con_wrap .box .ms_wrap .nm_box .name {
	position: relative;
}

#sub .con_wrap .box .ms_wrap .nm_box .name:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	margin-top: -4px;
	width: 1px;
	height: 10px;
	background-color: #8f959a;
}

#sub .con_wrap .box .ms_wrap .ip_box {
	float: left;
	width: calc(100% - 200px);
	width: --calc(100% - 160px);
	width: -moz-calc(100% - 200px);
	margin-top: 0;
}


#sub .con_wrap .box .num_wrap .number {
	float: left;
	margin-top: 0;
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	width: -moz-calc(100% - 100px);
}

#sub .con_wrap .box .num_wrap>a {
	float: left;
	margin-left: 10px;
	width: 90px;
	height: 50px;
	line-height: 50px;
	border-radius: 10px;
	background-color: #1560fd;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 500;
	color: #fff;
}

#sub .con_wrap .box .ip_wrap input[type="number"]::-webkit-outer-spin-button,
#sub .con_wrap .box .ip_wrap input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}

#sub .con_wrap .box .ip_wrap .ip_box input[type="number"] {
	font-size: 1.6rem;
	font-weight: 500;
	color: #1560fd;
	text-align: center;
}

#sub .con_wrap .box .ip_wrap .number {
	position: relative;
}

#sub .con_wrap .box .ip_wrap .number>a {
	position: absolute;
	top: 50%;
	display: block;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	font-size: 0;
	color: #fff;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#sub .con_wrap .box .ip_wrap .number>.up {
	right: 36px;
	background-image: url('/resource/image/ico_up.png');
}

#sub .con_wrap .box .ip_wrap .number>.down {
	right: 5px;
	background-image: url('/resource/image/ico_down.png');
}

#sub .con_wrap .box .ip_wrap .number>.down:before {
	content: '';
	position: absolute;
	top: 50%;
	left: -1px;
	display: block;
	margin-top: -7.5px;
	width: 1px;
	height: 15px;
	background-color: #c2cbd1;
}

#sub .con_wrap .box .ip_box.chk_area {
	width: 103%;
	margin-left: -3%;
}

#sub .con_wrap .box .chk_area>div {
	float: left;
	width: 47%;
	margin-left: 3%;
}

#sub .con_wrap .box .chk_area input[type='checkbox'] {
	display: inline-block;
	position: absolute;
	left: -9999px;
	opacity: 0;
	visibility: hidden;
	width: 1px;
	height: 1px;
	filter: alpha(opacity=0);
	-ms-filter: alpha(opacity=0);
	overflow: hidden;
}

#sub .con_wrap .box .chk_area label {
	display: block;
	padding-left: 45px;
	font-size: 1.4rem;
	color: #929ca1;
	cursor: pointer;
	position: relative;
	height: 48px;
	line-height: 46px;
	border: 1px solid #e2e7ea;
	border-radius: 10px;
	background-color: #fff;
}

#sub .con_wrap .box .chk_area label:before {
	position: absolute;
	top: 50%;
	left: 10px;
	width: 25px;
	margin-top: -12.5px;
	height: 25px;
	box-sizing: border-box;
	background-color: #dbdfe2;
	border-radius: 5px;
	text-align: center;
	clear: both;
	content: '';
	display: block;
	box-shadow: 2px 4px 3.8px 0.2px rgba(0, 0, 0, 0.1) inset;
}

#sub .con_wrap .box .chk_area input[type='checkbox']:disabled+label:before {
	background-color: #b4b7b9;
}

#sub .con_wrap .box .chk_area input[type='checkbox']:checked+label {
	color: #155ffb;
}

#sub .con_wrap .box .chk_area input[type='checkbox']:checked+label:before {
	content: '';
	width: 25px;
	height: 25px;
	line-height: 25px;
	background-color: #1560fd;
	background-image: url('/resource/image/ico_check2.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#sub .con_wrap .box .l_box {
	display: block;
	padding: 62px 50px;
	text-align: center;
	box-sizing: border-box;
}

#sub .con_wrap .box .l_box em {
	display: block;
	margin-top: 15px;
	font-size: 1.6rem;
	font-weight: 500;
	color: #8a99a4;
}

/*팝업*/
.popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	z-index: 1000;
}

.popup {
	width: 100%;
	height: 100%;
}

.popup .pop {
	padding: 55px 50px;
	box-sizing: border-box;
	background-color: #fff;
	box-shadow: 2px 2px 13px 2.5px rgba(0, 0, 0, 0.23);
	border-radius: 20px;
	position: relative;
}

.popup .pop_size {
	width: 100%;
	height: 100%;
	display: table;
}

.popup .price_pop {
	width: 100%;
	height: 100%;
}

.popup .pop .pop_cls {
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 5;
	width: 40px;
	height: 40px;
	font-size: 0;
	border-radius: 40px;
	background-color: #1761fe;
	background-image: url('/resource/image/ico_cls.svg');
	background-repeat: no-repeat;
	background-position: 52% 52%;
	background-size: 11px;
}

.popup .pop_title strong {
	display: block;
	font-size: 2.4rem;
	font-weight: 600;
	letter-spacing: -0.5px;
	line-height: 1;
}

.popup .pop_wrap {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

.popup .pop_inner {
	max-width: 675px;
	padding: 20px;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}

.popup .pop {
	position: relative;
	background: #fff;
	padding: 60px;
	box-sizing: border-box;
	box-shadow: 1px 2px 29.12px 2.88px rgba(0, 0, 0, 0.34);
	border-radius: 40px;
}

.popup .pop .pop_top {
	color: #111;
	text-align: center;
	position: relative;
}

.popup .pop .pop_top p {
	font-weight: 300;
	font-size: 2rem;
	line-height: 1.2;
	letter-spacing: -.1rem;
}

.popup .pop .pop_top b {
	font-weight: 700;
	font-size: 2.6rem;
	line-height: 1.4;
	display: block;
	letter-spacing: -.1rem;
}

.popup .pop .pop_top .pop_close {
	position: Absolute;
	top: -10px;
	right: 0;
	max-width: 96px;
	width: 100%;
}

.popup .pop .pop_top .pop_close a {
	display: block;
	position: relative;
	color: #fff;
	font-size: 1.3rem;
	line-height: 36px;
	background: #181a29;
	box-shadow: 4px 3px 10px 0px rgba(0, 0, 0, 0.22);
	border-radius: 5px;
	padding: 0 14px;
	box-sizing: Border-box;
	text-align: left;
}

.popup .pop .pop_top .pop_close a:before {
	width: 12px;
	height: 12px;
	top: 50%;
	margin-top: -6px;
	content: '';
	position: Absolute;
	right: 14px;
	background-image: url('/resource/image/pop_close_ico.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.popup .pop .pop_info .doc_list {
	width: 102%;
	margin-left: -2%;
	margin-top: -2%;
	padding-top: 36px;
}

.popup .pop .pop_info .doc_list .tb {
	height: 378px;
	float: left;
	width: 48%;
	margin-top: 2%;
	border-radius: 10px;
	text-align: center;
	overflow: hidden;
	box-sizing: border-box;
	border: 1px solid #eee;
	box-shadow: 0px 2px 11.83px 1.17px rgba(0, 0, 0, 0.09);
	margin-left: 2%;
}

.popup .pop .pop_info .doc_list .tb .tbc {
	background: #fff;
	transition: all .5s;
	-webkit-transition: all .5s;
	padding: 0 20px;
	box-sizing: border-box;
}

.popup .pop .pop_info .doc_list .tb .tbc>b {
	display: block;
	color: #1761fe;
	font-weight: 700;
	font-size: 2.2rem;
	line-height: 1;
	letter-spacing: -.05em;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.popup .pop .pop_info .doc_list .tb .tbc>.rd {
	margin: 30px auto 0;
	width: 147px;
	height: 147px;
	background-color: #f1f5f7;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.popup .pop .pop_info .doc_list .tb .tbc>p {
	margin-top: 30px;
	color: #555;
	font-size: 1.5rem;
	font-weight: 300;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.popup .pop .pop_info .doc_list .tb .tbc:hover {
	background: #4e70f9;
}

.popup .pop .pop_info .doc_list .tb .tbc:hover>b {
	color: #fff;
}

.popup .pop .pop_info .doc_list .tb .tbc:hover .rd {
	box-shadow: 7px 6px 13px 0px rgba(0, 0, 0, 0.35);
}

.popup .pop .pop_info .doc_list .tb .tbc:hover>p {
	color: #fff;
}

.popup .pop .pop_info .doc_list .tb.li01 .tbc:hover .rd {
	background-image: url('/resource/image/main_doc_ico01_on.png') !important;
}

.popup .pop .pop_info .doc_list .tb.li02 .tbc:hover .rd {
	background-image: url('/resource/image/main_doc_ico02_on.png') !important;
}

.popup .pop .pop_info .doc_list .tb.li03 .tbc:hover .rd {
	background-image: url('/resource/image/main_doc_ico03_on.png') !important;
}

.popup .pop .pop_info .doc_list .tb.li04 .tbc:hover .rd {
	background-image: url('/resource/image/main_doc_ico04_on.png') !important;
}

.popup .pop .pop_info .doc_list.wid2 .tb {
	width: 48%;
}

.popup .pop .pop_info .doc_list .tb.disabled {
	opacity: .5;
	box-shadow: none;
}

.popup .pop .pop_info .doc_list .tb.disabled .tbc {
	background: #EDEEF0;
}

.popup .pop .pop_info .doc_list .tb.disabled .tbc>b {
	color: #333 !important;
}

.popup .pop .pop_info .doc_list .tb.disabled .tbc>.rd {
	background-color: #FFF;
}

.popup .pop .pop_info .doc_list .tb.disabled .tbc:hover>b {
	color: #555;
}

.popup .pop .pop_info .doc_list .tb.disabled .tbc:hover>p {
	color: #555;
}

.popup .pop .pop_info .doc_list .tb.disabled .tbc:hover .rd {
	box-shadow: none;
}

.popup .pop .pop_info .doc_list .tb.li01.disabled .tbc:hover .rd {
	background-image: url('/resource/image/main_doc_ico01.png') !important;
}

.popup .pop .pop_info .doc_list .tb.li02.disabled .tbc:hover .rd {
	background-image: url('/resource/image/main_doc_ico02.png') !important;
}

.popup .pop .pop_info .doc_list .tb.li03.disabled .tbc:hover .rd {
	background-image: url('/resource/image/main_doc_ico03.png') !important;
}

.popup .pop .pop_info .doc_list .tb.li04.disabled .tbc:hover .rd {
	background-image: url('/resource/image/main_doc_ico04.png') !important;
}

.popup .pop .pop_tit strong {
	display: block;
	line-height: 1.3;
	font-size: 2rem;
	font-weight: 700;
	color: #242940;
	letter-spacing: -.1rem;
}

.popup .pop .pop_cont {
	margin-top: 20px;
}

.popup .pop .area {
	margin-top: 20px;
}

.popup .pop .area:first-child {
	margin-top: 0;
}

.popup .pop .form_wrap input[type='text'] {
	padding: 0 20px;
	height: 50px;
	font-size: 1.4rem;
	font-weight: 500;
	color: #1560fd;
	border: 1px solid #e2e7ea;
	border-radius: 10px;
	box-sizing: border-box;
}

.popup .pop .chk_wrap {
	margin-top: 15px;
}

.popup .pop .chk_wrap label {
	letter-spacing: -.1rem;
}

.popup .pop .btn_wrap {
	margin-top: 35px;
}

.popup .pop .btn_wrap>div {
	display: inline-block;
	width: calc(100% + 10px);
	width: -webkit-calc(100% + 10px);
	width: -moz-calc(100% + 10px);
}

.popup .pop .btn_wrap .btns {
	width: calc(50% - 10px) !important;
	width: -webkit-calc(50% - 10px);
	width: -moz-calc(50% - 10px);
	font-weight: 500;
	box-shadow: 4px 3px 10px 0px rgba(140, 140, 140, 0.22);
}

.popup.pd .pop {
	padding: 50px;
	border-radius: 20px;
}

/* 상세보기 팝업 스타일 .pop_cont에 .view 추가*/
.popup .view .list {
	padding: 28px 0;
	border-top: 1px solid #ececec;
	box-sizing: border-box;
}

.popup .view .list:first-child {
	padding-top: 0;
	border: 0;
}

.popup .view .list ul li {
	display: flex;
	flex-wrap: wrap;
	margin-top: 5px;
	padding: 15px;
	font-size: 1.4rem;
	line-height: 1.4;
	border: 1px solid #e1e8eb;
	border-radius: 10px;
	box-sizing: border-box;
}

.popup .view .list ul li:first-child {
	margin-top: 0;
}

.popup .view .list ul li em {
	display: flex;
	flex-basis: 30%;
	font-weight: 500;
}

.popup .view .list ul li span {
	display: flex;
	align-items: center;
	flex-basis: 70%;
	color: #0060ff;
}

/* justify-content:center; */

.popup .price_pop3 .pop {
	padding: 40px 45px;
	text-align: center;
}

.popup .price_pop3 .pop_inner {
	max-width: 900px;
}

.popup .price_pop3 .pop_title strong .ft_pins {
	letter-spacing: 0;
}

.popup .price_pop3 .pop_title strong .bl {
	background: #fff !important;
	;
	color: #1761fe;
}

.popup .price_pop3 .item_wrap {
	width: 102.6%;
	margin-left: -2.6%;
}

.popup .price_pop3 .item_wrap .item {
	width: 47.4%;
	margin-left: 2.6%;
	float: left;
	border-radius: 20px;
	box-sizing: border-box;
	overflow: hidden;
	box-shadow: 7px 7px 16px 0 rgba(109, 148, 178, 0.11);
}

.popup .price_pop3 .item .top {
	height: 120px;
}

.popup .price_pop3 .item .top em {
	display: block;
	font-size: 2.4rem;
	font-weight: 600;
	letter-spacing: -0.5px;
	line-height: 1;
}

.popup .price_pop3 .item .top p {
	margin-top: 9px;
	font-size: 1.4rem;
	font-weight: 400;
	letter-spacing: -0.5px;
	line-height: 1.4;
}

.popup .price_pop3 .item .mid .mo {
	display: none;
}

.popup .price_pop3 .item .mid .mid_t {
	padding: 30px 30px 20px;
	box-sizing: border-box;
	font-size: 0;
}

.popup .price_pop3 .item .mid .mid_t>strong {
	display: inline-block;
	padding-left: 43px;
	box-sizing: border-box;
	font-size: 3.2rem;
	font-weight: 800;
	color: #0e101f;
	letter-spacing: -1px;
	line-height: 1;
	position: relative;
}

.popup .price_pop3 .item .mid .mid_t>strong::before {
	content: '';
	display: block;
	clear: both;
	width: 33px;
	height: 19px;
	position: absolute;
	left: 0;
	bottom: 4px;
	background-image: url('/resource/image/ico_big_won.svg');
	background-repeat: no-repeat;
	background-position: 50% 16%;
	background-size: 28px;
}

.popup .price_pop3 .item .mid .mid_t .drp_wrap {
	margin-top: 10px;
	text-align: left;
}

.popup .price_pop3 .item .mid .mid_t .drp_wrap ul li {
	position: relative;
}

.popup .price_pop3 .item .mid .mid_t .drp_wrap ul li a {
	font-weight: 500;
}

.popup .price_pop3 .item .mid .mid_t .drp_wrap ul li span {
	font-weight: 600;
}

.popup .price_pop3 .item .mid .mid_t .drp_wrap ul li .sale_per {
	position: absolute;
	right: 8px;
	;
	top: 50%;
	margin-top: -12px;
}

.popup .price_pop3 .item .mid .mid_t .drp_wrap ul li .sale_per em {
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: -0.5px;
	line-height: 1;
}

.popup .price_pop3 .item .mid .mid_t .drp_wrap ul li .sale_per b {
	display: inline-block;
	vertical-align: middle;
	width: 65px;
	height: 24px;
	line-height: 24px;
	font-size: 13px;
	font-weight: 400;
	color: #fff;
	letter-spacing: -0.5px;
	text-align: center;
	border-radius: 5px;
}

.popup .price_pop3 .item .mid .mid_t .drp_wrap ul li .sale_per b span {
	font-weight: 600;
}

.popup .price_pop3 .item .mid .mid_t .drp_wrap ul li .sale_per.gr {
	color: #bbbdc1;
}

.popup .price_pop3 .item .mid .mid_t .drp_wrap ul li .sale_per.gr b {
	background-color: #bbbdc1;
}

.popup .price_pop3 .item .mid .mid_t .drp_wrap ul li .sale_per.grn {
	color: #01e08d;
}

.popup .price_pop3 .item .mid .mid_t .drp_wrap ul li .sale_per.grn b {
	background-color: #01e08d;
}

.popup .price_pop3 .item .mid .mid_t .drp_wrap ul li .sale_per.rd {
	color: #fe172d;
	background: #fff;
}

.popup .price_pop3 .item .mid .mid_t .drp_wrap ul li .sale_per.rd b {
	background-color: #fe172d;
}

.popup .price_pop3 .item .mid .mid_t>em {
	display: block;
	margin-top: 10px;
	height: 48px;
	line-height: 48px;
	font-size: 1.4rem;
	font-weight: 400;
	letter-spacing: -0.5px;
	border-radius: 8px;
	background-color: #e3e6ed;
}

.popup .price_pop3 .item .mid .mid_t>em span {
	font-size: 2rem;
}

.popup .price_pop3 .item .mid .mid_t>em span i {
	font-size: 1.8rem;
	font-style: normal;
}

.popup .price_pop3 .item .mid .mid_b {
	padding: 20px 18px 20px 40px;
	border-top: 1px solid #eee;
	box-sizing: border-box;
}

.popup .price_pop3 .item .mid .mid_b>ul {
	margin-top: -15px;
}

.popup .price_pop3 .item .mid .mid_b>ul>li {
	float: left;
	padding-left: 15px;
	margin-top: 15px;
	box-sizing: border-box;
	width: 50%;
	font-size: 1.4rem;
	font-weight: 400;
	letter-spacing: -0.5px;
	line-height: 1;
	text-align: left;
	position: relative;
}

.popup .price_pop3 .item .mid .mid_b>ul>li::before {
	content: '';
	display: block;
	clear: both;
	width: 4px;
	height: 4px;
	position: absolute;
	left: 0;
	top: 6px;
	background-color: #1761fe;
	border-radius: 4px;
}

.popup .price_pop3 .item .btm {
	padding: 25px 30px 35px;
	box-sizing: border-box;
	border-top: 1px solid #eee;
	background-color: #f4f7f9;
	font-size: 0;
}

.popup .price_pop3 .item .btm>em {
	display: block;
	margin-bottom: 10px;
	font-size: 1.6rem;
	font-weight: 500;
	letter-spacing: -0.5px;
	line-height: 1;
	text-align: left;
}

.popup .price_pop3 .item .btm .drp_wrap {
	text-align: left;
}

.popup .price_pop3 .item .btm .btn_w .singleBtn {
	display: block;
	margin-top: 10px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	font-size: 1.6rem;
	font-weight: 400;
	color: #fff;
	letter-spacing: -0.5px;
	background-color: #0e101f;
	border-radius: 10px;
	cursor: pointer;
}

.popup .price_pop3 .item .btm .btn_w a {
	display: inline-block;
	margin-top: 22px;
	padding-bottom: 3px;
	box-sizing: border-box;
	font-size: 1.4rem;
	font-weight: 500;
	color: #797b84;
	letter-spacing: -0.5px;
	line-height: 1;
	border-bottom: 1px solid #797b84;
}

.popup .price_pop3 .item_wrap .item {
	cursor: pointer;
}

.popup .price_pop3 .item_wrap .item.on {
	border: 1px solid #1761fe;
	box-shadow: 0px 0px 10px 0 rgba(22, 97, 253, 0.22);
}

.popup .price_pop3 .item.on .top {
	background-color: #1761fe;
}

.popup .price_pop3 .item.on .top em {
	color: #fff;
}

.popup .price_pop3 .item.on .top p {
	color: rgba(255, 255, 255, 0.6);
}

.popup .price_pop3 .item_wrap .item {
	border: 1px solid #e9e9e9;
}

.popup .price_pop3 .item .top {
	background-color: #e3e6ed;
}

.popup .price_pop3 .item .top p {
	color: #666;
}

.popup .price_pop3 .scroll {
	height: calc(100vh - var(--pop-margin));
	margin-top: 40px;
	overflow: auto;
}

.popup .price_pop3 .scroll::-webkit-scrollbar-track {
	background: transparent;
}

.popup .price_pop3 .item_tab {
	display: none;
	background-color: #e3e6ed;
}

.popup .price_pop3 .item_tab a {
	float: left;
	display: block;
	width: 50%;
	height: 50px;
	line-height: 50px;
	font-size: 1.6rem;
	font-weight: 700;
	color: #999;
}

.popup .price_pop3 .item_tab a.on {
	color: #fff;
	background-color: #1761fe;
}

/* 메인 서명하기 팝업 */
#docPop2 .tbc {
	vertical-align: top;
}

#docPop2 a.tbc {
	padding: 50px;
	text-align: left;
}

#docPop2 a.tbc>p {
	margin-top: 10px;
}

#docPop2 li a {
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

#docPop2 li.li01 a {
	background-image: url('/resource/image/guide1.png');
}

#docPop2 li.li02 a {
	background-image: url('/resource/image/guide2.png');
}

#docPop2 li.li01:hover a {
	background-image: url('/resource/image/guide1_on.png');
}

#docPop2 li.li02:hover a {
	background-image: url('/resource/image/guide2_on.png');
}

#docPop3 .pop {
	padding: 50px 30px 50px 50px;
}

#docPop3 .pd {
	margin-right: 20px;
	box-sizing: border-box;
}

#docPop3 .mr {
	margin-right: 20px;
	box-sizing: border-box;
}

#docPop3 .mCSB_inside>.mCSB_container {
	margin-right: 20px !important;
}

#docPop3 .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 20px !important;
}

#docPop3 .pop_inner {
	max-width: 680px;
}

#docPop3.popup .pop .pop_top p {
	margin-top: 8px;
	font-size: 1.8rem;
}

#docPop3 .pop_cont {
	margin: 0;
}

#docPop3 .pop_cont>div>form#fileForm {
	max-height: 80%;
	overflow-y: auto;
	padding: 15px;
}

#docPop3 .filetab {
	margin-top: 45px;
}

#docPop3 .filetab ul {
	border: 1px solid #e1e8eb;
	border-radius: 10px;
	background-color: #f6f6f6;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

#docPop3 .filetab ul li {
	float: left;
	display: table;
	height: 110px;
	width: 100%;
	border-right: 1px solid #e1e8eb;
	box-sizing: border-box;
}

#docPop3 .filetab ul li a {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#docPop3 .filetab ul li:last-child {
	border-right: 0;
}

#docPop3 .filetab ul li.on a {
	background-color: #1560fd;
	box-shadow: 4px 3px 7px 0px rgba(0, 0, 0, 0.35);
	border-radius: 10px;
}

#docPop3 .filetab ul li.on em {
	color: #fff;
}

#docPop3 .filetab .ico {
	display: block;
	height: 36px;
	line-height: 36px;
	font-size: 0;
}

#docPop3 .filetab em {
	display: block;
	margin-top: 12px;
	font-size: 1.5rem;
	font-weight: 500;
	color: #616572;
	line-height: 1;
}

#docPop3 .tabcon {
	display: none;
}

#docPop3 #tabcont1 {
	display: block;
}

#docPop3 .filetop {
	margin-top: 38px;
	font-size: 1.2rem;
	color: #888888;
	text-align: center;
	font-weight: 300;
	letter-spacing: 0;
}

#docPop3 .filetop b {
	display: block;
	margin-bottom: 5px;
	font-size: 1.5rem;
	color: #111;
	font-weight: 500;
}

#docPop3 .findfile {
	margin-top: 25px;
	height: 240px;
	border: 1px solid #e1e8eb;
	border-radius: 10px;
	background: #f4f9fc;
	box-sizing: border-box;
}

#docPop3 .findfile .bg {
	padding-left: 40%;
	background-image: url('/resource/image/ico_folder.png');
	background-repeat: no-repeat;
	background-position: 15% 50%;
	box-sizing: border-box;
}

#docPop3 .findfile strong {
	line-height: 1;
	font-size: 1.8rem;
	color: #1560fd;
	font-weight: 700;
	letter-spacing: -.1rem;
}

#docPop3 .findfile p {
	font-size: 1.4rem;
	color: #888;
}

#docPop3 .findfile p em {
	color: #1560fd;
}

#docPop3 .findfile a,
#docPop3 .findfile label {
	display: block;
	margin-top: 15px;
	padding: 0 15px;
	width: 95px;
	height: 37px;
	line-height: 37px;
	border-radius: 5px;
	font-size: 1.3rem;
	color: #fff;
	background-color: rgb(32, 34, 49);
	background-image: url('/resource/image/ico_go.png');
	background-repeat: no-repeat;
	background-position: top 50% right 15px;
	box-sizing: border-box;
}

#docPop3 .findfile.st2 {
	text-align: center;
}

#docPop3 .findfile.st2 .bg {
	padding: 0;
	background-image: none;
}

#docPop3 .findfile.st2 .ico {
	display: block;
	height: 70px;
	background-image: url('/resource/image/ico_folder.svg');
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-size: 114px 70px;
}

#docPop3 .findfile.st2 p {
	margin-top: 15px;
}

#docPop3 .findfile.st2 label {
	display: inline-block;
	text-align: left;
}

#docPop3 .findfile.st2 strong {
	display: none;
	padding: 30px 0 15px;
}

#docPop3 #computer_file_list ul {
	padding: 0 10px;
}

#docPop3 .btnbox {
	max-width: 325px;
	margin: 30px auto 0;
	text-align: center;
	font-size: 0;
}

#docPop3 .btnbox>div {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% + 5px);
	width: -webkit-calc(100% + 5px);
	width: -moz-calc(100% + 5px);
}

#docPop3 .btnbox a,
#docPop3 .btnbox button {
	display: inline-block;
	width: calc(50% - 5px);
	width: -webkit-calc(50% - 5px);
	width: -moz-calc(100% - 5px);
	margin-left: 5px;
	height: 50px;
	line-height: 50px;
	font-size: 1.6rem;
	font-weight: 500;
	color: #f4f7f9;
	border-radius: 10px;
	background: rgb(142, 142, 144);
	background: linear-gradient(180deg, rgba(142, 142, 144, 1) 0%, rgba(114, 114, 116, 1) 100%);
	letter-spacing: -.1rem;
	box-shadow: 4px 3px 5px 0px rgba(140, 140, 140, 0.22);
}

#docPop3 .btnbox a.bl,
#docPop3 .btnbox button.bl {
	background: rgb(29, 102, 253);
	background: linear-gradient(180deg, rgba(29, 102, 253, 1) 0%, rgba(3, 62, 253, 1) 100%);
}

#docPop3 .upload_done {
	display: none;
}

#docPop3 .upload_done .findfile {
	height: 190px;
}

#docPop3 .upload_done .findfile .bg {
	padding: 5px 0 5px 40%;
	background-image: url('/resource/image/ico_folder2.png');
}

#docPop3 .upload_done .findfile a.btn1,
#docPop3 .upload_done .findfile label.btn1 {
	width: 175px;
}

#docPop3 .upload_done .filelist {
	margin-top: 10px;
}

#docPop3 .upload_done .filelist ul li {
	position: relative;
	margin-top: 5px;
	padding: 0 50px 0 13px;
	border: 1px solid #1560fd;
	border-radius: 10px;
	box-sizing: border-box;
}

#docPop3 .upload_done .filelist ul li:first-child {
	margin-top: 0;
}

#docPop3 .upload_done .filelist span {
	font-size: 1.4rem;
	height: 48px;
	line-height: 48px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: keep-all;
}

#docPop3 .upload_done .filelist a {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	width: 25px;
	height: 25px;
	margin-top: -12px;
	font-size: 0;
	color: transparent;
	background-image: url('/resource/image/ico_remove.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#docPop3 .upload_done .scroll {
	max-height: 110px;
}

#docPop3 .upload_done .btnbox {
	margin-top: 30px;
}

#docPop3 #tabcon2 .findfile {
	height: 205px;
}

#docPop3 #tabcon2 .findfile p {
	padding: 13px 0;
}

#docPop3 .chk {
	text-align: center;
}

#docPop3 .chk label {
	display: inline-block;
	padding-left: 25px;
}

#docPop3 .chk label:before {
	left: 0;
}

#docPop3 .util {
	margin-top: 25px;
}

#docPop3 .util ul li {
	float: left;
}

#docPop3 .util ul li:nth-child(1) {
	width: 10%;
}

#docPop3 .util ul li:nth-child(2) {
	width: 62%;
}

#docPop3 .util ul li:nth-child(3) {
	width: 18%;
}

#docPop3 .util ul li:nth-child(4) {
	width: 10%;
}

#docPop3 .util ul li a {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	vertical-align: middle;
}

#docPop3 .util ul li.icon {
	text-align: right;
}

#docPop3 .template_list ul.list li>div:nth-child(3) #docPop3 .util em {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.4rem;
	font-weight: 700;
}

#docPop3 .util .align {
	margin-bottom: -3px;
	margin-left: 4px;
	width: 11px;
	height: 13px;
	background-image: url('/resource/image/ico_align.png');
}

#docPop3 .util .box {
	padding: 0 5px;
	width: 17px;
	height: 17px;
	background-image: url('/resource/image/ico_box.png');
}

#docPop3 .util .box.on {
	background-image: url('/resource/image/ico_box_on.png');
}

#docPop3 .util .list {
	padding: 0 5px;
	width: 17px;
	height: 17px;
	background-image: url('/resource/image/ico_list.png');
}

#docPop3 .util .list.on {
	background-image: url('/resource/image/ico_list_on.png');
}

#docPop3 .util .go {
	margin-left: 8px;
	width: 13px;
	height: 12px;
	background-image: url('/resource/image/ico_go2.svg');
	background-size: 13px 12px;
}

#docPop3 .template_list {
	margin-top: 12px;
}

#docPop3 .template_list .btns a {
	border-radius: 5px;
}

#docPop3 .template_list ul li {
	position: relative;
	border: 1px solid #e1e8eb;
	border-radius: 10px;
	box-sizing: border-box;
}

#docPop3 .template_list ul li.on {
	border-color: #1560fd;
	background-color: #f4f9fc;
}

#docPop3 .template_list ul .btns a {
	display: inline-block;
	text-align: center;
}

#docPop3 .template_list ul.list li {
	margin-top: 5px;
	height: 58px;
	font-size: 1.4rem;
}

#docPop3 .template_list ul.list li:first-child {
	margin-top: 0;
}

#docPop3 .template_list ul.list li>div {
	float: left;
	box-sizing: border-box;
}

#docPop3 .template_list ul.list li span {
	font-size: 1.5rem;
	height: 16px;
	line-height: 1;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: keep-all;
}

#docPop3 .template_list ul.list li .tit span {
	font-weight: 700;
}

#docPop3 .template_list ul.list .btns {
	text-align: center;
}

#docPop3 .template_list ul.list .btns a {
	width: 25px;
	height: 25px;
	line-height: 25px;
	background: url("/resource/image/ico_add2.png"), linear-gradient(180deg, rgba(59, 61, 63, 1) 0%, rgba(8, 10, 13, 1) 100%);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#docPop3 .template_list ul.list .btns span {
	font-size: 0;
	color: transparent;
}

#docPop3 .template_list ul.list .contents {
	display: none;
}

#docPop3 .template_list ul.box {
	width: 102%;
	margin-left: -2%;
	margin-top: -2%;
}

#docPop3 .template_list ul.box li {
	float: left;
	padding: 25px;
	width: 48%;
	margin-top: 2%;
	margin-left: 2%;
}

#docPop3 .template_list ul.box li .chk {
	position: absolute;
	top: 10px;
	right: 10px;
	width: auto;
	height: 25px;
}

#docPop3 .template_list ul.box li .chk label {
	height: auto;
	line-height: auto;
}

#docPop3 .template_list ul.box li .tit {
	margin-bottom: 3px;
}

#docPop3 .template_list ul.box li .tit span {
	font-size: 1.7rem;
	font-weight: 700;
}

#docPop3 .template_list ul.list li span {
	font-size: 1.4rem;
	height: 15px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#docPop3 .template_list ul.box li .team,
#docPop3 #template_list ul.box li .name {
	position: relative;
	display: inline-block;
	width: auto;
	height: auto;
}

#docPop3 .template_list ul.box li .team {
	padding-right: 8px;
}

#docPop3 .template_list ul.box li .name {
	padding: 0 10px;
}

#docPop3 .template_list ul.box li .name:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	margin-top: -6px;
	width: 1px;
	height: 12px;
	background-color: #acacac;
}

#docPop3 .template_list ul.box li .contents div {
	font-size: 1.4rem;
	line-height: 1.5;
	color: #888;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: keep-all;
}

#docPop3 .template_list ul.box .contents {
	margin-top: 6px;
}

#docPop3 .template_list ul.box .btns {
	text-align: center;
}

#docPop3 .template_list ul.box .btns a {
	margin-top: 18px;
	width: 100%;
	max-width: 135px;
	height: 35px;
	line-height: 33px;
	background: linear-gradient(180deg, rgba(59, 61, 63, 1) 0%, rgba(8, 10, 13, 1) 100%);
}

#docPop3 .template_list ul.box .btns a span {
	display: inline-block;
	padding-right: 22px;
	font-size: 1.3rem;
	color: #fff;
	background-image: url('/resource/image/ico_add2.png');
	background-repeat: no-repeat;
	background-position: right 0 top 53%;
	box-sizing: border-box;
}

#docPop3 #tabcon2 .template_list.list {
	max-height: 310px;
}

#docPop3 #tabcon2 .template_list.box {
	max-height: 440px;
}

#docPop3 #tabcon3 .cloud_type {
	float: left;
	padding-right: 10px;
	width: 150px;
	height: 255px;
	box-sizing: border-box;
}

#docPop3 #tabcon3 .cloud_type ul li {
	display: table;
	width: 100%;
	height: 25%;
	border-bottom: 1px solid #e1e8eb;
	box-sizing: border-box;
}

#docPop3 #tabcon3 .cloud_type ul li a {
	display: table-cell;
	vertical-align: middle;
	padding: 0 15px;
	font-size: 1.3rem;
	color: #090909;
	border-radius: 10px;
	border: 1px solid transparent;
	box-sizing: border-box;
}

#docPop3 #tabcon3 .cloud_type ul li span {
	display: inline-block;
	padding-left: 34px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-size: 24px auto;
	background-position: 0 50%;
}

#docPop3 #tabcon3 .cloud_type ul li.on a {
	border-color: #1560fd;
	background-color: #f4f9fc;
}

#docPop3 #tabcon3 .cloud_type ul li.on span {
	font-weight: 500;
	color: #1560fd;
}

#docPop3 #tabcon3 .cloud_type ul li:first-child {
	border-top: 1px solid #e1e8eb;
}

#docPop3 #tabcon3 .cloud_type ul li:nth-child(1) span {
	background-image: url('/resource/image/google_drive.svg');
}

#docPop3 #tabcon3 .cloud_type ul li:nth-child(2) span {
	background-image: url('/resource/image/drop_box.svg');
}

#docPop3 #tabcon3 .cloud_type ul li:nth-child(3) span {
	background-image: url('/resource/image/one_drive.svg');
}

#docPop3 #tabcon3 .cloud_type ul li:nth-child(4) span {
	background-image: url('/resource/image/box.svg');
}

#docPop3 #tabcon3 .cloud_type ul li.on:nth-child(1) span {
	background-image: url('/resource/image/google_drive_on.svg');
}

#docPop3 #tabcon3 .cloud_type ul li.on:nth-child(2) span {
	background-image: url('/resource/image/drop_box_on.svg');
}

#docPop3 #tabcon3 .cloud_type ul li.on:nth-child(3) span {
	background-image: url('/resource/image/one_drive_on.svg');
}

#docPop3 #tabcon3 .cloud_type ul li.on:nth-child(4) span {
	background-image: url('/resource/image/box_on.svg');
}

#docPop3 #tabcon3 .findfile {
	float: left;
	margin-top: 0;
	width: 100%;
	height: 255px;
}

#docPop3 #tabcon3 #htmlUrl {
	border-radius: 5px;
}

#docPop3 #tabcon3 .filetop {
	text-align: initial;
}

#docPop3 #tabcon3 .filetop b {
	text-align: center;
}

#docPop3 #tabcon3 .filetop label {
	color: #E31A1F;
}

#docPop3 #tabcon3 .notice {
	text-align: center;
	margin: 10px 0;
}

#docPop3 #tabcon3 .cloud_upload {
	margin-top: 25px;
}

#docPop3 #tabcon3 .upload_done .findfile {
	float: none;
	width: 100%;
	height: 188px;
}

#docPop3 #tabcon3 .upload_done .findfile .bg {
	padding: 30px 0 30px 40%;
}

#docPop3 #tabcon4 .scroll {
	max-height: 310px;
}

#docPop3 #tabcon4 .template_list ul.list li .tit span {
	height: 17px;
	font-weight: 400;
}

#docPop3 #tabcon4 .template_list ul.list li>div:nth-child(1) {
	width: 10%;
}

#docPop3 #tabcon4 .template_list ul.list li>div:nth-child(2) {
	width: 78%;
}

#docPop3 #tabcon4 .template_list ul.list li>div:nth-child(3) {
	width: 12%;
}

#docPop3 #tabcon4 .template_list ul.list .btns a {
	font-size: 0;
	color: transparent;
	background: url('/resource/image/ico_upload.svg'), #a1b0b6;
	background-size: 11px 11px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#docPop3 #tabcon4 .chk label {
	height: 25px;
}

#docPop3.addr .pop {
	padding: 50px;
}

#docPop3.addr .pop_cont {
	margin-top: 20px;
}

#docPop3.addr .drp_wrap>a {
	font-size: 1.4rem;
}

#docPop3.addr .template_list {
	max-height: 385px;
	padding-right: 17px;
	margin-right: -17px;
}

#docPop3.addr .chk_wrap {
	margin-top: 0;
}

#docPop3.addr .list_tit {
	margin-top: 25px;
}

#docPop3.addr .list_tit ul li {
	float: left;
}

#docPop3.addr .list_tit ul li:nth-child(1) {
	width: 10%;
}

#docPop3.addr .list_tit ul li:nth-child(2) {
	width: 15%;
}

#docPop3.addr .list_tit ul li:nth-child(3) {
	width: 50%;
}

#docPop3.addr .list_tit ul li:nth-child(4) {
	width: 25%;
}

#docPop3.addr .list_tit .chk_wrap {
	height: 20px;
}

#docPop3.addr .list_tit ul li.chk label {
	height: 20px;
	line-height: 20px;
}

#docPop3.addr .list_tit ul li em {
	display: block;
	font-size: 1.4rem;
	font-weight: 700;
	color: #111;
	line-height: 20px;
}

#docPop3.addr .template_list ul.list li {
	height: 60px;
}

#docPop3.addr .template_list ul.list li>div:nth-child(2) {
	width: 15%;
}

#docPop3.addr .template_list ul.list li>div:nth-child(3) {
	width: 50%;
}

#docPop3.addr .template_list ul.list li>div:nth-child(4) {
	width: 25%;
}

#docPop3.addr .template_list ul.list li span {
	font-size: 1.4rem;
	height: 16px;
}

#docPop3.addr .template_list ul.list li .chk label {
	background-color: transparent;
}

#docPop3.addr .btn_wrap .btns {
	width: 160px;
	height: 50px;
	line-height: 50px;
}

#createDirPop .pop {
	padding: 50px 30px 50px 50px;
}

#createDirPop .pd {
	padding-right: 20px;
	box-sizing: border-box;
}

#createDirPop .mr {
	margin-right: 20px;
	box-sizing: border-box;
}

#createDirPop .pop_inner {
	max-width: 680px;
}

#createDirPop.popup .pop .pop_top p {
	margin-top: 8px;
	font-size: 1.8rem;
}

#createDirPop .btnbox {
	max-width: 325px;
	margin: 30px auto 0;
	text-align: center;
	font-size: 0;
}

#createDirPop .btnbox>div {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% + 5px);
	width: -webkit-calc(100% + 5px);
	width: -moz-calc(100% + 5px);
}

#createDirPop .btnbox a,
#createDirPop .btnbox button {
	display: inline-block;
	width: calc(50% - 5px);
	width: -webkit-calc(50% - 5px);
	width: -moz-calc(100% - 5px);
	margin-left: 5px;
	height: 50px;
	line-height: 50px;
	font-size: 1.6rem;
	font-weight: 500;
	color: #f4f7f9;
	border-radius: 10px;
	background: rgb(142, 142, 144);
	background: linear-gradient(180deg, rgba(142, 142, 144, 1) 0%, rgba(114, 114, 116, 1) 100%);
	letter-spacing: -.1rem;
	box-shadow: 4px 3px 5px 0px rgba(140, 140, 140, 0.22);
}

#createDirPop .btnbox a.bl,
#createDirPop .btnbox button.bl {
	background: rgb(29, 102, 253);
	background: linear-gradient(180deg, rgba(29, 102, 253, 1) 0%, rgba(3, 62, 253, 1) 100%);
}

#deleteComfirm .pop {
	padding: 50px 30px 50px 50px;
}

#deleteComfirm .pd {
	padding-right: 20px;
	box-sizing: border-box;
}

#deleteComfirm .mr {
	margin-right: 20px;
	box-sizing: border-box;
}

#deleteComfirm .pop_inner {
	max-width: 680px;
}

#deleteComfirm.popup .pop .pop_top p {
	margin-top: 8px;
	font-size: 1.8rem;
}

#deleteComfirm .btnbox {
	max-width: 325px;
	margin: 30px auto 0;
	text-align: center;
	font-size: 0;
}

#deleteComfirm .btnbox>div {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% + 5px);
	width: -webkit-calc(100% + 5px);
	width: -moz-calc(100% + 5px);
}

#deleteComfirm .btnbox a,
#deleteComfirm .btnbox button {
	display: inline-block;
	width: calc(50% - 5px);
	width: -webkit-calc(50% - 5px);
	width: -moz-calc(100% - 5px);
	margin-left: 5px;
	height: 50px;
	line-height: 50px;
	font-size: 1.6rem;
	font-weight: 500;
	color: #f4f7f9;
	border-radius: 10px;
	background: rgb(142, 142, 144);
	background: linear-gradient(180deg, rgba(142, 142, 144, 1) 0%, rgba(114, 114, 116, 1) 100%);
	letter-spacing: -.1rem;
	box-shadow: 4px 3px 5px 0px rgba(140, 140, 140, 0.22);
}

#deleteComfirm .btnbox a.bl,
#deleteComfirm .btnbox button.bl {
	background: rgb(29, 102, 253);
	background: linear-gradient(180deg, rgba(29, 102, 253, 1) 0%, rgba(3, 62, 253, 1) 100%);
}

#largeSign .pop_inner {
	max-width: 480px;
}

#largeSign strong {
	text-align: center;
	line-height: 1.4;
}

#smallPop .pop_inner {
	max-width: 390px;
}

#smallPop strong {
	text-align: center;
	line-height: 1.4;
}

#smallPop .pop_inner .btn_wrap .btns {
	line-height: 49px;
	height: 50px;
}

#smallPop .pop_inner .pop_cont .cols .col {
	box-shadow: none;
	border: 1px solid #e2e7ea;
	border-radius: 5px;
	background: #f9fcfd;
	padding: 22px;
}

#smallPop .pop_cont .file_list li a {
	text-indent: 24px;
	display: block;
	border-radius: 5px;
	font-size: 1.4rem;
	font-weight: 500;
	padding: 5px;
	background-image: url('/resource/image/ico_folder5.svg');
	background-size: 18px 14px;
	background-position: 5px center;
	background-repeat: no-repeat;
}

#smallPop .pop_cont .file_list li a.on {
	background-color: #e3edfd;
	box-sizing: border-box;
	color: #2168fd;
}

#smallPop .pop_cont .file_list.dep1 .dep2 {
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	box-sizing: border-box;
}


#editPop1 .pop_inner {
	max-width: 390px;
}

#editPop2 .pop_inner {
	max-width: 390px;
}

#endPop1 .pop_inner {
	max-width: 540px;
}

#endPop2 .pop_inner {
	max-width: 540px;
}

#preview .pop_inner {
	max-width: 540px;
}

#preview .pop {
	padding: 50px 20px 50px 50px;
}

#preview .scroll {
	padding-right: 30px;
}

#preview em {
	display: block;
	font-size: 1.4rem;
	font-weight: 500;
	color: #1560fd;
}

#preview input[type="text"] {
	display: block;
	margin-top: 10px;
	padding: 0 20px;
	width: 100%;
	height: 60px;
	color: #111;
	font-size: 1.6rem;
	border: 1px solid #e2e7ea;
	border-radius: 5px;
	background-color: #f9fcfd;
	box-sizing: border-box;
}

#preview .poptab {
	border: 1px solid #e2e7ea;
	border-radius: 5px;
}

#preview .poptab li {
	float: left;
	width: 50%;
}

#preview .poptab li a {
	display: block;
	height: 42px;
	line-height: 43px;
	font-size: 1.4rem;
	font-weight: 500;
	text-align: center;
	border-radius: 5px;
}

#preview .poptab li.on a {
	color: #fff;
	background-image: url('/resource/image/btn_bl.jpg');
	box-shadow: 4px 3px 10px 0px rgba(140, 140, 140, 0.22);
}

#preview .check_area {
	margin-top: 15px;
}

#preview .chk_wrap.gr {
	margin: 0;
}

#preview .chk_wrap.mg {
	margin-top: 7px;
}

#preview ol.list>li {
	padding: 20px;
	margin-top: 10px;
	border: 1px solid #e2e7ea;
	border-radius: 5px;
	background-color: #f9fcfd;
	box-sizing: border-box;
}

#preview ol.list strong {
	display: block;
	line-height: 1;
	font-size: 1.6rem;
}

#preview ol.list ul li {
	position: relative;
	font-size: 0;
}

#preview ol.list ul li em {
	position: relative;
	display: inline-block;
	padding: 0 5px;
	font-size: 1.3rem;
	vertical-align: middle;
	box-sizing: border-box;
}

#preview ol.list ul li em:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 2px;
	height: 2px;
	background-color: #3372fd;
}

#preview ol.list ul li span {
	position: relative;
	display: inline-block;
	padding-left: 9px;
	vertical-align: middle;
	font-size: 1.3rem;
	color: #444;
	letter-spacing: -.1rem;
	box-sizing: border-box;
}

#preview ol.list ul li span:before {
	content: ':';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	line-height: 1;
	font-size: 1.3rem;
	color: #666;
	margin-top: 4px;
}

#preview ol.list ul.top {
	padding: 13px 0 7px;
	box-sizing: border-box;
}

#preview ol.list ul.top li {
	float: left;
	width: 50%;
}

#preview ol.list ul.btm {
	padding-top: 5px;
	border-top: 1px solid #e2e7ea;
}

#preview ol.list ul.btm li {
	display: flex;
}

#preview ol.list ul.btm li em {
	float: left;
}

#preview ol.list ul.btm li span {
	float: right;
	width: calc(100% - 48px);
	width: -webkit-calc(100% - 48px);
	width: -moz-calc(100% - 48px);
}

#preview .btn_wrap {
	padding-right: 30px;
	box-sizing: border-box;
}


/*메인팝업*/
#docPop1 .pop_inner {
	max-width: 1260px;
}

@media screen and (min-width: 1279px) {

	/* PC 화면 */
	#docPop1 .pop .pop_info .doc_list .tb.tempStyle {
		width: 23% !important;
	}
}

#docPop2 .pop_inner {
	max-width: 1260px;
}

/* 인증서 관리 팝업 */
#confirmPop .pop_inner {
	max-width: 510px;
}

#confirmPop .btn_wrap {
	margin-top: 0;
}

#confirmPop .btn_wrap a {
	width: 120px;
	height: 50px;
	line-height: 50px;
}

.waitInfoPop .pop_inner {
	max-width: 510px;
}

.waitInfoPop .pop_inner .close_btn {
	position: absolute;
	top: 20px;
	right: 20px;
}


/* 스텝 네비 */
.step_list {
	display: inline-block;
}

.step_list ul {
	margin-left: -14px
}

.step_list ul li {
	position: relative;
	padding: 0 44px;
	background: #a4aeb4;
	border-radius: 25px;
	float: left;
	margin-left: 14px;
}

.step_list ul li {
	line-height: 50px;
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: -0.05em;
	color: #fff;
}

.step_list ul li em {
	display: none;
	font-weight: 700;
}

.step_list ul li.on {
	background: #1560fd
}

.step_list ul li.on em {
	display: inline-block
}

.step_list2 {
	display: inline-block;
}

.step_list2 ul {
	margin-left: -14px
}

.step_list2 ul li {
	position: relative;
	padding: 0 44px;
	background: #a4aeb4;
	border-radius: 25px;
	float: left;
	margin-left: 14px;
}

.step_list2 ul li:before {
	content: '';
	position: absolute;
	top: 50%;
	left: -14px;
	display: block;
	width: 14px;
	height: 1px;
	background: #d0dbe0;
}

.step_list2 ul li:first-child:before {
	display: none;
}

.step_list2 ul li {
	line-height: 50px;
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: -0.05em;
	color: #fff;
}

.step_list2 ul li em {
	font-weight: 700;
}

.step_list2 ul li.on {
	background: #1560fd
}

/*서명하기*/
#sub.sign_idx .sub_header {
	position: relative;
	text-align: center;
	padding: 10px 0;
	box-sizing: border-box;
	box-shadow: 1px 2px 11.83px 1.17px rgba(121, 150, 183, 0.11);
	background: #fff
}

#sub.sign_idx .sub_header .switch_wrap {
	position: absolute;
	font-size: 0;
	right: 65px;
	top: 50%;
	margin-top: -14px
}

#sub.sign_idx .sub_header .switch_wrap>div b {
	display: inline-block;
	vertical-align: middle;
	color: #111;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1;
}

#sub.sign_idx .sub_header .switch_wrap>div p {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}

#sub.sign_idx .sub_header .switch_wrap>div {
	display: inline-block;
	vertical-align: middle;
}

#sub.sign_idx .sub_header .switch_wrap>a {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}

#sub.sign_idx .sub_header .switch_wrap p input[type=checkbox] {
	height: 0;
	width: 0;
	visibility: hidden;
}

#sub.sign_idx .sub_header .switch_wrap p label {
	cursor: pointer;
	text-indent: -9999px;
	width: 55px;
	height: 25px;
	background: #ddd;
	display: block;
	border-radius: 100px;
	position: relative;
}

#sub.sign_idx .sub_header .switch_wrap p label:after {
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	width: 26.5px;
	height: 26.5px;
	background: #fff;
	border-radius: 26px;
	box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.38);
	transition: 0.3s;
}

#sub.sign_idx .sub_header .switch_wrap p input:checked+label {
	background: #1560fd;
	box-shadow: 2px 1px 7px 0.56px rgba(0, 0, 0, 0.2) inset;
}

#sub.sign_idx .sub_header .switch_wrap p input:checked+label:after {
	left: 102%;
	transform: translateX(-100%);
}

#sub.sign_idx .btn_wrap>div {
	max-width: 825px;
	display: inline-block;
	width: calc(100% + 10px)
}

#sub.sign_idx .btn_wrap .btns {
	width: calc(30% - 10px);
}

#sub.sign_idx .con_wrap .wcon_box {
	max-width: 800px;
	margin: 0 auto;
}

#sub.sign_idx .con_wrap .wcon_box .box {
	position: relative;
}

#sub.sign_idx .con_wrap .wcon_box .box.d_box>div:first-child {
	padding-top: 50px;
	padding-bottom: 30px
}

#sub.sign_idx .con_wrap .wcon_box .box.d_box>div.w_box {
	padding-bottom: 30px;
}

#sub.sign_idx .con_wrap .wcon_box .box.d_box>div.g_box {
	padding-top: 30px;
}

#sub.sign_idx .con_wrap .wcon_box .box .g_box {
	background: #f8f8f8
}

#sub.sign_idx .con_wrap .wcon_box .closeBox {
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	width: 35px;
	height: 35px;
	font-size: 0;
	color: transparent;
	border-radius: 35px;
	background-color: #1f202d;
	background-image: url('/resource/image/ico_close.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#sub.sign_idx #guideBox {
	margin-bottom: 20px;
}

#sub.sign_idx #guideBox .box {
	display: none;
	margin-top: 0;
	margin-bottom: 20px;
}

#sub.sign_idx #basicBox {
	margin-bottom: 20px;
}

#sub.sign_idx .navi_arr {
	position: absolute;
	top: 50%;
	right: 0;
	font-size: 0;
	margin-top: -15px;
}

#sub.sign_idx .navi_arr a {
	display: inline-block;
	margin-left: 5px;
	padding: 0 10px;
	height: 30px;
	line-height: 28px;
	font-size: 12px;
	font-weight: 500;
	color: #93939a;
	border-radius: 5px;
	border: 1px solid #93939a;
	text-align: center;
	box-sizing: border-box;
}

#sub.sign_idx .navi_arr a:first-child {
	margin-left: 0;
}

#sub.sign_idx .navi_arr a span {
	display: inline-block;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	box-sizing: border-box;
}

#sub.sign_idx .navi_arr a.up span {
	background-image: url('/resource/image/ico_arr_up.png');
}

#sub.sign_idx .navi_arr a.down span {
	background-image: url('/resource/image/ico_arr_down.png');
}

#sub.sign_idx .navi_arr a.none {
	background-color: #e9e9e9;
	pointer-events: none;
}

#sub.sign_idx .con_wrap .box .chk_wrap.mg {
	margin-top: 20px;
}

#sub.sign_idx .click_none {
	pointer-events: none;
}

/* #sub.step3 .form_area > .box:first-child {display: none;} */
#sub.step3 .ip_wrap.mg {
	margin-top: 20px;
}

#sub.step3 #message_wrap {
	display: none;
	margin-top: 20px;
}

#sub.step3 #message2 {
	display: none;
}

#sub.step3 .btn_wrap>div {
	max-width: 800px;
}

#sub.step3 .btn_wrap .gr {
	width: calc(28% - 10px);
	width: -webkit-calc(28% - 10px);
	width: -moz-calc(28% - 10px);
}

#sub.step3 .btn_wrap .bk {
	width: calc(36% - 10px);
	width: -webkit-calc(36% - 10px);
	width: -moz-calc(36% - 10px);
}

#sub.step3 .btn_wrap .ok {
	width: calc(36% - 10px);
	width: -webkit-calc(36% - 10px);
	width: -moz-calc(36% - 10px);
}

#sub.step3 #message_wrap .box .ip_wrap.a_wrap a {
	max-width: 280px;
	margin: 0 auto;
}

#sub.step3 .tb_wrap>ul>li>div:nth-child(1) {
	width: 12%;
}

#sub.step3 .tb_wrap>ul>li>div:nth-child(2) {
	width: 25%;
}

#sub.step3 .tb_wrap>ul>li>div:nth-child(3) {
	width: 35%;
}

#sub.step3 .tb_wrap>ul>li>div:nth-child(4) {
	width: 20%;
}

#sub.step3 .tb_wrap>ul>li>div:nth-child(5) {
	width: 8%;
}

#sub.step3 .addr_btn {
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	margin-top: -20px;
	width: 40px;
	height: 40px;
	font-size: 0;
	color: transparent;
	border-radius: 8px;
	background-color: #b6bdc2;
	background-image: url('/resource/image/ico_addr.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#sub.step3 #message_cont {
	display: none;
}

#sub.step3 .drp_box {
	position: relative;
	border: 1px solid #e2e7ea;
	background: #fff;
	border-radius: 10px;
	box-sizing: border-box;
	transition: .5s;
}

#sub.step3 .drp_box>a {
	line-height: 48px;
	position: relative;
	font-weight: 500;
	border-radius: 10px;
	color: #1560fd;
	padding: 0 14px;
	box-sizing: border-box;
	display: block;
}

#sub.step3 .drp_box>a:before {
	content: '';
	position: absolute;
	right: 14px;
	top: 50%;
	margin-top: -3px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid #1560fd;
}

#sub.step3 .drp_box>ul {
	display: none;
	position: absolute;
	top: 48px;
	left: -1px;
	width: 100%;
	border-radius: 0 0 10px 10px;
	border: 1px solid #e2e7ea;
	border-top: 0;
	overflow: hidden;
	z-index: 15;
	background: #fff;
	transition: border-color .4s;
	-webkit-transition: border-color .4s;
	-moz-transition: border-color .4s;
	-o-transition: border-color .4s;
}

#sub.step3 .drp_box>ul li {
	border-top: 1px solid #e2e7ea;
}

#sub.step3 .drp_box>ul li a {
	display: block;
	padding: 0 15px;
	height: 50px;
	line-height: 50px;
	font-size: 1.4rem;
	color: #929ca1;
	box-sizing: border-box;
}

#sub.step3 .drp_box.on {
	border-radius: 10px 10px 0 0;
	border-color: #1560fd;
}

#sub.step3 .drp_box.on>ul {
	border-color: #1560fd;
}

#sub.step3 .drp_box.st2 {
	border-color: #1560fd;
}

#sub.step3 .drp_box.st2.on>ul {
	border-color: #1560fd;
}

#sub.step3 #msg_cont {
	display: none;
}

/* 박스 올라오는 모션 */
.show {
	animation-name: fromBottom;
	animation-duration: 1s;
}

@keyframes fromBottom {
	from {
		opacity: 0;
		transform: translateY(30px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}


/* 서명∙인증서 관리 - 인증서 관리 - 인증서 신청  */
#sub.sign_form .area {
	padding: 02 0px;
	max-width: 740px;
	margin: 0 auto;
	box-sizing: border-box;
}

/* 서명하기 - STEP 2 */
#sub.step2 .canvas_wrap .tb .tbc {
	vertical-align: top;
}

/*0404 두페이지보기 첫번째 마진 삭제*/
#sub.step2 .canvas_wrap .tb .tbc .scale_wrap>div:first-child {
	margin-top: 0 !important;
}

#sub.step2 .con_wrap {
	padding: 60px;
	padding-bottom: 65px;
}

#sub.step2 .con_wrap .left {
	float: left;
	width: 100%;
	max-width: 420px;
}

#sub.step2 .con_wrap .left .signatory .tit_wrap b.tit {
	color: #111;
}

#sub.step2 .con_wrap .left .signatory .tit_wrap i {
	position: absolute;
	display: block;
	right: 0;
	bottom: 0;
	font-size: 1.6rem;
	font-weight: 700;
	color: #1560fd;
	line-height: 1;
}

#sub.step2 .con_wrap .left .signatory .people_list {
	margin-top: 20px;
	max-height: 170px;
	margin-right: -25px;
	padding-right: 25px;
}

#sub.step2 .con_wrap .left .signatory .people_list ul {
	width: 102.5%;
	margin-left: -2.5%;
	margin-top: -10px;
}

#sub.step2 .con_wrap .left .signatory .people_list ul li {
	float: left;
	width: 47.5%;
	margin-left: 2.5%;
	margin-top: 10px;
	height: 50px;
	line-height: 48px;
	text-align: center;
	border: 1px solid #e2e7ea;
	border-radius: 10px;
	box-sizing: border-box;
}

#sub.step2 .con_wrap .left .signatory .people_list ul li.on {
	border: 1px solid #1560fd;
}

#sub.step2 .con_wrap .left .signatory .people_list ul li a {
	display: block;
	font-size: 1.4rem;
	font-weight: 500;
}

#sub.step2 .con_wrap .left .signatory .people_list ul li.on a {
	color: #1560fd;
}

#sub.step2 .con_wrap .left .edit .edit_list {
	margin-top: 20px;
}

#sub.step2 .con_wrap .left .edit .edit_list ul {
	width: 102.5%;
	margin-left: -2.5%;
	margin-top: -10px;
}

#sub.step2 .con_wrap .left .edit .edit_list ul li {
	float: left;
	width: 47.5%;
	margin-left: 2.5%;
	margin-top: 10px;
	height: 70px;
	text-align: center;
	border-radius: 10px;
	border: 1px solid #eee;
	box-shadow: 0px 2px 11.83px 1.17px rgba(0, 0, 0, 0.09);
	box-sizing: border-box;
	transition: all 0.2s;
}

#sub.step2 .con_wrap .left .edit .edit_list ul li:not(.disabled):hover {
	border: 1px solid #1560fd;
}

#sub.step2 .con_wrap .left .edit .edit_list ul li.on {
	background-color: #1560fd;
	border: 1px solid #1560fd;
}

#sub.step2 .con_wrap .left .edit .edit_list ul li a {
	position: relative;
	display: block;
}

#sub.step2 .con_wrap .left .edit .edit_list ul li .tlp_wrap {
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: auto;
}

#sub.step2 .con_wrap .left .edit .edit_list ul li .tlp_wrap .tlp_box {
	width: 200px;
	z-index: 5;
	text-align: left;
}

#sub.step2 .con_wrap .left .edit .edit_list ul li .img img {
	display: inline-block;
}

#sub.step2 .con_wrap .left .edit .edit_list ul li.on .img img {
	display: none;
}

#sub.step2 .con_wrap .left .edit .edit_list ul li .img img.on {
	display: none;
}

#sub.step2 .con_wrap .left .edit .edit_list ul li.on .img img.on {
	display: inline-block;
}

#sub.step2 .con_wrap .left .edit .edit_list ul li .img img.off {
	display: none;
}

#sub.step2 .con_wrap .left .edit .edit_list ul li.disabled .img img {
	display: none;
}

#sub.step2 .con_wrap .left .edit .edit_list ul li.disabled .img img.off {
	display: inline-block;
}

#sub.step2 .con_wrap .left .edit .edit_list ul li em {
	display: block;
	line-height: 1;
	margin-top: 8px;
	font-size: 1.3rem;
	font-weight: 500;
}

#sub.step2 .con_wrap .left .edit .edit_list ul li.on em {
	color: #fff;
}

#sub.step2 .con_wrap .left .edit .edit_list ul li.disabled em {
	color: #898989;
}

#sub.step2 .con_wrap .left .request {
	border: 1px solid transparent;
	transition: all 0.2s;
}

#sub.step2 .con_wrap .left .request:hover {
	border: 1px solid #1560fd;
}

#sub.step2 .con_wrap .left .request a {
	display: block;
	height: 70px;
	line-height: 70px;
	text-align: center;
}

#sub.step2 .con_wrap .left .request a span {
	position: relative;
	display: inline-block;
	font-size: 1.6rem;
	font-weight: 700;
	padding-right: 24px;
}

#sub.step2 .con_wrap .left .request a span:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -9.5px;
	width: 19px;
	height: 19px;
	background-image: url(/resource/image/step2_request_ico.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#sub.step2 .con_wrap .left .request .open_fileRequest.added span:before {
	content: "";
	display: block;
	position: absolute;
	right: -24px;
	top: 50%;
	margin-top: -11px;
	width: 24px;
	height: 24px;
	background-image: url(/resource/image/step2_edit_ico07_add.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#sub.step2 .con_wrap .left .box_row .inner {
	width: 102%;
	margin-left: -3%;
}

#sub.step2 .con_wrap .left .box_row .box {
	float: left;
	width: 47%;
	margin-left: 3%;
	margin-top: 20px;
	border: 1px solid transparent;
	transition: all 0.2s;
	box-sizing: border-box;
}

#sub.step2 .con_wrap .left .box_row .box:hover {
	border: 1px solid #1560fd;
}

#sub.step2 .con_wrap .left .box_row .box a {
	display: block;
	height: 157px;
	text-align: center;
}

#sub.step2 .con_wrap .left .box_row .box a em {
	display: block;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1;
	margin-top: 15px;
}

#sub.step2 .con_wrap .left .box_row .box.document1 img {
	margin-right: -15px;
}

#sub.step2 .con_wrap .left .box_row .box .tlp_wrap {
	position: absolute;
	right: 7px;
	top: 7px;
	z-index: auto
}

#sub.step2 .con_wrap .left .box_row .box .tlp_wrap .tlp_box {
	width: 220px;
	z-index: 5;
}

#sub.step2 .con_wrap .right {
	position: relative;
	float: right;
	width: calc(100% - 440px);
	height: 1230px;
}

#sub.step2 .pdf_util {
	position: absolute;
	right: 0;
	bottom: 100%;
	margin-bottom: 9px;
}

#sub.step2 .pdf_util>ul>li {
	float: left;
	margin-left: 5px;
	border-radius: 3px;
	text-align: center;
}

#sub.step2 .pdf_util>ul>li:first-of-type {
	margin-left: 0;
}

#sub.step2 .pdf_util>ul>li>a {
	display: block;
	height: 26px;
	line-height: 26px;
}

#sub.step2 .pdf_util ul li.one_page_move {
	display: none;
}

#sub.step2 .pdf_util ul li.one_page_move>ul>li {
	float: left;
	margin-left: 1px;
}

#sub.step2 .pdf_util ul li.one_page_move>ul>li:first-of-type {
	margin-left: 0;
}

#sub.step2 .pdf_util ul li.one_page_move>ul>li>a {
	display: block;
	height: 26px;
	line-height: 24px;
	background-color: #fff;
	border: 1px solid #cad1d5;
	border-radius: 3px;
	box-sizing: border-box;
}

#sub.step2 .pdf_util ul li.one_page_move>ul>li.page_move>a {
	position: relative;
	width: 26px;
	text-indent: -9999px;
	overflow: hidden;
}

#sub.step2 .pdf_util ul li.one_page_move>ul>li.page_move>a:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -4px;
	margin-top: -3px;
	width: 0;
	height: 0;
	border-style: solid;
}

#sub.step2 .pdf_util ul li.one_page_move>ul>li.page_move>a.page_up:before {
	border-width: 0 4px 6px 4px;
	border-color: transparent transparent #282828 transparent
}

#sub.step2 .pdf_util ul li.one_page_move>ul>li.page_move>a.page_down:before {
	border-width: 6px 4px 0 4px;
	border-color: #181a29 transparent transparent transparent;
}

#sub.step2 .pdf_util ul li.one_page_move>ul>li.page_num {
	position: relative;
}

#sub.step2 .pdf_util ul li.one_page_move>ul>li.page_num>a {
	width: 50px;
	font-size: 11px;
	font-weight: 500;
}

#sub.step2 .pdf_util ul li.one_page_move>ul>li.page_num>a>span {
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	color: #1560fd;
}

#sub.step2 .pdf_util ul li.one_page_move>ul>li.page_num>ul {
	display: none;
	position: absolute;
	left: 0;
	top: 27px;
	width: 100%;
	padding: 4px 0;
	background-color: #fff;
	border: 1px solid #cad1d5;
	border-radius: 3px;
	box-sizing: border-box;
	z-index: 5;
}

#sub.step2 .pdf_util ul li.one_page_move>ul>li.page_num>ul>li>a {
	display: block;
	padding: 3px 0;
	font-size: 11px;
	font-weight: 500;
	line-height: 1;
}

#sub.step2 .pdf_util ul li.one_page_move>ul>li.page_num>ul>li>a>p {
	padding-right: 15px;
	text-align: right;
}

#sub.step2 .pdf_util ul li.one_page_move>ul>li.page_num>ul>li>a>p>span {
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	color: #1560fd;
}

#sub.step2 .pdf_util ul li.print {
	width: 26px;
	background-color: #111;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(/resource/image/print_ico.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#sub.step2 .pdf_util ul li.page {
	position: relative;
	width: 140px;
	text-align: left;
}

#sub.step2 .pdf_util ul li.page .img {
	position: relative;
	float: left;
	width: 15px;
	height: 25px;
	line-height: 25px;
}

#sub.step2 .pdf_util ul li.page>a {
	position: relative;
	display: block;
	padding: 0 7px;
	font-size: 12px;
	font-weight: 500;
	background-color: #181a29;
	color: #fff;
	border-radius: 3px;
}

#sub.step2 .pdf_util ul li.page>a.on {
	border-radius: 3px 3px 0 0;
}

#sub.step2 .pdf_util ul li.page>a img {
	display: none;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
}

#sub.step2 .pdf_util ul li.page>a img.on {
	display: block;
}

#sub.step2 .pdf_util ul li.page>a span {
	float: left;
	padding-left: 5px;
}

#sub.step2 .pdf_util ul li.page>a:after {
	content: "";
	display: block;
	position: absolute;
	right: 7px;
	top: 50%;
	margin-top: -3px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 4px 0 4px;
	border-color: #fff transparent transparent transparent;
}

#sub.step2 .pdf_util ul li.page>ul {
	display: none;
	position: absolute;
	left: 0;
	top: 26px;
	width: 100%;
	z-index: 2;
	background-color: #181a2a;
	border-radius: 0 0 3px 3px;
}

#sub.step2 .pdf_util ul li.page>ul>li {
	float: none;
	margin-left: 0;
	border-radius: 0;
	border-top: 1px solid #80828c;
}

#sub.step2 .pdf_util ul li.page>ul>li>a {
	display: block;
	padding: 0 7px;
	height: 25px;
	line-height: 23px;
	font-size: 12px;
	font-weight: 500;
	color: #aaa;
}

#sub.step2 .pdf_util ul li.page>ul>li>a span {
	float: left;
	padding-left: 5px;
}

#sub.step2 .pdf_util ul li.page>ul>li>a img {
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
}

#sub.step2 .pdf_util ul li.page>ul>li>a img.on {
	display: none;
}

#sub.step2 .pdf_util ul li.scale {
	border: 1px solid #cad1d5;
}

#sub.step2 .pdf_util ul li.scale p a {
	float: left;
	width: 24px;
	height: 24px;
	background-color: #f8fafb;
	text-indent: -9999px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#sub.step2 .pdf_util ul li.scale p a.minus {
	border-right: 1px solid #cad1d5;
	background-image: url(/resource/image/scale_minus_ico.png);
}

#sub.step2 .pdf_util ul li.scale p a.plus {
	border-left: 1px solid #cad1d5;
	background-image: url(/resource/image/scale_plus_ico.png);
}

#sub.step2 .pdf_util ul li.scale p span {
	float: left;
	display: block;
	width: 46px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	font-weight: 600;
	background-color: #fff;
}

.w_mark.img img {
	width: 21px;
}

.t_box.img img {
	width: 13px;
	height: 13px;
}

.chkBox.img img {
	width: 17px;
	height: 17px;
}

.selBox.img img {
	width: 48px;
	height: 16px;
}

.imgUpd.img img {
	width: 23px;
	height: 17px;
}

.stmp_add.img img {
	width: 17px;
	height: 17px;
}

.f_add.img img {
	width: 22px;
	height: 19px;
}

.multiple.img img {
	width: 29px;
	height: 21px;
}

#sub.step2 .con_wrap .right .box {
	width: 100%;
	height: 100%;
	margin-top: 0;
}

#sub.step2 .con_wrap .right .box .pdf_page {
	padding: 30px 0 20px;
	text-align: center;
}

#sub.step2 .con_wrap .right .box .pdf_page b {
	display: block;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1;
}

#sub.step2 .con_wrap .right .box .pdf_page b span {
	color: #1560fd
}

#sub.step2 .con_wrap .right .box .pdf_page b em {
	font-size: 1.5rem;
	font-weight: normal;
}

#sub.step2 .con_wrap .right .box .pdf_edit {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
	text-align: left;
	padding-bottom: 10px;
}

#sub.step2 .btn_wrap>a.btns {
	width: 290px;
}

#sub.step2 .btn_wrap>a.gr {
	width: 230px;
	margin-left: 0;
}

#sub.step2 .con_wrap .left .edit .edit_list ul li .img {
	position: relative;
}

#sub.step2 .con_wrap .left .edit .edit_list ul li.added .img:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: 3px;
	width: 24px;
	height: 24px;
	background-image: url(/resource/image/step2_edit_ico07_add.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#sub.step2 .con_wrap .right {
	height: auto;
}

#sub.step2 .con_wrap .right .box {
	min-height: 1230px;
	height: auto;
}

#sub.step2 .con_wrap .right .box.pdfbox {
	min-height: 1150px;
	height: auto;
}

/* canvas_wrap */
/* #sub.step2 .canvas_wrap{position:relative; text-align:center; z-index:1; overflow:auto; height:1166px; box-sizing:border-box;} */
#sub.step2 .canvas_wrap {
	position: relative;
	text-align: center;
	z-index: 1;
	overflow: auto;
	height: auto;
	box-sizing: border-box;
}

/* #sub.step2 .canvas_wrap::-webkit-scrollbar {width: 5px; height:5px;}
#sub.step2 .canvas_wrap::-webkit-scrollbar-track {background: #eee; border-radius: 5px;}
#sub.step2 .canvas_wrap::-webkit-scrollbar-thumb {background: #a4aeb4; border-radius: 5px; height:150px;} */


#sub.step2 .canvas_wrap .scale_wrap {
	width: 100%;
	margin: 0 auto;
}

#sub.step2 .canvas_wrap .scale_wrap canvas {
	margin: 10px auto 0;
}

#sub.step2 .canvas_wrap .scale_wrap canvas:first-of-type {
	margin-top: 0;
}

/*
#sub.step2 .canvas_wrap .scale_wrap .img_wrap{transform-origin:0 0; padding:0 77.5px; box-sizing:border-box;}
#sub.step2 .canvas_wrap .img{display:none; position:relative; border:1px solid #e9edef; box-sizing:border-box;}
#sub.step2 .canvas_wrap .img.active{display:inline-block; width:100%;}
*/

#sub.step2 .canvas_wrap.viewOnePageRow .img {
	margin-top: 1%;
}

#sub.step2 .canvas_wrap.viewOnePageRow .img:first-child {
	margin-top: 0;
}

#sub.step2 .canvas_wrap.viewTwoPageRow .img_wrap {
	width: 101%;
	margin-left: -1%;
}

#sub.step2 .canvas_wrap.viewTwoPageRow .img {
	float: left;
	width: 49%;
	margin-left: 1%;
	margin-top: 1%;
}

#sub.step2 .pdf_wrap {
	position: relative;
	padding: 0;
}

#sub.step2 .pdf_bg {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 50;
}

/* editTool */
#sub.step2 .editTool {
	position: absolute;
	display: inline-block;
	left: 40%;
	top: 400px;
	z-index: 25;
}

#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 .editTool.reverse.waterMark .editBox .edit_del {top:auto;bottom:-20px; right:0; }
#sub.step2 .editTool.signSet{width:auto !important; height:auto !important;}
*/
#sub.step2 .signSet .editBox {
	height: 100%;
	width: 100%;
	padding: 10px !important;
}

#sub.step2 .editTool.waterMark {
	width: auto;
	height: auto;
}

#sub.step2 .editTool.textBox {
	width: auto !important;
	height: auto !important;
}

#sub.step2 .editTool.selectBox {
	width: auto !important;
	height: auto !important;
}

#sub.step2 .editTool.selectBox .editBox {
	/* width:110% !important; */
	width: 100% !important;
}


#sub.step2 .editTool.seal2 {
	top: 490px;
}

#sub.step2 .editTool .optionBox {
	display: none;
	margin: 0 auto;
	margin-bottom: 20px;
	position: absolute;
	left: 50%;
	bottom: 100%;
	width: 190px;
	height: auto !important;
	margin-left: -95px;
	padding: 20px;
	background-color: #fff;
	border-radius: 10px;
	border: 1px solid #1560fd;
	box-shadow: 0px 0px 26.39px 2.61px rgba(0, 0, 0, 0.3);
	box-sizing: border-box;
	z-index: 105;
}

#sub.step2 .editTool.active .op_btn {
	display: none;
}

#sub.step2 .editTool.active .optionBox {
	display: block;
}

#sub.step2 .editTool.waterMark .optionBox {
	width: 230px;
	margin-left: -115px;
}

#sub.step2 .editTool.selectBox .optionBox {
	width: 220px;
	margin-left: -110px;
}

#sub.step2 .editTool.signSet .optionBox {
	width: 310px;
	margin-left: -155px;
}

#sub.step2 .editTool.sealAdd .optionBox {
	width: 310px;
	left: -600px;
	bottom: 0;
	margin-bottom: 0;
}

#sub.step2 .editTool .optionBox .triangle {
	position: absolute;
	left: 50%;
	bottom: -12px;
	margin-left: -11px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 12px 0 12px;
	border-color: #fff transparent transparent transparent;
}

#sub.step2 .editTool .optionBox .triangle:after {
	content: "";
	display: block;
	position: absolute;
	left: -13px;
	bottom: -1px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13px 13px 0 13px;
	border-color: #1560fd transparent transparent transparent;
	z-index: -1;
}

/* 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.3rem;
	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 .add_wrap,
#sub.step2 .editTool .optionBox .copy_wrap,
#sub.step2 .editTool .optionBox .del_wrap {
	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: 40px;
	line-height: 38px;
	font-size: 1.5rem;
	font-weight: 900;
	color: #1560fd;
	text-align: center;
}

#sub.step2 .editTool .optionBox .optionCon .option_list .input_wrap input[type="text"] {
	padding: 0 9px;
	height: 40px;
	line-height: 38px;
	border: 1px solid #e2e7ea;
	border-radius: 5px;
	font-size: 1.3rem;
	box-sizing: border-box;
}

#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;
	padding-right: 18px;
	width: 100%;
	height: 40px;
	line-height: 38px;
	box-sizing: border-box;
	font-size: 1.3rem;
	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-bottom: none;
	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: 40px;
	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: 130px;
	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: 40px;
	line-height: 38px;
	border-top: 1px solid #e2e7ea;
	font-size: 1.3rem;
	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: 100%;
	padding: 0;
	width: 186px;
	border: 1px solid #e2e7ea;
	border-radius: 4px;
}

#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 .optionCon .option_list .add_wrap>a,
#sub.step2 .editTool .optionBox .optionCon .option_list .del_wrap>a {
	display: block;
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
	background-color: #1560fd;
	font-size: 11px;
	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 .optionBox .optionCon .option_list .required_wrap > p input[type="checkbox"]{height: 0; width: 0; visibility: hidden;}
#sub.step2 .editTool .optionBox .optionCon .option_list .required_wrap > p label{position: relative; display: block; text-indent: -9999px; width: 42px; height: 20px; background: #ddd; border-radius: 100px; cursor: pointer;}
#sub.step2 .editTool .optionBox .optionCon .option_list .required_wrap > p label:after{content: ''; position: absolute; top: 0; left: 0;width: 20px; height: 20px; background: #fff; border-radius: 20px; box-shadow: 0px 0px 7.28px 0.72px rgba(11, 50, 132, 0.25); transition: 0.3s;}
#sub.step2 .editTool .optionBox .optionCon .option_list .required_wrap > p input[type="checkbox"]:checked + label {background: #1560fd; box-shadow: 2px 1px 7px 0.56px rgba(0, 0, 0, 0.2) inset;}
#sub.step2 .editTool .optionBox .optionCon .option_list .required_wrap > p input[type="checkbox"]:checked + label:after {left: 103%;transform: translateX(-100%);} */

#sub.step2 .editTool .sctPerson {
	opacity: 1;
	display: block;
	position: absolute;
	left: 0;
	top: -36px;
	width: 100%;
	text-align: center;
}

#sub.step2 .editTool.sealAdd .sctPerson {
	display: inline-block;
	left: auto;
	right: 0;
	transform: translate(50%, 0);
	width: auto;
}

#sub.step2 .editTool.seal2 .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;
	cursor: pointer;
}

#sub.step2 .editTool.sealAdd .sctPerson span {
	min-width: 35px;
}

#sub.step2 .editTool.seal2 .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.seal2 .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 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: 40px;
	line-height: 40px;
	font-size: 1.3rem;
	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: 20px;
}

#sub.step2 .editTool .optionBox .optionCon .option_list .type_util .btn_wrap .btns {
	height: 50px;
	line-height: 50px;
	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.editTool.waterMark .editBox {
	padding: 0;
}

#sub.step2 .editTool .editBox .edit_del {
	position: absolute;
	right: -20px;
	top: 50%;
	margin-top: -8px;
}

#sub.step2 .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 .sign_box i,
#sub.step2 .checkBox .chk i {
	position: absolute;
	display: block;
	left: -4px;
	top: -7.5px;
	width: 15px;
	height: 15px;
	line-height: 15px;
	font-size: 9px;
	color: #fff;
	background-color: #7a8287;
	border-radius: 50%;
	text-align: center;
	z-index: 1;
}

#sub.step2 .textBox.active .editBox {
	background-color: #fff;
}

#sub.step2 .textBox .editBox .editCon {
	width: 100%;
	height: 100%;
}

#sub.step2 .textBox textarea {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 12pt;
	border: none;
	resize: none;
	background-color: transparent;
}

#sub.step2 .textBox p {
	color: #BCBCC2;
	font-size: 10pt;
	padding-left: 5px;
	line-height: 1
}

#sub.step2 .textBox .editBox .edit_copy {
	position: absolute;
	right: 0;
	bottom: -23px;
	display: block;
	width: 33px;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	font-weight: 500;
	color: #fff;
	background-color: #030918;
	border-radius: 5px;
	text-align: center;
}

/* #sub.step2 .textBox textarea::placeholder { font-size:12pt; }
#sub.step2 .textBox textarea::-webkit-input-placeholder { font-size:12pt; } */

*

/* editBox - textBox */
* #sub.step2 .mass .editBox {
	height: 20px;
}

#sub.step2 .mass.active .editBox {
	background-color: #fff;
}

#sub.step2 .mass .editBox .editCon {
	width: 100%;
	height: 100%;
}

#sub.step2 .mass textarea {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 10pt;
	border: none;
	resize: none;
	background-color: transparent;
}

#sub.step2 .mass textarea::placeholder {
	font-size: 10pt;
}

#sub.step2 .mass textarea::-webkit-input-placeholder {
	font-size: 10pt;
}


/* editBox - checkBox */
#sub.step2 .editTool.checkBox {
	width: max-content;
}

#sub.step2 .editTool.checkBox .editBox {
	padding: 0;
	font-size: 0;
	border: none;
	background-color: transparent;
}

#sub.step2 .checkBox .editBox .edit_del {
	right: -4px;
	top: 4px;
}

#sub.step2 .checkBox .chk {
	position: absolute;
	display: inline-block;
	margin-left: 0;
}

#sub.step2 .checkBox .chk:first-of-type {
	margin-left: 0;
}

#sub.step2 .checkBox .chk i {
	position: absolute;
	display: block;
	left: -4px;
	top: -7.5px;
	width: 15px;
	height: 15px;
	line-height: 15px;
	font-size: 9px;
	color: #fff;
	background-color: #7a8287;
	border-radius: 50%;
	text-align: center;
	z-index: 1;
}

#sub.step2 .checkBox .chk input[type="checkbox"] {
	display: inline-block;
	position: absolute;
	left: -9999px;
	opacity: 0;
	visibility: hidden;
	width: 1px;
	height: 1px;
	filter: alpha(opacity=0);
	-ms-filter: alpha(opacity=0);
	overflow: hidden;
}

#sub.step2 .checkBox .chk label {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 5px;
	background-color: #dbdfe2;
	cursor: pointer;
	padding-left: 0;
	line-height: unset;
}

#sub.step2 .checkBox .chk label:before {
	display: none;
}

#sub.step2 .checkBox .chk input[type="checkbox"]:checked+label {
	background-color: #1560fd;
	background-image: url(/resource/image/step2_edit_check.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

/* editBox - selectBox */
#sub.step2 .selectBox .editBox {
	width: 220px;
	padding: 0;
	border-radius: 5px;
	height: auto !important;
}

#sub.step2 .selectBox.active .editBox {
	background-color: #fff;
}

#sub.step2 .selectBox .editBox .edit_del {
	top: 21px;
}

#sub.step2 .selectBox .editCon {
	/* background-color:#fff; */
	border-radius: 5px;
	box-shadow: 0px 0px 7.28px 0.72px rgba(0, 0, 0, 0.15);
	box-sizing: border-box;
}

#sub.step2 .selectBox .editCon>a {
	position: relative;
	display: block;
	padding: 0 15px;
	width: 100%;
	height: 43px;
	line-height: 43px;
	font-size: 1.3rem;
	font-weight: 500;
	box-sizing: border-box;
	color: #1560fd;
	margin-right: 15px;
}

#sub.step2 .selectBox .editCon>a:before {
	content: '';
	position: absolute;
	right: 15px;
	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 .selectBox .editCon>ul {
	display: none;
	width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
}

#sub.step2 .selectBox.active .editCon>ul {
	display: block;
}

#sub.step2 .selectBox .editCon>ul>li {
	position: relative;
	border-top: 1px solid #e2e7ea;
}

#sub.step2 .selectBox .editCon>ul>li>.sct_option {
	display: block;
	width: calc(100% - 33px);
	height: 43px;
	line-height: 43px;
	font-size: 1.3rem;
	color: #929ca1;
}

#sub.step2 .selectBox .editCon>ul>li>.sct_del {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -10px;
	width: 33px;
	height: 20px;
	line-height: 20px;
	background-color: #ddd;
	text-align: center;
	font-size: 11px;
	font-weight: 500;
	color: #fff;
	border-radius: 5px;
}

/* editBox - imageUpload */
#sub.step2 .imageUpload .editBox {
	padding: 14px;
}

#sub.step2 .imageUpload .editBox .edit_del {
	right: -8px;
	top: 0;
}

#sub.step2 .imageUpload .editBox .editCon {
	width: 100%;
	height: 100%;
}

/* editBox - sealAdd */
#sub.step2 .sealAdd {
	left: auto;
	right: 0;
	top: 400px;
}

#sub.step2 .sealAdd .editBox {
	padding: 0px;
	padding-right: 0;
	border-radius: 0;
}


#sub.step2 .sealAdd .editBox .edit_del {
	right: auto;
	left: -8px;
	top: 0;
}

#sub.step2 .seal2 {
	display: none;
}

/* editBox - signatory */
#sub.step2 .signSet .editBox {
	min-width: 175px;
	min-height: 54px;
	padding: 20px 10px;
	border-radius: 10px;
	box-sizing: border-box;
}

#sub.step2 .signSet.active .editBox {
	background-color: #fff;
}

#sub.step2 .signSet .editBox p {
	font-size: 12px;
	font-weight: 500;
	line-height: 1.3;
}

#sub.step2 .signSet .editBox p b {
	font-weight: 500;
}

#sub.step2 .signSet .editBox .edit_copy {
	position: absolute;
	right: 0;
	bottom: -23px;
	display: block;
	width: 33px;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	font-weight: 500;
	color: #fff;
	background-color: #030918;
	border-radius: 5px;
	text-align: center;
}


/* popup */
.popup.toolPop .top {
	margin-bottom: 20px;
}

.popup.toolPop .top strong {
	display: block;
	font-size: 2rem;
	font-weight: 700;
	color: #242940;
	line-height: 1;
}

.filePop .file_add {
	display: block;
	height: 50px;
	line-height: 50px;
	background-image: url(/resource/image/btn_bk.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 5px;
	text-align: center;
}

.filePop .file_add span {
	position: relative;
	display: inline-block;
	padding-right: 22px;
	font-size: 1.4rem;
	font-weight: 500;
	color: #fff;
}

.filePop .file_add span:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -9.5px;
	width: 19px;
	height: 19px;
	background-image: url(/resource/image/step2_request_ico.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.filePop .mid ul {
	max-height: 563px;
	margin-right: -30px;
	padding-right: 30px;
	box-sizing: border-box;
}

.filePop .mid ul .mCSB_inside>.mCSB_container {
	padding-right: 20px;
	margin-right: 10px !important;
}

.filePop .mid ul li {
	position: relative;
	margin-top: 23px;
}

.filePop .mid ul li:first-of-type {
	margin-top: 18px;
}

.filePop .mid ul li .file_tit {
	position: relative;
}

.filePop .mid ul li .file_tit em {
	display: block;
	font-size: 1.4rem;
	font-weight: 500;
	color: #1560fd;
	line-height: 1;
}

.filePop .mid ul li .file_tit .required_wrap {
	position: absolute;
	right: 0;
	bottom: -4px;
}

.filePop .mid ul li .file_tit .required_wrap p {
	font-size: 1.3rem;
	font-weight: 700;
	height: 20px;
	line-height: 20px;
}

.filePop .mid ul li .file_tit .required_wrap input[type="checkbox"] {
	width: 0;
	height: 0;
	visibility: hidden;
	opacity: 0;
}

.filePop .mid ul li .file_tit .required_wrap label {
	position: relative;
	display: inline-block;
	text-indent: -9999px;
	width: 42px;
	height: 20px;
	background-color: #ddd;
	border-radius: 100px;
	cursor: pointer;
}

.filePop .mid ul li .file_tit .required_wrap input[type="checkbox"]:checked+label {
	background-color: #1560fd;
	box-shadow: 2px 1px 7px 0.56px rgb(0 0 0 / 20%) inset;
}

.filePop .mid ul li .file_tit .required_wrap label:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	background-color: #fff;
	border-radius: 20px;
	box-shadow: 0px 0px 7.28px 0.72px rgb(11 50 132 / 25%);
	transition: 0.3s;
}

.filePop .mid ul li .file_tit .required_wrap input[type="checkbox"]:checked+label:after {
	left: 103%;
	transform: translateX(-100%);
}

.filePop .mid ul li .file_con {
	position: relative;
	margin-top: 10px;
}

.filePop .mid ul li .file_con input[type="text"] {
	margin-top: 5px;
	font-size: 1.4rem;
	width: 100%;
	height: 100%;
	line-height: 43px;
	padding: 0 14px;
	height: 45px;
	border: 1px solid #e2e7ea;
	border-radius: 5px;
	overflow: hidden;
	background: #f9fcfd;
}

.filePop .mid ul li .file_con input:focus {
	background: #fff;
}

.filePop .mid ul li .file_con input[type="text"]:first-of-type {
	margin-top: 0;
}

.filePop .mid ul li .file_con input[type="text"]::placeholder {
	color: #929ca1;
	font-size: 1.4rem;
}

.filePop .mid ul li .file_con input[type="text"]::-webkit-input-placeholder {
	color: #929ca1;
	font-size: 1.4rem;
}

.filePop .mid ul li .file_con input[type="text"]:-moz-placeholder {
	color: #929ca1;
	font-size: 1.4rem;
}

.filePop .mid ul li .file_con input[type="text"]:-ms-input-placeholder {
	color: #929ca1;
	font-size: 1.4rem;
}

.filePop .mid ul li .file_con span {
	display: block;
	margin-top: 5px;
	font-size: 1.4rem;
	width: 100%;
	height: 100%;
	line-height: 43px;
	padding: 0 14px;
	height: 45px;
	border: 1px solid #e2e7ea;
	background-color: #f9fcfd;
	border-radius: 5px;
	overflow: hidden;
	box-sizing: border-box;
}

.filePop .mid ul li .file_con span:first-of-type {
	margin-top: 0;
}

.filePop .mid ul li .file_con input[type="file"] {
	visibility: hidden;
	position: absolute;
	left: -999px;
}

.filePop .mid ul li .file_del {
	position: absolute;
	right: -20px;
	top: 50%;
	margin-top: -8px;
}

#layoutLoad .mid ul li {
	margin-top: 10px;
}

#layoutLoad .mid ul li:first-of-type {
	margin-top: 0;
}

#layoutLoad .mid ul li a {
	display: block;
	padding: 0 15px;
	height: 70px;
	background-color: #f9fcfd;
	border: 1px solid #e2e7ea;
	border-radius: 5px;
	box-sizing: border-box;
	transition: all 0.2s;
}

#layoutLoad .mid ul li a:hover,
#layoutLoad .mid ul li a.on {
	border: 1px solid #1560fd;
}

#layoutLoad .mid ul li .layout_tit {
	position: relative;
	padding-right: 36px;
}

/*
#layoutLoad .mid ul li .layout_tit:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 36px;
	height: 36px;
	background-color: #0e101f;
	border-radius: 5px;
	background-image: url(/resource/image/step2_layout_pop_ico01.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	box-shadow: 5px 0px 10px 0px rgba(140, 140, 140, 0.22);
}
*/

#layoutLoad .mid ul li .layout_tit em {
	display: block;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.2;
}

#layoutLoad .mid ul li .layout_tit p {
	font-size: 1.2rem;
	color: #666;
	font-family: 'Poppins', sans-serif;
	line-height: 1;
	margin-top: 8px;
}


/*preview*/
#sub.preview #sub_header {
	width: 100%;
	height: 70px;
}

#sub.preview #sub_header .left_title {
	background: #000;
	color: #fff;
	text-align: center;
	max-width: 150px;
	width: 100%;
	height: 70px;
	line-height: 70px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	font-size: 1.5rem;
	font-weight: 600;
}

#sub.preview #sub_header .center_title {
	text-align: center;
	color: #1560fd;
	font-size: 1.8rem;
	font-weight: 600;
	width: calc(100% - 150px);
	height: 70px;
	line-height: 70px;
}

#sub.preview .con_wrap .inner {
	margin-top: 20px;
}

#sub.preview.step2 .con_wrap .left {
	max-width: 200px;
}

#sub.preview .left .preview_list {
	text-align: center;
	padding: 30px 15px;
	min-height: 1377px;
	max-height: 1377px;
	overflow: hidden;
}

#sub.preview .left .preview_list p {
	font-size: 1.8rem;
	line-height: 32px;
}

#sub.preview .left .preview_list p b span {
	color: #1560fd;
}

#sub.preview .left .preview_list p b em {
	font-size: 1.5rem;
}

/*
#sub.preview .left .preview_list ul {margin-top:10px;}
*/
#sub.preview .left .preview_list .small_list_wrap {
	margin-top: 10px;
	overflow-y: auto;
	max-height: 1250px;
	padding: 0 15px 15px;
}

#sub.preview .left .preview_list .small_list_wrap::-webkit-scrollbar {
	opacity: 0;
	width: 0px;
}

#sub.preview .left .preview_list .small_list_wrap::-webkit-scrollbar-thumb {
	opacity: 0;
	width: 0;
}

#sub.preview .left .preview_list .small_list_wrap::-webkit-scrollbar-track {
	opacity: 0;
	width: 0;
}

#sub.preview .left .preview_list ul li {
	margin-top: 15px;
}

#sub.preview .left .preview_list ul li:first-child {
	margin-top: 0;
}

#sub.preview .left .preview_list ul li a {
	position: relative;
	display: block;
	box-sizing: border-box;
	border: 1px solid #e2e7ea;
	transition: all .4s;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
}

#sub.preview .left .preview_list ul li.active a {
	border: 1px solid #1560fd;
}

#sub.preview .left .preview_list ul li .num {
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 22px;
	height: 22px;
	line-height: 21px;
	color: #fff;
	background: #d1d6d9;
	border-radius: 22px;
	font-size: 1.2rem;
	transition: all .4s;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
}

#sub.preview .left .preview_list ul li.active .num {
	background: #1560fd;
}

#sub.preview .left .preview_list ul li .imgs {
	max-width: 138px;
	max-height: 178px;
	width: 100%;
	height: 100%;
}

#sub.preview .left .preview_list ul li .imgs img {
	width: 100%;
	height: 100%;
}

#sub.step2.preview .pdf_util {
	bottom: inherit;
	top: -130px;
}

#sub.step2.preview .canvas_wrap {
	height: 1230px;
}

#sub.step2.preview .con_wrap .right {
	width: calc(100% - 220px);
}

#sub.step2.preview .box .canvas_wrap .scale_wrap .img_wrap {
	padding-top: 77.5px;
}

#sub.step2 .canvas_wrap .scale_wrap div canvas {
	margin-left: 10px;
	margin-top: 0;
}

#sub.step2 .canvas_wrap .scale_wrap div canvas:first-child {
	margin-left: 0;
}

#sub.preview #preview {
	padding-top: 60px;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px;
}

#sub.preview #preview img {
	width: auto;
	max-width: 100%;
}

/* 02_인증서관리 */
#sub.certifi .top_box .col {
	height: 303px;
	text-align: center;
}

#sub.certifi .top_box .img img {
	width: 100px;
}

#sub.certifi #state_wait .img img {
	width: 95px;
}

#sub.certifi #state_wait2 .img img {
	width: 85px;
}

#sub.certifi #state_done .img img {
	width: 100px;
}

#sub.certifi .top_box .col .txt {
	margin-top: 20px;
}

#sub.certifi .top_box .col .txt p {
	font-size: 1.4rem;
	color: #888;
	line-height: 1.5;
}

#sub.certifi .top_box .btn_wrap {
	margin-top: 30px;
}

#sub.certifi .top_box .btn_wrap .btns {
	width: 290px;
}

#sub.certifi #certifi_exist .cols .col .col-wrap .col {
	padding: 30px 20px;
}

#sub.certifi #certifi_exist .cols .col-4 {
	margin-top: 2%;
	border: 1px solid #f0f0f0;
}

#sub.certifi #certifi_exist .col-wrap {
	margin-top: -2%;
}

#sub.certifi #certifi_exist .tit em {
	display: block;
	font-size: 1.6rem;
	font-weight: 900;
}

#sub.certifi #certifi_exist .cont {
	margin-top: 20px;
}

#sub.certifi #certifi_exist .cont ul li {
	margin-top: 5px;
	font-size: 1.3rem;
	border-radius: 10px;
	border: 1px solid #e1e8eb;
	box-sizing: border-box;
}

#sub.certifi #certifi_exist .cont ul li:first-child {
	margin-top: 0;
}

#sub.certifi #certifi_exist .cont em {
	display: block;
	font-weight: 500;
}

#sub.certifi #certifi_exist .cont span {
	display: block;
	font-weight: 700;
}

#sub.certifi #certifi_exist .cont .date {
	padding: 15px;
	background-color: #f7f9fa;
}

#sub.certifi #certifi_exist .cont .date>div {
	position: relative;
	float: left;
	width: 50%;
	text-align: center;
}

#sub.certifi #certifi_exist .cont .date>div:first-child:before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	margin-top: -20px;
	width: 1px;
	height: 40px;
	background: #c6ced4;
}

#sub.certifi #certifi_exist .cont .date span {
	font-size: 1.6rem;
	color: #0060ff;
	line-height: 1.4;
}

#sub.certifi #certifi_exist .cont .con {
	padding: 12px 15px;
}

#sub.certifi #certifi_exist .cont .con em {
	float: left;
	width: 50px;
	color: #3771fd;
}

#sub.certifi #certifi_exist .cont .con span {
	float: right;
	width: calc(100% - 50px);
	width: -webkit-calc(100% - 50px);
	width: -moz-calc(100% - 50px);
	text-align: right;
}

#sub.certifi #certifi_exist .btn_wrap {
	margin-top: 25px;
}

#sub.certifi #certifi_exist .btn_wrap .btns {
	width: 130px;
	height: 45px;
	line-height: 45px;
	font-size: 14px;
}

#sub.certifi #certifi_exist .end {
	background-color: #f7f9fa;
	color: #bbbbbb;
	box-shadow: none;
}

#sub.certifi #certifi_exist .end em {
	color: #bbbbbb !important;
}

#sub.certifi #certifi_exist .end span {
	color: #999999 !important;
}

#sub.certifi #certifi_exist .end a {
	margin-left: 0;
	background: #e9ebee;
	color: #a7aeb8;
	box-shadow: none;
	cursor: initial;
	font-weight: 500;
}

#sub.certifi #state_done .col .txt p {
	font-size: 2rem;
	font-weight: 700;
	color: #333;
}

#sub.wide_wrap .con_wrap {
	padding: 60px;
}

#sub.wide_wrap .con_wrap .box {
	padding: 50px 20px;
}

#sub.wide_wrap .con_wrap .box>div {
	padding: 0;
	max-width: 700px;
	margin: 0 auto;
}

#sub.wide_wrap .con_wrap .box .ip_wrap {
	margin-top: 20px;
}

#sub.wide_wrap .con_wrap .box .ip_wrap:first-type-of {
	margin-top: 0;
}

/* 인증서관리 > 인증서 신청 */
#sub.ctf_form .btn_wrap .btns {
	width: 100%;
	max-width: 290px;
}

#sub.ctf_form .ip_box.hrf {
	margin-left: -2%;
}

#sub.ctf_form .ip_box.hrf input {
	display: block;
	float: left;
	width: 48%;
	margin-left: 2%;
}

#sub.ctf_form .addr {
	position: relative;
}

#sub.ctf_form .addr em {
	position: absolute;
	top: 50%;
	left: 15px;
	display: block;
	margin-top: -11px;
	font-size: 1.4rem;
	font-weight: 700;
	color: #4468f9;
}

#sub.ctf_form .addr input[type=text] {
	padding: 0 65px;
	box-sizing: border-box;
}

#sub.ctf_form .addr input[type=button] {
	position: absolute;
	top: 50%;
	right: 5px;
	display: block;
	margin-top: -18px;
	width: 75px;
	height: 36px;
	line-height: 36px;
	font-size: 12px;
	font-weight: 500;
	color: #fff;
	border-radius: 10px;
	background: rgb(24, 27, 45);
	background: linear-gradient(180deg, rgba(24, 27, 45, 1) 0%, rgba(3, 3, 3, 1) 100%);
}

#sub.ctf_form .guide {
	margin-top: 20px;
	padding: 20px;
	border-radius: 10px;
	border: 1px solid #f4e8e8;
	background: #fcf9f9;
	box-sizing: border-box;
}

#sub.ctf_form .guide ul li:first-child {
	margin-top: 0;
}

#sub.ctf_form .guide ul li {
	margin-top: 5px;
	line-height: 1.4;
	font-size: 1.3rem;
	color: #e02430;
}

#sub.ctf_form .ip_box .mg {
	margin-top: 10px;
}

#sub.ctf_form .ani-2 {
	z-index: 2;
}

#sub.ctf_form .ani-3 {
	z-index: 1;
}

/* 인증서관리 > 인증서 대기 */
#sub.ctf_wait .title .tip {
	position: relative;
	top: -6px;
	left: 13px;
	display: inline-block;
	width: 70px;
	height: 30px;
	line-height: 30px;
	font-size: 1.3rem;
	font-weight: 500;
	color: #fff;
	border-radius: 5px;
	background: #186ffe;
	text-align: center;
	letter-spacing: 0;
}

#sub.ctf_wait .title .tip:before {
	content: '';
	position: absolute;
	top: 50%;
	left: -10px;
	display: block;
	margin-top: -6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 10px 6px 0;
	border-color: transparent #186ffe transparent transparent;
}

#sub.ctf_wait .top_box .col {
	height: auto;
}

#sub.ctf_wait .top_box .img {
	margin-top: 70px;
}

#sub.ctf_wait .top_box .btn_wrap {
	margin-top: 50px;
}

#sub.ctf_wait .top_box .btn_wrap .btns {
	width: 100%;
	max-width: 340px;
	height: 65px;
	line-height: 65px;
	font-weight: 700;
}


/* quick */
#quick {
	position: fixed;
	left: 24px;
	bottom: 26px;
	z-index: 999
}

#quick .quick_ico>a {
	display: block;
	width: 55px;
	height: 55px;
	padding: 13px 0;
	border-radius: 100%;
	background: linear-gradient(to bottom, #4d6ff9 0%, #3058f8 80%, #254ff8 100%);
	box-shadow: 0px 2px 11.83px 1.17px rgba(55, 93, 249, 0.23);
	text-align: center;
	box-sizing: border-box;
}

#quick .quick_ico>a img {
	width: 21px;
	height: 29px;
	box-shadow: 2px 2px 3.64px 0.36px rgba(44, 48, 63, 0.45);
}

#quick .modal_wrap {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 280px;
	border-radius: 20px;
	background-color: #fff;
	border: 1px solid #1560fd;
	box-sizing: border-box;
	box-shadow: 0px 2px 11.83px 1.17px rgba(55, 93, 249, 0.23);
}

#quick .modal_inner {
	padding: 20px;
	text-align: left;
}

#quick .modal_close {
	position: absolute;
	left: 15px;
	top: 15px;
	display: block;
}

#quick .modal_close img {
	width: 16px;
	height: 16px;
}

#quick .txt_wrap span {
	display: block;
	color: #666;
	text-align: right;
	font-size: 1.2rem;
	cursor: pointer;
}

#quick .txt_wrap .txt_tit {
	font-size: 2.5rem;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
}

#quick .txt_wrap .txt_tit.en {
	margin-left: 10px;
}

#quick .txt_wrap .txt_tit em {
	display: inline-block;
	font-size: 3rem;
	font-weight: 900;
	margin-top: 5px;
	color: #395ff8;
	line-height: 1;
	letter-spacing: -2px;
}

#quick.alert .txt_wrap .txt_tit em {
	color: #FF5944;
}

#quick .txt_wrap .txt_alert {
	display: none;
	text-align: center;
	background: #F7F9FA;
	font-size: 1.3rem;
	margin-top: 10px;
}

#quick.alert .txt_wrap .txt_alert {
	display: block;
}

#quick .txt_wrap .txt_con {
	margin-top: 15px;
}

#quick .txt_wrap .txt_con .text_count {
	display: none;
	justify-content: space-between;
}

#quick .txt_wrap .txt_con .text_count em {
	font-weight: 900;
	color: #395ff8;
	font-size: 1.8rem;
}

#quick.detail .txt_wrap .txt_con .text_count {
	display: flex;
}


#quick .btn {
	display: block;
	font-size: 1.6rem;
	font-weight: 500;
	color: #fff;
	margin: 13px auto 0;
	width: 100%;
	border-radius: 10px;
	height: 50px;
	line-height: 50px;
	background: linear-gradient(to bottom, #4d6ff9 0%, #3058f8 80%, #254ff8 100%);
	box-shadow: 0px 5px 10px 0px rgba(140, 140, 140, 0.22);
	text-align: center;
}

#quick .bl {
	background: linear-gradient(to bottom, #4d6ff9 0%, #3058f8 80%, #254ff8 100%);
	box-shadow: 0px 5px 10px 0px rgba(140, 140, 140, 0.22);
}

#quick .bk {
	background: linear-gradient(to bottom, rgb(43, 45, 60) 20%, rgb(13, 13, 13) 100%)
}

#quick .gr {
	background: linear-gradient(180deg, rgba(142, 142, 144, 1) 0%, rgba(114, 114, 116, 1) 100%);
}

#quick.detail .payment,
#quick.detail .close {
	display: block;
}

/* 서명인증서관리 > 서명관리 */

#sub .draw_canvas {
	position: relative;
	box-sizing: border-box;
	width: 100%;
}

#sub .draw_canvas .draw .tit {
	background: url('/resource/image/mysign_ico01.svg') no-repeat top center;
	background-size: 75px 83px;
	text-align: center;
	padding-top: 100px;
	width: auto;
	position: absolute;
	top: 50%;
	margin-top: -62px;
	left: 50%;
	width: 180px;
	margin-left: -90px;
	z-index: 0;
}

#sub .draw_canvas .draw {
	position: relative;
	width: 100%;
	padding: 0;
}

#sub .draw_canvas .draw .box {
	box-shadow: 1px 0px 13px rgb(0 0 0 / 7%);
	padding: 0;
}

#sub .draw_canvas .canvas3 .tit {
	background: url('/resource/image/mysign_ico01.svg') no-repeat top center;
	background-size: 75px 83px;
	text-align: center;
	padding-top: 100px;
	width: auto;
	position: absolute;
	top: 50%;
	margin-top: -62px;
	left: 50%;
	width: 180px;
	margin-left: -90px;
	z-index: 0;
}

#sub .draw_canvas .canvas3 {
	position: relative;
	width: 100%;
	padding: 0;
}

#sub .draw_canvas .canvas3 .box {
	box-shadow: 1px 0px 13px rgb(0 0 0 / 7%);
	padding: 0;
}

#sub .draw_canvas #canvas1 {
	width: 100%;
	height: 515px;
	z-index: 200;
	top: 0%;
	left: 0;
	position: relative;
}

#sub .draw_canvas .btns {
	max-width: 200px;
	width: 100%;
}

#sub .draw_canvas .btn_wrap input[type="text"] {
	max-width: 295px;
	color: #111;
	font-size: 1.4rem;
	font-weight: 500;
}

#sub .draw_canvas .btn_wrap input[type="text"]::placeholder {
	font-weight: 400;
}

#sub .draw_canvas .canvas2 {
	display: none;
}

#sub .draw_canvas .canvas2 .top {
	text-align: center;
	padding: 20px 0;
}

#sub .draw_canvas .canvas2 .top p {
	font-size: 1.8rem;
	font-weight: 500;
}

#sub .draw_canvas .ip_box {
	position: relative;
}

#sub .draw_canvas .ip_box input {
	height: 60px;
	padding: 0 10px;
	border: 1px solid #e2e7ea;
	box-sizing: border-box;
	border-radius: 10px;
	color: #1560fd;
	font-size: 1.4rem;
	background: #f4f7f9;
}

#sub .draw_canvas .ip_box input:focus {
	background: #fff;
}

#sub .draw_canvas .ip_box input::placeholder {
	color: #929ca1;
}

#sub .draw_canvas .canvas2 .top .ip_box {
	max-width: 800px;
	width: 100%;
	margin: 10px auto 0;
}

#sub .draw_canvas .canvas2 .top .ip_box a {
	display: block;
	position: absolute;
	right: 10px;
	top: 50%;
	width: 60px;
	height: 35px;
	line-height: 34px;
	color: #fff;
	font-weight: 400;
	font-size: 1.3rem;
	border-radius: 7px;
	margin-top: -17.5px
}

#sub .draw_canvas .canvas2 .bot ul {
	margin-left: -1%;
	width: 101%;
	margin-top: -1%;
	box-sizing: border-box;
}

#sub .draw_canvas .canvas2 .bot ul li {
	float: left;
	width: 24%;
	margin-left: 1%;
	margin-top: 1%;
}

#sub .draw_canvas .canvas2 .bot ul li a {
	display: table;
	height: 170px;
	text-align: center;
	box-sizing: border-box;
	transition: all .4s;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	border: 2px solid #eee;
	box-shadow: 0px 1px 10px 1px rgb(0 0 0 / 8%);
	border-radius: 10px;
}

#sub .draw_canvas .canvas2 .bot ul li a.on {
	border-color: #1560fd;
}


#sub .draw_canvas .canvas3 {
	display: none;
}

#sub .draw_canvas .canvas3 .top {
	text-align: center;
	padding: 20px 0;
}

#sub .draw_canvas .canvas3 .top p {
	font-size: 1.8rem;
	font-weight: 500;
}

#sub .draw_canvas .canvas3 .top .ip_box {
	max-width: 800px;
	width: 100%;
	margin: 10px auto 0;
}

#sub .draw_canvas .canvas3 .top .ip_box a {
	display: block;
	position: absolute;
	right: 10px;
	top: 50%;
	width: 60px;
	height: 35px;
	line-height: 34px;
	color: #fff;
	font-weight: 400;
	font-size: 1.3rem;
	border-radius: 7px;
	margin-top: -17.5px
}

#sub .draw_canvas .canvas3 .bot {
	height: 365px;
}

#sub .draw_canvas .canvas3 .bot ul {
	margin-left: -1%;
	width: 101%;
	margin-top: -1%;
	padding: 5px 20px;
	box-sizing: border-box;
}

#sub .draw_canvas .canvas3 .bot ul li {
	float: left;
	width: 15.6666%;
	margin-left: 1%;
	margin-top: 1%;
}

#sub .draw_canvas .canvas3 .bot ul li a {
	display: table;
	height: 170px;
	text-align: center;
	box-sizing: border-box;
	transition: all .4s;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	border-radius: 10px;
	border: 2px solid #eee;
	box-shadow: 0px 1px 10px 1px rgb(0 0 0 / 8%)
}

#sub .draw_canvas .canvas3 .bot ul li a.on {
	border-color: #1560fd;
}

#sub .draw_canvas .canvas3 input[type="file"] {
	visibility: hidden;
	position: absolute;
	left: -9999px;
}

#sub .draw_canvas .canvas3 label {
	cursor: pointer;
	display: block;
}

#sub .draw_canvas .canvas3 .mCSB_scrollTools {
	margin-top: 20px;
}


#sub .draw_canvas .makeStamp .tbc,
#sub .draw_canvas .uploadStamp .tbc {
	display: block
}

#sub .draw_canvas .makeStamp .bot {
	max-width: 100%;
	margin: 0 auto;
}

#sub .draw_canvas .makeStamp li {
	width: 32.3% !important;
	margin-left: 1% !important;
	overflow: hidden
}

#sub .draw_canvas .uploadStamp {
	display: none;
}

#sub .draw_canvas .uploadStamp .top {
	text-align: center;
	padding: 20px 0;
}

#sub .draw_canvas .uploadStamp .top p {
	font-size: 1.8rem;
	font-weight: 500;
}

#sub .draw_canvas .uploadStamp .top .ip_box {
	max-width: 800px;
	width: 100%;
	margin: 10px auto 0;
}

#sub .draw_canvas .uploadStamp .top .ip_box a {
	display: block;
	position: absolute;
	right: 10px;
	top: 50%;
	width: 60px;
	height: 35px;
	line-height: 34px;
	color: #fff;
	font-weight: 400;
	font-size: 1.3rem;
	border-radius: 7px;
	margin-top: -17.5px
}

#sub .draw_canvas .uploadStamp .bot {
	max-width: 800px;
	margin: 0 auto;
}

#sub .draw_canvas .uploadStamp .bot .img_wrap {
	height: 290px;
	margin: 0 auto;
	border: 1px solid #eee;
	border-radius: 10px;
	box-shadow: 0px 1px 10px 1px rgb(0 0 0 / 8%);
}

#sub .draw_canvas .uploadStamp .bot .img_wrap .tit {
	background: url('/resource/image/mysign_ico01.svg') no-repeat center center;
	background-size: 75px 83px;
	text-align: center;
	padding-top: 116px;
	width: auto;
	position: absolute;
	top: 50%;
	margin-top: -40px;
	left: 50%;
	width: 260px;
	margin-left: -130px;
	z-index: 0;
}

#sub .draw_canvas .uploadStamp .bot .img_wrap .show_image {
	height: 100%;
	width: 100%;
	text-align: center;
}

#sub .draw_canvas .uploadStamp input[type="file"] {
	visibility: hidden;
	position: absolute;
	left: -9999px;
}

#sub .draw_canvas .uploadStamp label {
	cursor: pointer;
	display: block;
}

#sub .draw_canvas .uploadStamp .show_image img {
	display: block;
	max-width: 100%;
}

#sub .draw_canvas .uploadStamp .rotate {
	position: relative;
	margin-top: 15px;
}

#sub .draw_canvas .uploadStamp .rotate a.gr {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 85px;
	height: 35px;
	text-align: center;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 34px;
	border-radius: 5px;
}

#sub .draw_canvas .uploadStamp .rotate a.gr img {
	width: 15px;
	height: 16px;
	margin-top: -2px;
	margin-left: 2px;
}

#sub .draw_canvas .uploadStamp .rotate .rotate_bar {
	max-width: 575px;
	overflow: hidden;
}

#sub .draw_canvas .uploadStamp .rotate span {
	float: left;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 35px;
	width: 80px;
}

#sub .draw_canvas .uploadStamp .rotate .bar {
	width: 100%;
	max-width: 520px;
	float: left;
	height: 35px;
	position: relative;
}

#sub .draw_canvas .uploadStamp .rotate .bar:before {
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	height: 10px;
	background: #eee;
	border-radius: 10px;
	clear: both;
	content: '';
	display: block;
	margin-top: -4px;
	z-index: 1;
}

#sub .draw_canvas .uploadStamp .rotate .bar a {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	background: #1560fd;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	z-index: 2;
}

#sub .draw_canvas #resetBtn {
	z-index: 201;
	display: none;
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 90px;
	height: 35px;
	line-height: 35px;
	font-size: 1.3rem;
	color: #fff;
	font-weight: 500;
	text-align: center;
	border-radius: 5px;
	background: #6c7276;
	cursor: pointer;
}

.cropper-modal {
	opacity: 0;
}

.cropper-face {
	opacity: 0;
}

/* 서명관리 > 내서명/기업서명 공통 */
/* #sub.stamp .tb_wrap > ul > li.head > div.blank {height: 13px;}
#sub.stamp .tb_wrap > ul > li:not(.head) {margin-top: 10px; color: #555; font-weight: 400; height: auto;}
#sub.stamp .tb_wrap > ul > li > div:nth-child(1) {width: 1%;}
#sub.stamp .tb_wrap > ul > li > div:nth-child(2) {width: 28%;}
#sub.stamp .tb_wrap > ul > li > div:nth-child(3) {width: 20%;}
#sub.stamp .tb_wrap > ul > li > div:nth-child(4) {width: 20%;}
#sub.stamp .tb_wrap > ul > li > div:nth-child(5) {width: 13%;}
#sub.stamp .tb_wrap > ul > li > div:nth-child(6) {width: 15%;}
#sub.stamp .tb_wrap > ul > li > div:nth-child(7) {width: 9%;}
#sub.stamp .tb_wrap > ul > li:not(.head) > div {height: 80px;} */

#sub.stamp .list_wrap {
	margin-top: 20px;
}

#sub.stamp .list_wrap .title b {
	line-height: 1.3;
	font-weight: 500;
	height: auto;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: keep-all;
}

#sub.stamp .list_wrap .star {
	height: 25px;
	display: block;
	width: 22px;
	height: 21px;
	background: url('/resource/image/star_off.svg') no-repeat 0 0;
	background-size: 22px 21px;
	cursor: pointer;
}

#sub.stamp .list_wrap .star.on {
	background-image: url('/resource/image/star_on.svg');
}

#sub.stamp .list_wrap .btn {
	font-size: 0;
}

#sub.stamp .list_wrap .btn a {
	display: inline-block;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #b6bdc2;
	text-indent: -9999px;
	border-left: 1px solid #fff;
	box-sizing: border-box;
}

#sub.stamp .list_wrap .btn a:first-child {
	border-left: 0;
}

#sub.stamp .list_wrap .btn .download {
	background-image: url('/resource/image/download_ico.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 17px 16px;
}

#sub.stamp .list_wrap .btn .edit {
	background-image: url('/resource/image/edit_ico_w.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 14px 16px;
}

#sub.stamp .list_wrap .btn .remove {
	background-image: url('/resource/image/remove_ico.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 14px 16px;
}

#sub.stamp .list_wrap .btn a:hover {
	background-color: #1560fd;
}

#sub.stamp .list_wrap.list .btn a {
	margin-left: 5px;
	width: 50px;
	border-radius: 5px;
}

#sub.stamp .list_wrap.list .btn a:first-child {
	margin-left: 0;
}

#sub.stamp .list_wrap.list .img_box {
	padding: 0 1.5%;
	box-sizing: border-box;
}

#sub.stamp .list_wrap.list .img {
	padding: 5px;
	height: 55px;
	border: 1px solid #e3e8eb;
	border-radius: 10px;
	box-sizing: border-box;
	line-height: 40px;
}

#sub.stamp .list_wrap.list .img img {
	display: inline-block;
	height: 100%;
}

#sub.stamp .list_wrap.card .tb_wrap .tb {
	display: block;
	height: auto;
	width: auto;
	z-index: 10;
}

#sub.stamp .list_wrap.card .tb_wrap .tb .tbc {
	display: block;
	height: auto;
	width: auto;
}

#sub.stamp .list_wrap.card .tb_wrap .tb.none {
	display: none;
}

#sub.stamp .list_wrap.card .tb_wrap>ul {
	width: 101%;
	margin-top: -1%;
	margin-left: -1%;
}

#sub.stamp .list_wrap.card .tb_wrap>ul>li.head {
	display: none;
}

#sub.stamp .list_wrap.card .tb_wrap>ul>li {
	position: relative;
	float: left;
	padding: 0;
	/*width: 19%? !important;*/
	margin-left: 1%;
	margin-top: 1%;
	border-radius: 10px;
	border: 1px solid #e2e7ea;
	overflow: hidden;
	box-sizing: border-box;
	background: #fff !important;
}

#sub.stamp .list_wrap.card .tb_wrap>ul>li .tb:not(.title) {
	padding: 0 !important;
}

#sub.stamp .list_wrap.card .tb_wrap>ul>li .tb img {
	padding: 0 20px !important;
	max-width: 100%;
	box-sizing: border-box;
	width: 60%;
}

#sub.stamp .list_wrap.card .star_box {
	position: absolute;
	top: 15px;
	left: 15px;
}

#sub.stamp .list_wrap.card .none {
	display: none;
}

#sub.stamp .list_wrap.card .tb_wrap .tb.title,
#sub.stamp .list_wrap.card .tb_wrap .tb.img_box {
	width: 100%;
	height: 240px;
	display: table;
	width: 100%;
	height: 240px;
	box-sizing: border-box;
}

#sub.stamp .list_wrap.card .tb_wrap .tb.title .tbc,
#sub.stamp .list_wrap.card .tb_wrap .tb.img_box .tbc {
	display: table-cell;
	width: 100%;
	height: 100%;
}

#sub.stamp .list_wrap.card .tb_wrap .tb.title {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	text-align: center;
	padding-bottom: 15px;
}

#sub.stamp .list_wrap.card .tb_wrap .tb.title .tbc {
	vertical-align: bottom;
}

#sub.stamp .list_wrap.card .tb_wrap .tb.title b {
	-webkit-line-clamp: 1;
}

#sub.stamp .list_wrap.card .tb_wrap .tb.img_box {
	padding: 20px 10px 50px 10px;
}

#sub.stamp .list_wrap.card .tb_wrap .btn {
	width: 100%;
}

#sub.stamp .list_wrap.card .tb_wrap .btn a {
	display: block;
	float: left;
	width: 50%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #b6bdc2;
	text-indent: -9999px;
	border-left: 1px solid #fff;
	box-sizing: border-box;
}

#sub.stamp .list_wrap.card .tb_wrap .btn a:first-child {
	border-left: 0;
}

#sub.stamp .list_wrap.card .btn a:hover {
	background-color: #1560fd;
}

#sub.stamp .top_util {
	position: relative;
	font-size: 0;
	z-index: 1;
}

#sub.stamp .top_util .left_box a {
	position: relative;
	display: inline-block;
	padding: 0 25px;
	margin-left: 5px;
	width: 200px;
	height: 50px;
	line-height: 48px;
	border-radius: 10px;
	font-size: 1.4rem;
	font-weight: 500;
	color: #fff;
	text-align: left;
	box-sizing: border-box;
}

#sub.stamp .top_util .left_box a:before {
	content: '';
	position: absolute;
	top: 50%;
	right: 25px;
	display: block;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background-image: url('/resource/image/ico_plus.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

#sub.stamp .top_util .left_box a:first-child {
	margin-left: 0;
}

#sub.stamp .top_util .drp_wrap {
	position: absolute;
	top: 0;
	right: 0;
	width: 260px;
}

#sub.stamp .top_util .drp_wrap>a {
	color: #1560fd;
}

#sub.stamp .lst_wrap {
	margin-top: 20px;
}

/* #sub.stamp .col_box {height: 40px;} */
#sub.stamp .list_type {
	position: absolute;
	top: 0;
	right: 0;
}

.uploadStamp .cropper-wrap-box {
	background-color: #fff;
}

#sub .form_logo_box {
	height: 140px;
	margin-top: 20px;
}

/* 서명인증서관리 레이아웃 공통 */
#sub.manage .form-small .ip_wrap {
	margin: 20px 0;
}

#sub.manage .form-small .btn_wrap {
	margin-top: 0;
}

#sub.manage .form-small .btn_wrap .btns-1 {
	margin-top: 10px;
}

#sub.manage .form-small .btn_wrap .btns {
	box-shadow: 5px 5px 10px 0 rgba(141, 141, 141, 0.22);
}

#sub.manage .form-small .ip_wrap .ip_box {
	position: relative;
}

#sub.manage .form-small .ip_wrap .ip_box label {
	position: absolute;
	font-size: 1.3rem;
	font-weight: 600;
	left: 15px;
	top: 15px;
}

#sub.manage .form-small .ip_wrap .ip_box input {
	font-weight: 700;
}

/* 서명인증서관리 > 내 서명 */
#sub.makesigns .btm_util {
	margin-top: 30px;
}

#sub.makesigns .btn_wrap {
	margin-top: 30px;
}

#sub.makesigns .btn_wrap .btns {
	max-width: 290px;
}

#sub.makesigns .canvas {
	height: 515px;
}

/* 하단 셀렉트 + 인풋 텍스트 */
.btm_util .clear {
	width: 101%;
	margin-left: -1%;
	max-width: 550px;
	margin: 0 auto;
}

.btm_util .clear>div {
	float: left;
	margin-left: 1%;
}

.btm_util .clear .drp_wrap {
	width: 19%;
}

.btm_util .clear .txt_wrap {
	width: 100%;
}

.btm_util .clear .txt_wrap input[type=text] {
	display: block;
	padding: 0 15px;
	height: 48px;
	font-size: 1.4rem;
	font-weight: 500;
	border-radius: 10px;
	border: 1px solid #d2d8dc;
	box-sizing: border-box;
}

/* 계정 설정 > 기업정보 > 내부 결재 라인 관리 */
#sub.linelist .box_title {
	position: relative;
	padding-bottom: 10px;
	border-bottom: 1px solid #e1e4e7;
}

#sub.linelist .box_title h3 {
	height: 50px;
	line-height: 50px;
}

#sub.linelist .page_search {
	position: absolute;
	top: 0;
	right: 0;
}

#sub.linelist .tb_wrap {
	margin-top: 30px;
}

#sub.linelist .btm_box {
	margin-top: 20px;
}

#sub.linelist .tb_wrap>ul>li.head {
	margin-bottom: 15px;
}

#sub.linelist .tb_wrap>ul>li>div {
	padding-right: 0;
	padding: 0;
}

#sub.linelist .tb_wrap>ul>li:not(.head) .tb {
	height: 65px;
}

#sub.linelist .tb_wrap .chk_wrap {
	text-align: left;
}

#sub.linelist .tb_wrap .chk_wrap label {
	height: 25px;
	vertical-align: middle;
}

#sub.linelist .tb_wrap .chk_wrap em {
	display: inline-block;
	margin-left: 12px;
	vertical-align: middle;
}

#sub.linelist .tb_wrap>ul>li {
	margin-top: 10px;
	padding: 0 20px;
	box-sizing: border-box;
}

#sub.linelist .tb_wrap .info span {
	position: relative;
	display: inline-block;
	padding: 7px;
	vertical-align: middle;
	box-sizing: border-box;
}

#sub.linelist .tb_wrap .info span:before {
	content: '';
	position: absolute;
	top: 50%;
	left: -2px;
	display: block;
	width: 2px;
	height: 2px;
	border-radius: 2px;
	background: #555;
}

#sub.linelist .tb_wrap .info span:first-child:before {
	display: none;
}

#sub.linelist .tb_wrap .info .name {
	padding-left: 0;
}

#sub.linelist .tb_wrap .info .date {
	padding-right: 0;
}

#sub.linelist .tb_wrap .btn {
	display: inline-block;
	width: 36px;
	height: 36px;
	font-size: 0;
	color: transparent;
	border-radius: 5px;
	background-color: #b6bdc2;
	background-image: url('/resource/image/ico_edit2.png');
	background-position: center center;
	background-repeat: no-repeat;
}

#sub.linelist .tb_wrap .btn.view {
	background-image: url('/resource/image/ico_add2.png');
}

#sub.linelist .btn_wrap .btns {
	max-width: 290px;
}

/*220422*/
#sub.doc_manage .list_wrap.list .tb_wrap>ul>li:not(.head) div p {
	line-height: 1;
}

/*다른부분도 추후 적용*/
#sub.doc_manage .list_wrap.list .tb_wrap>ul>li:not(.head) div p a.dir:hover {
	text-decoration: underline;
}

#sub.doc_manage.template_idx .tb_wrap .btn_wrap {
	text-align: right;
}

#sub.doc_manage.template_idx .tb_wrap .btn_wrap .btns {
	text-align: center;
}

#sub .list_wrap.list .tb_wrap>ul>li:not(.head).mo_head>div {
	width: 100%;
}

#sub .list_wrap.list .tb_wrap>ul>li>div:not(.more_btn) {
	padding-left: 20px;
	box-sizing: border-box;
}

#sub .list_wrap.list .tb_wrap>ul>li>div:first-child {
	padding-left: 0;
}

#sub.linelist .tb_wrap>ul>li>div {
	padding-left: 10px !important;
	box-sizing: border-box;
}

#sub.linelist .tb_wrap>ul>li>div:first-child {
	padding-left: 0;
}

#sub.linelist .tb_wrap>ul>li.head>div:nth-child(1) {
	font-size: 0;
}

#sub.linelist .tb_wrap>ul>li.head>div:nth-child(1)>div,
#sub.linelist .tb_wrap>ul>li.head>div:nth-child(1)>a {
	display: inline-block;
	vertical-align: middle;
}

#sub.linelist .tb_wrap>ul>li.head>div:nth-child(1)>div {
	margin-left: 1px;
}

#sub.linelist .tb_wrap>ul>li.head>div:nth-child(1)>a {
	margin-left: 15px;
}

#sub.linelist .tb_wrap>ul>li.head>div:nth-child(4) {
	padding-right: 14px;
	box-sizing: border-box;
}

#sub.linelist .tb_wrap>ul>li>div:nth-child(1) {
	width: 49%;
}

#sub.linelist .tb_wrap>ul>li>div:nth-child(4) {
	text-align: right;
}

#sub.org_member .cols:first-child {
	margin-top: 0;
}


/*폴더 권한 설정 - 좌우 나뉜형태*/
#sub.fld_idx .fd_list .col {
	padding: 0;
	overflow: auto;
	display: table;
}

#sub.fld_idx .fd_list .col>div {
	box-sizing: border-box;
	float: none;
	display: table-cell;
}

#sub.fld_idx .fd_list .fd_left {
	height: 837px;
	width: 320px;
	padding: 45px 15px;
	border-radius: 20px 0 0 20px;
	background: #f7f9fa;
	border: 1px solid #e5eaed;
}

#sub.fld_idx .fd_list .fd_left input {
	min-width: 80px !important;
	max-width: 120px !important;
}

#sub.fld_idx .fd_list .fd_left>ul>li {
	margin-top: 5px;
}

#sub.fld_idx .fd_list .fd_left>ul>li div {
	font-size: 0
}

#sub.fld_idx .fd_list .fd_left>ul>li:first-child {
	margin-top: 0
}

#sub.fld_idx .fd_list .fd_left>ul>li a {
	white-space: nowrap;
	font-size: 1.4rem;
	font-weight: 500;
	color: #161616;
	line-height: 15px;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	line-height: 1.8;
	position: relative;
	margin-left: 0
}

#sub.fld_idx .fd_list .fd_left>ul>li a:first-child {
	margin-left: 0;
	padding: 0 2px;
}

#sub.fld_idx .fd_list .fd_left>ul>li a>img {
	width: 12px;
	margin-left: 5px;
	line-height: 100rem;
}

#sub.fld_idx .fd_list .fd_left>ul>li a.rename_node>img {
	width: 14px;
	margin-left: 5px;
	line-height: 200rem;
}

#sub.fld_idx .fd_list .fd_left>ul>li a.rename_node_fixed>img {
	width: 14px;
	margin-left: 5px;
	line-height: 200rem;
}

#sub.fld_idx .fd_list .fd_left>ul>li a.on {
	font-weight: 500;
	color: #242940;
}

#sub.fld_idx .fd_list .fd_left>ul>li a#create_node_anchor {
	font-weight: 500;
	color: #929ca1;
	font-weight: 400
}

#sub.fld_idx .fd_list .fd_left>ul>li>ul {
	box-sizing: border-box;
	margin-top: 5px;
}

#sub.fld_idx .fd_list .fd_left>ul>li>ul>li:first-child {
	margin-top: 5px;
}

#sub.fld_idx .fd_list .fd_left>ul>li>ul>li {
	margin-top: 5px;
}

#sub.fld_idx .fd_list .fd_left>ul>li>ul>li>ul {
	box-sizing: border-box;
}

#sub.fld_idx .fd_list .fd_left>ul>li>ul>li>ul>li {
	margin-top: 5px;
}

#sub.fld_idx .fd_list .fd_left>ul>li>ul>li>ul>li:first-child {
	margin-top: 5px;
}

#sub.fld_idx .fd_list .fd_right {
	width: calc(100% - 234px);
	width: -webkit-calc(100% - 234px);
	width: -moz-calc(100% - 234px);
	float: none;
	padding: 50px;
	display: table-cell;
}

#sub.fld_idx .fd_list .fd_right .sm_search {
	float: left
}

#sub.fld_idx .fd_list .fd_right .chk_wrap label:not(.comp_team_row, [for="chk_all"]):before {
	top: -10px !important;
}

#sub.grade_idx .tbw_list .col {
	padding: 0;
	overflow: hidden;
}

#sub.grade_idx .tbw_list .col>div {
	padding: 50px;
}

#sub.grade_idx .tbw_list .tit_tp {
	padding-bottom: 0;
	border: 0
}

#sub.grade_idx .tbw_list .btm_wrap {
	background: #f8f8f8
}

#sub.grade_idx .tbw_list .btm_wrap .ul_wrap {
	margin-top: 40px
}

#sub.grade_idx .tbw_list .btm_wrap .ul_wrap ul {
	width: 103%;
	margin-left: -3%
}

#sub.grade_idx .tbw_list .btm_wrap .ul_wrap ul:after {
	display: block;
	content: '';
	clear: both
}

#sub.grade_idx .tbw_list .btm_wrap .ul_wrap ul li {
	border: 1px solid #2168fd;
	background: #edf1f8;
	min-height: 246px;
	border-radius: 10px;
	padding: 35px 34px;
	padding-right: 10px;
	box-sizing: border-box;
	float: left;
	width: 30.333%;
	margin-left: 3%
}

#sub.grade_idx .tbw_list .btm_wrap .ul_wrap ul li>b {
	color: #2168fd;
	font-size: 1.8rem;
	font-weight: 700;
	display: block;
}

#sub.grade_idx .tbw_list .btm_wrap .ul_wrap ul li>div {
	margin-top: 13px;
}

#sub.grade_idx .tbw_list .btm_wrap .ul_wrap ul li>div p {
	margin-top: 6px;
	padding-left: 10px;
	font-size: 1.5rem;
	font-weight: 400;
	box-sizing: border-box;
	position: relative;
	color: #494b56
}

#sub.grade_idx .tbw_list .btm_wrap .ul_wrap ul li>div p img {
	margin-top: -2px
}

#sub.grade_idx .tbw_list .btm_wrap .ul_wrap ul li>div p:first-child {
	margin-top: 0;
}

#sub.grade_idx .tbw_list .btm_wrap .ul_wrap ul li>div p:before {
	width: 4px;
	height: 4px;
	content: '';
	position: absolute;
	left: 0;
	top: 10px;
	background: #2168fd;
	border-radius: 2px
}

#sub.grade_idx .tbw_list .btm_wrap .ul_wrap ul li:first-child {
	background: #2168fd;
	color: #fff;
}

#sub.grade_idx .tbw_list .btm_wrap .ul_wrap ul li:first-child>b {
	color: #fff
}

#sub.grade_idx .tbw_list .btm_wrap .ul_wrap ul li:first-child div p {
	color: #fff
}

#sub.grade_idx .tbw_list .btm_wrap .ul_wrap ul li:first-child div p:before {
	background: #fff
}

#sub.grade_idx .tbw_list .btm_wrap .ul_wrap ul li.whBg {
	background: #fff
}

#sub.grade_idx .tbw_list .tit_tp div {
	padding-top: 10px
}

/*컨텐츠 안 타이틀*/
#sub.fld_idx .tit_tp {
	padding-bottom: 22px;
	border-bottom: 1px solid #e3e6e9;
}

#sub.fld_idx .tit_tp>b {
	color: #242940;
	font-size: 2rem;
	font-weight: 700;
	display: block;
	line-height: 1.1;
}

#sub.fld_idx .tit_tp>div {
	padding-top: 20px
}

#sub.fld_idx .tit_tp>div b {
	color: #2168fd;
	font-size: 1.4rem;
	font-weight: 500;
	display: Block
}

#sub.fld_idx .tit_tp>div p {
	color: #2a2d41;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.2;
	position: relative;
	margin-top: 10px
}

#sub.fld_idx .tit_tp>div p:first-child {
	margin-top: 0
}

#sub.fld_idx .tit_tp>div p.bf {
	padding-left: 20px;
	box-sizing: border-box;
	margin-bottom: 10px
}

#sub.fld_idx .tit_tp>div p.bf:before {
	left: 0;
	top: 5px;
	width: 10px;
	height: 7px;
	background-image: url('/resource/image/ico_check_b.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	content: '';
	position: absolute
}

#sub.fld_idx .tit_tp>div br {
	display: none
}

#sub.fld_idx .tit_tp.bf {
	position: relative;
	padding-left: 60px;
	padding-bottom: 0;
	border-bottom: 0;
}

#sub.fld_idx .tit_tp.bf:before {
	position: absolute;
	width: 54px;
	height: 54px;
	content: '';
	left: 0;
	top: 50%;
	margin-top: -27px;
	background-image: url('/resource/image/imp_ico.png');
	;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto;
}

#sub.fld_idx .tit_tp.bf p {
	margin-top: 5px
}

#sub.fld_idx .sch_wrap {
	margin-top: 20px
}

#sub.fld_idx .sch_wrap:after {
	display: block;
	clear: both;
	content: '';
}

#sub.fld_idx .sch_wrap #sub.fld_idx .sm_search {
	float: left
}

#sub.fld_idx .sch_wrap .btn_wrap {
	float: right;
	max-width: 200px;
	margin-top: 0;
	width: 100%
}

/*테이블 내 svg*/
#sub.fld_idx .tb_wrap .svg {
	display: inline-block;
	vertical-align: middle;
	width: 12px;
	height: 12px;
	background-image: url('/resource/image/ico_check_b.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto
}

#sub.fld_idx .tb_wrap .svg.xico {
	background-image: url('/resource/image/x_ico.png');
}

#sub.fld_idx .tb_wrap .svg.crwn {
	background-image: url('/resource/image/crown_ico01.svg');
}

.svg.xico {
	background-image: url('/resource/image/x_ico.png');
}

#header .top .profile .txt em .svg.crwn {
	background-image: url('/resource/image/crown_ico01.svg');
	display: inline-block;
	vertical-align: middle;
	width: 17px;
	height: 13px;
	margin-left: 2px;
	margin-top: -6px;
}

/*컨텐츠 내 검색*/
#sub.fld_idx .sm_search {
	max-width: 310px;
	border-radius: 10px;
	border: 1px solid #eeeeee;
	padding-left: 20px;
	box-sizing: border-box;
	width: 100%;
	font-size: 0
}

#sub.fld_idx .sm_search div input[type="button"] {
	display: inline-block;
	vertical-align: middle;
	width: 22px;
	height: 50px;
	text-indent: -9999px;
	background-color: transparent;
	background-image: url('/resource/image/ico_search.svg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	cursor: pointer;
}

#sub.fld_idx .sm_search div input[type="text"] {
	display: inline-block;
	vertical-align: middle;
	width: 260px;
	border: none;
	padding-left: 10px;
	box-sizing: border-box;
	height: 50px;
	line-height: 46px;
}

#sub.fld_idx .sm_search div input[type="text"]:focus {
	outline: none;
}

#sub.fld_idx .sm_search div input[type="text"]::placeholder {
	color: #bfc5c9;
	font-size: 1.4rem;
	font-weight: 500
}

#sub.fld_idx .sm_search div input[type="text"]::-webkit-input-placeholder {
	color: #bfc5c9;
	font-size: 1.4rem;
	font-weight: 500
}

#sub.fld_idx .sm_search div input[type="text"]:-moz-placeholder {
	color: #bfc5c9;
	font-size: 1.4rem;
	font-weight: 500
}

#sub.fld_idx .sm_search div input[type="text"]:-ms-input-placeholder {
	color: #bfc5c9;
	font-size: 1.4rem;
	font-weight: 500
}

/*컨텐츠 내 테이블*/
#sub.fld_idx .tb_wrap .tc {
	text-align: center
}

#sub.fld_idx .tb_wrap .tr {
	text-align: right
}

#sub.fld_idx .tb_wrap {
	margin-top: 20px;
}

#sub.fld_idx .tb_wrap table {
	border-radius: 8px 8px 0 0;
	overflow: hidden;
}

#sub.fld_idx .tb_wrap thead {
	background: #2168fd
}

#sub.fld_idx .tb_wrap thead tr th {
	border-left: 1px solid #769ef2;
	box-sizing: border-box;
	border-top: 1px solid #769ef2;
	font-size: 0;
	padding: 10px 6px
}

#sub.fld_idx .tb_wrap thead tr th.bdl {
	border-left: 1px solid #769ef2;
	border-top: 1px solid #769ef2;
}

#sub.fld_idx .tb_wrap thead tr th b {
	display: inline-block;
	vertical-align: middle;
	font-weight: 500;
	line-height: 1.1;
	color: #fff;
	font-size: 1.3rem;
}

#sub.fld_idx .tb_wrap thead tr th .chk_wrap {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box
}

#sub.fld_idx .tb_wrap thead tr th .chk_wrap.cl_bk label {
	color: #fff;
	font-size: 1.3rem;
	padding-left: 30px
}

#sub.fld_idx .tb_wrap thead tr th .chk_wrap.cl_bk label:before {
	border-color: transparent
}

#sub.fld_idx .tb_wrap thead tr th .chk_wrap.cl_bk input[type="checkbox"]:checked+label {
	color: #fff
}

#sub.fld_idx .tb_wrap thead tr:first-child th {
	border-top: 0
}

#sub.fld_idx .tb_wrap thead th:first-child {
	border: 0;
}

#sub.fld_idx .tb_wrap tbody {
	border-bottom: 1px solid #d0d5d9;
}

#sub.fld_idx .tb_wrap tbody tr {
	border-top: 1px solid #d0d5d9;
	box-sizing: border-box;
}

#sub.fld_idx .tb_wrap tbody tr.admin_pt {
	border-left: 1px solid #d0d5d9;
}

#sub.fld_idx .tb_wrap tbody tr.trBl {
	border-color: #2168fd;
	background: #e9f4fb;
}

#sub.fld_idx .tb_wrap tbody tr.trBl th b {
	color: #1560fd;
	font-size: 1.4rem;
	font-weight: 700
}

#sub.fld_idx .tb_wrap tbody tr th {
	padding: 14px 20px;
	box-sizing: border-box;
	text-align: left;
}

#sub.fld_idx .tb_wrap tbody tr th.thBl {
	background: #e9f4fb;
}

#sub.fld_idx .tb_wrap tbody tr th.thBl b {
	color: #1560fd;
	font-size: 1.4rem;
	font-weight: 700
}

#sub.fld_idx .tb_wrap tbody tr td {
	padding: 14px 16px;
	box-sizing: border-box;
	border-left: 1px solid #d0d5d9
}

#sub.fld_idx .tb_wrap tbody tr td p {
	font-size: 1.4rem;
	font-weight: 400;
	color: #333;
	display: inline-block;
	vertical-align: middle;
}

#sub.fld_idx .tb_wrap tbody tr td .chk_wrap {
	display: inline-block
}

#sub.fld_idx .tb_wrap tbody tr td .crwn {
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
	width: 17px;
}

#sub.fld_idx .tb_wrap.narrow tbody tr th {
	padding: 10px 14px;
}

#sub.fld_idx .tb_wrap.narrow tbody tr td {
	padding: 10px 14px;
}

#sub.fld_idx .tb_wrap.sm_tb thead {
	background: #e7e9eb
}

#sub.fld_idx .tb_wrap.sm_tb thead tr th {
	border-color: #d0d5d9;
	padding: 8px 6px;
}

#sub.fld_idx .tb_wrap.sm_tb thead tr th:first-child {
	border-radius: 8px 0 0 8px;
	overflow: hidden
}

#sub.fld_idx .tb_wrap.sm_tb thead tr th:last-child {
	border-radius: 0 8px 8px 0;
	overflow: hidden
}

#sub.fld_idx .tb_wrap.sm_tb thead tr th b {
	color: #777
}

#sub.fld_idx .tb_wrap.sm_tb tbody tr:first-child {
	border-top: 1px solid #b9c2cb
}

#sub.fld_idx .tb_wrap.sm_tb tbody tr {
	border-top: 1px dashed #dadee1
}

#sub.fld_idx .tb_wrap.sm_tb tbody.fir tr:first-child {
	border-top: 0
}

#sub.fld_idx .tb_wrap.sm_tb tbody tr th {
	border-left: 1px solid #d0d5d9;
	padding: 14px;
}

#sub.fld_idx .tb_wrap.sm_tb tbody tr th b {
	color: #1560fd;
	font-size: 1.4rem;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
}

#sub.fld_idx .tb_wrap.sm_tb tbody tr td {
	padding: 14px;
}

#sub.fld_idx .tb_wrap.sm_tb tbody tr td:first-child b {
	font-size: 1.4rem;
	font-weight: 700;
	padding-left: 10px;
	color: #7a88a5;
	padding-left: 10px;
	position: relative
}

#sub.fld_idx .tb_wrap.sm_tb tbody tr td:first-child b:before {
	width: 4px;
	content: '';
	height: 1px;
	top: 10px;
	background: #7a88a5;
	position: absolute;
	left: 0
}

#sub.fld_idx .tb_wrap.sm_tb tbody tr p {
	font-size: 1.4rem;
	font-weight: 400;
	color: #333;
	display: inline-block;
	vertical-align: middle;
}

#sub.fld_idx .tb_wrap.sm_tb tbody tr span {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.3rem;
	font-weight: 400;
	color: #9ea6b5;
	padding-left: 4px
}

#sub.fld_idx .tb_wrap.sm_tb tbody tr th.tc,
#sub.fld_idx .tb_wrap.sm_tb tbody tr td.tc {
	padding: 14px 6px
}

#sub.fld_idx .tb_wrap.sm_tb tbody tr .chk_wrap {
	display: inline-block;
	vertical-align: middle;
	width: 20px
}

/*.btn_wrap > div{max-width:590px}*/
#sub.fld_idx .btn_wrap>div a {
	max-width: 290px !important
}

#sub.fld_idx .btn_wrap .btns-2 .btns {
	margin-left: 1%;
}

/*계정설정 > 기업정보 > 조직도 > 팀관리 */
#sub.org_team .tb_wrap>ul>li>div:nth-child(1) {
	width: 18%;
}

#sub.org_team .tb_wrap>ul>li>div:nth-child(2) {
	width: 42%;
}

#sub.org_team .tb_wrap>ul>li>div:nth-child(3) {
	width: 16%;
}

#sub.org_team .tb_wrap>ul>li>div:nth-child(4) {
	width: 24%;
}

#sub.org_team .cols:nth-child(2) .col {
	padding: 20px 50px
}

#sub.org_team .org_tit>b {
	line-height: 52px;
	float: left;
	font-size: 1.8rem;
	font-weight: 700;
	color: #242940
}

#sub.org_team .org_tit>b em {
	font-weight: 700
}

#sub.org_team .org_tit .btn_wrap.hasBf {
	width: 152px;
	float: right;
	margin-top: 0
}

#sub.org_team .box_title {
	position: relative
}

#sub.org_team .box_title>div {
	position: absolute;
	right: 0;
	top: 0
}

#sub.org_team a.icon_btn {
	width: 114px;
	height: 30px;
	line-height: 30px;
	padding: 0 8px;
	font-size: 1.2rem;
}

#sub.org_team a.icon_btn:before {
	background-image: url('../resource/image/down_ico.png');
	width: 15px;
	height: 13px;
	background-size: contain;
	right: 8px;
	margin-top: -6.5px;
}

#sub.org_team .tb_wrap .sm_btn_wrap {
	float: left;
	width: 202px;
	font-size: 0;
}

#sub.org_team .tb_wrap .cls_btn {
	float: right;
	width: 25px;
	height: 25px;
	background-size: 9px;
	margin-top: 5.5px
}

/*계정설정 > 기업정보 > 조직도 > 팀관리 > 멤버목록*/
#sub.org_t_member .cols {
	z-index: 1
}

#sub.org_t_member .tb_wrap>ul>li>div:nth-child(1) {
	width: 24%;
}

#sub.org_t_member .tb_wrap>ul>li>div:nth-child(2) {
	width: 29%;
}

#sub.org_t_member .tb_wrap>ul>li>div:nth-child(3) {
	width: 47%;
}

#sub.org_t_member .page_search {
	position: absolute;
	right: 0;
	top: -30px
}

#sub.org_t_member .btn_wrap>div a {
	max-width: 290px
}

/* 계정설정 > 기업정보 > 팀관리 > 팀 멤버 관리 */
#sub.org_member .tb_wrap.ver4>ul>li>div:nth-child(1) {width: 25%;}
#sub.org_member .tb_wrap.ver4>ul>li>div:nth-child(2) {width: 25%;}
#sub.org_member .tb_wrap.ver4>ul>li>div:nth-child(3) {width: 25%;}
#sub.org_member .tb_wrap.ver4>ul>li>div:nth-child(4) {width: 25%;}


#sub .tb_wrap.ver4>ul>li>div {padding: 0 25px; padding-right: 5px; box-sizing: border-box;}

/* 멤버 관리(정상) */
#sub.org_member .tb_wrap.ver5>ul>li>div:nth-child(1) {width: 20%;} /* 이름 */
#sub.org_member .tb_wrap.ver5>ul>li>div:nth-child(2) {width: 20%;} /* 이메일 */
#sub.org_member .tb_wrap.ver5>ul>li>div:nth-child(3) {width: 15%;} /* 휴대폰 번호 */
#sub.org_member .tb_wrap.ver5>ul>li>div:nth-child(4) {width: 15%;} /* 권한 등급 */
#sub.org_member .tb_wrap.ver5>ul>li>div:nth-child(5) {width: 15%;} /* 팀/부서 */
#sub.org_member .tb_wrap.ver5>ul>li>div:nth-child(6) {width: 15%;} /* 상태 */

#sub.org_member .tb_wrap.ver5>ul>li>div:not([class]) {display: flex;}

/* 멤버 관리(초대 대기) */
#sub.org_member .tb_wrap.ver5>ul>li.inviteWait>div:nth-child(1) {width: 55%;} /* 이메일 */
#sub.org_member .tb_wrap.ver5>ul>li.inviteWait>div:nth-child(2) {width: 30%;} /* 상태 */
#sub.org_member .tb_wrap.ver5>ul>li.inviteWait>div:nth-child(3) {width: 5%; padding: 0;} /* 재발송 */
#sub.org_member .tb_wrap.ver5>ul>li.inviteWait>div:nth-child(4) {width: 5%; padding: 0;} /* 초대 취소 */

#sub.org_member .remove {
	background-image: url(/resource/image/remove_ico.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 14px 16px;
	margin-left: 200px;
}

#sub.org_member .tbc:has(.remove) a, .btn_wrap:has(.remove) a {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #b6bdc2;
	text-indent: -9999px;
	border-left: 1px solid #fff;
	box-sizing: border-box;
}

/* 멤버 관리(탈퇴) */
#sub.org_member .tb_wrap.ver6>ul>li>div:nth-child(1) {width: 20%;} /* 이름 */
#sub.org_member .tb_wrap.ver6>ul>li>div:nth-child(2) {width: 20%;} /* 이메일 */
#sub.org_member .tb_wrap.ver6>ul>li>div:nth-child(3) {width: 15%;} /* 휴대폰 번호 */
#sub.org_member .tb_wrap.ver6>ul>li>div:nth-child(4) {width: 15%;} /* 권한 등급 */
#sub.org_member .tb_wrap.ver6>ul>li>div:nth-child(5) {width: 15%;} /* 팀/부서 */
#sub.org_member .tb_wrap.ver6>ul>li>div:nth-child(6) {width: 5%;} /* 상태 */
#sub.org_member .tb_wrap.ver6>ul>li>div:nth-child(7) {width: 10%} 

#sub .tb_wrap.ver6>ul>li {
	padding: 0;
}

#sub .tb_wrap.ver6>ul>li.head p {
	color: white;
	font-size: 1.4rem;
	display: inline-block;
	vertical-align: middle;
}

#sub .tb_wrap.ver6>ul>li>div {
	padding: 0 25px;
	padding-right: 5px;
	box-sizing: border-box;
}

#sub .tb_wrap.ver6>ul>li:not(.head) {
	position: relative;
	color: #555;
	font-size: 1.4rem;
	background: #fff;
	box-shadow: 0px 2px 11.83px 1.17px rgba(0, 0, 0, 0.09);
	border-color: transparent;
	height: auto
}

#sub .tb_wrap.ver6>ul>li:not(.head) .tb {
	height: 75px;
	position: relative;
}

#sub .tb_wrap.ver6>ul>li .tb {
	position: relative;
}

#sub .tb_wrap.ver6>ul>li .tb .show_btn {
	position: absolute;
	right: 24px;
	top: 50%;
	margin-top: -5px;
}

#sub .tb_wrap.ver6>ul>li .tb .show_btn img {
	max-width: 15px
}

#sub .tb_wrap.ver6>ul>li .tb .show_btn.on img {
	transform: rotate(180deg)
}

#sub .tb_wrap.ver6>ul>li.active:before {
	width: 100%;
	height: 75px;
	border-radius: 10px;
	border: 1px solid #4468f9;
	content: '';
	position: absolute;
	left: 0;
	top: 0
}

#sub .tb_wrap.ver6>ul>li>.hide_wrap {
	width: 100%;
	background: #f8f8f8;
	padding: 30px;
	margin-top: 1px;
	display: none
}

#sub .tb_wrap.ver6>ul>li>.hide_wrap .h_box {
	border-top: 1px solid #e4e1e1;
}

#sub .tb_wrap.ver6>ul>li>.hide_wrap .h_box:first-child {
	border: 0;
}

#sub .tb_wrap.ver6>ul>li>.hide_wrap .h_box:after {
	display: Block;
	content: '';
	clear: both;
}

#sub .tb_wrap.ver6>ul>li>.hide_wrap .h_box>div {
	width: 33.333%;
	box-sizing: border-box;
	font-size: 0;
	float: left;
	position: relative
}

#sub .tb_wrap.ver6>ul>li>.hide_wrap .h_box>div:before {
	width: 1px;
	height: 40px;
	top: 50%;
	margin-top: -20px;
	left: 0;
	content: '';
	background: #e4e1e1;
	position: absolute
}

#sub .tb_wrap.ver6>ul>li>.hide_wrap .h_box>div:first-child:before {
	display: none
}

#sub .tb_wrap.ver6>ul>li>.hide_wrap .h_box.midd>div {
	width: 100%;
}

#sub .tb_wrap.ver6>ul>li>.hide_wrap .h_box>div>b {
	width: 130px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	font-size: 1.4rem;
	font-weight: 600;
	color: #111;
	line-height: 68px
}

#sub .tb_wrap.ver6>ul>li>.hide_wrap .h_box>div>div {
	width: calc(100% - 130px);
	display: inline-block;
	vertical-align: middle;
}

#sub .tb_wrap.ver6>ul>li>.hide_wrap .h_box>div>div p {
	font-size: 1.4rem;
	font-weight: 400;
	color: #555
}

#sub .tb_wrap.ver6>ul>li>.hide_wrap .h_box>div:first-child>b {
	width: 100px;
	text-align: left
}

#sub .tb_wrap.ver6>ul>li>.hide_wrap .h_box>div:first-child>div {
	width: calc(100% - 100px);
}

#sub .tb_wrap.ver6>ul>li>.hide_wrap .h_btm {
	font-size: 0;
	width: 100%;
	margin: 10px auto;
}

#sub .tb_wrap.ver6>ul>li>.hide_wrap .h_btm .btn_wrap {max-width: 50%;	width: 100%;	margin: 0;	text-align: left;}
.pauseBtn {display: inline-block;}
.pauseBtn .tlp_box {width: 330px !important;}

#sub .tb_wrap.ver6>ul>li>.hide_wrap .h_btm .btn_wrap .btns {line-height: 36px;	font-size: 1.2rem;}

#sub .tb_wrap.ver6>ul>li>.hide_wrap .h_btm>div {
	display: inline-block;
	vertical-align: middle;
}

#sub .tb_wrap.ver6>ul>li>.hide_wrap .h_btm .tlp_wrap {
	margin-left: 5px;
	width: calc(100% - 240px)
}

#sub .tb_wrap.ver6 .drp_wrap>a {
	color: #111;
}

#sub.org_member .box_title .chk_wrap {
	position: absolute;
	right: 0;
	top: 0;
}

#sub.org_member .tb_wrap.ver4>ul>li.no_member {
	box-shadow: none;
	border: 2px dashed #b6c2ca;
	background: #f4f7f9;
}

#sub.org_member .tb_wrap.ver4>ul>li.no_member .tb {
	height: 304px;
	float: none;
	width: 100%;
	text-align: center;
}

#sub.org_member .tb_wrap.ver4>ul>li.no_member .img {
	max-width: 130px;
	margin: 0 auto;
}

#sub.org_member .tb_wrap.ver4>ul>li.no_member .txt {
	margin-top: 30px;
}

#sub.org_member .tb_wrap.ver4>ul>li.no_member .txt b {
	color: #242940;
	font-size: 2.1rem;
	font-weight: 700;
	line-height: 1.2;
	display: block;
}

#sub.org_member .tb_wrap.ver4>ul>li.no_member .txt p {
	color: #424658;
	font-size: 1.8rem;
	font-weight: 500;
}

#sub.org_member .tb_wrap.ver4>ul>li.no_member .txt p em {
	font-weight: 500;
}

#sub.org_member .ip_box>span {
	color: #111;
	font-size: 1.3rem;
	display: block;
	line-height: 1.6;
	font-weight: 500;
}

#sub.org_member .ip_box>div>div {
	width: calc(100% - 415px);
	max-width: 225px;
	padding-left: 10px;
	/* margin-left: -1%; */
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
}

#sub.org_member .ip_box>div>div:first-child {
	width: 405px;
	max-width: 100%;
	padding-left: 0;
}

#sub.org_member .ip_box>div>div p {
	line-height: 48px;
	color: #1560fd;
	font-size: 1.4rem;
	font-weight: 400;
	padding: 0 14px;
	box-sizing: border-box;
	background: #f3f6f9;
	border: 1px solid #e2e7ea;
	border-radius: 10px;
}

#sub.org_member .ip_box>div>div a {
	width: 48%;
	margin-left: 1%;
	vertical-align: middle;
}

#sub.org_member .ip_box>div>div a:first-child {
	margin-left: 0;
}

#sub.org_member .btn_wrap.max205 .btns {
	max-width: 205px !important;
}

#sub.org_member .ip_box {
	margin-top: 20px;
}

#sub.org_member .box_wrap {
	margin-left: -1%;
	width: 101%;
	padding-top: 30px;
	margin-top: -1%;
}

#sub.org_member .box_wrap .boxes {
	padding: 25px 20px;
	width: 24%;
	margin-left: 1%;
	margin-top: 1%;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #e2e7ea;
	float: left;
	border-radius: 10px;
}

#sub.org_member .box_wrap .boxes .chk_wrap {
	margin-top: 0;
}

#sub.org_member .box_wrap .boxes .chk_wrap label {
	font-size: 1.6rem;
	font-weight: 700;
}

#sub.org_member .box_wrap .boxes .inf_wrap {
	margin-top: 16px;
	padding: 0 20px;
	background: #f7f9fa;
	border: 1px solid #e2e7ea;
	border-radius: 10px;
}

#sub.org_member .box_wrap .boxes>div {
	margin-top: 20px;
}

#sub.org_member .box_wrap .boxes>div>p {
	font-size: 0;
}

#sub.org_member .box_wrap .boxes>div>p:first-child {
	border-bottom: 1px solid #e2e7ea;
}

#sub.org_member .box_wrap .boxes>div>p span {
	width: 60px;
	text-align: left;
	line-height: 46px;
	color: #4e70f9;
	font-size: 1.3rem;
	font-weight: 500;
	display: inline-block;
	vertical-align: middle;
}

#sub.org_member .box_wrap .boxes>div>p b {
	width: calc(100% - 60px);
	text-align: right;
	line-height: 46px;
	font-size: 1.3rem;
	font-weight: 500;
	color: #111;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: 0;
}

#sub.org_member .box_wrap .boxes>div>b {
	font-size: 1.3rem;
	font-weight: 600;
	color: #111;
	line-height: 1;
}

#sub.org_member .box_wrap .boxes>div>.drp_wrap {
	margin-top: 5px;
}

#sub.org_member .box_wrap .boxes .btn_wrap {
	margin-left: -2%;
}

#sub.org_member .box_wrap .boxes .btn_wrap .btns-2 .btns {
	line-height: 45px;
	font-size: 1.4rem;
	width: 48%;
	margin-left: 2%;
}

#sub.org_member .box_wrap .boxes .btn_wrap {
	max-width: 590px;
	margin: 40px auto 0;
}


.box_title.psRel {
	position: relative;
	padding-bottom: 10px;
}

.box_title.psRel2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/*페이지내 검색 - 오른쪽 버튼 없을 경우*/
.page_search.only_word {
	max-width: 310px;
}

.page_search.only_word .word_box {
	width: 99%;
}

/*팝업 - 계정설정 > 기업정보 > 조직도 > 팀관리 */
.popup.teampop .pop_inner {
	max-width: 540px
}

.popup.teampop2 .pop_inner {
	max-width: 700px;
}

.popup.teampop .pop {
	padding: 50px;
}

.popup.teampop .pop .box_title {
	color: #242940;
}

.popup.teampop .pop .box_title p {
	font-size: 1.6rem;
	color: #242940;
}

.popup.teampop .pop .box_title p.blc {
	margin-top: 18px;
}

.popup.teampop .pop .box_title .blc {
	color: #1560fd;
}

.popup.teampop .pop .ip_wrap {
	margin-top: 25px;
}

.popup.teampop .pop .ip_wrap .ip_box {
	margin-top: 12px;
}

.popup.teampop .pop .ip_wrap .ip_box:first-child {
	margin-top: 0;
}

.popup.teampop .pop .ip_wrap .ip_box>b {
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 1;
	display: block;
	color: #111;
}

.popup.teampop .pop .ip_wrap .ip_box input[type="text"],
.popup.teampop .pop .ip_wrap .ip_box input[type="password"] {
	color: #3660fb;
	padding: 0 15px;
	box-sizing: border-box;
	height: 45px;
	font-size: 1.4rem;
	font-weight: 400;
	color: #3660fb;
	letter-spacing: -0.5px;
	border: 1px solid #e2e7ea;
	background-color: #fff;
	border-radius: 5px;
}

.popup.teampop .pop .ip_wrap .ip_box input::placeholder {
	font-size: 1.4rem;
	font-weight: 400;
	color: #929ca1;
	letter-spacing: -0.5px;
}

.popup.teampop .pop .ip_wrap .ip_box .ips {
	margin-top: 5px;
}

.popup.teampop .pop .ip_wrap .ip_box .ips.hasBtn {
	position: relative;
}

.popup.teampop .pop .ip_wrap .ip_box .ips.hasBtn input {
	padding-right: 45px;
}

.popup.teampop .pop .ip_wrap .ip_box .ips.copyBox input {
	padding-right: 100px;
	height: 50px;
	line-height: 50px;
	border-radius: 10px;
	border-color: #1560fd;
	color: #111;
}

.popup.teampop .pop .ip_wrap .ip_box .ips.copyBox a.cl_btn {
	width: 80px;
	line-height: 40px;
	height: 40px;
	right: 8px;
	top: 50%;
	margin-top: -20px;
	position: absolute;
}

.popup.teampop .pop .ip_wrap .ip_box .cls_btn {
	position: absolute;
	right: 10px;
	top: 50%;
	width: 25px;
	height: 25px;
	background-size: 9px;
	margin-top: -12.5px;
}

.popup.teampop .pop .wid100 {
	margin-top: 5px
}

.popup.teampop .pop .wid100 a.cl_btn {
	width: 100%;
}

.popup.teampop .pop .img.team3_img {
	width: 130px;
	margin: 30px auto 0;
}

.popup.teampop .pop .brd_top {
	padding-top: 28px;
	margin-top: 38px;
	border-top: 1px solid #b6bdc2
}

.popup.teampop .pop .wid100.btn_wrap {
	width: 100%;
	margin-left: 10px;
	margin-top: 20px
}

.popup.teampop .pop .wid100.btn_wrap .btns {
	width: 100%;
	margin-left: 0;
	box-shadow: none;
	max-width: 100% !important
}

#sub.popup.teampop2 .tb_wrap.ver2>ul>li {
	padding: 0 16px
}

#sub.popup.teampop2 .tb_wrap.ver2>ul>li.head {
	padding: 0 16px
}

#sub.popup.teampop2 .tb_wrap.ver2>ul>li .chk_wrap {
	margin-top: 0
}

#sub.popup.teampop2 .tb_wrap.ver2>ul>li .chk_wrap.cl_bk input[type="checkbox"]+label {
	color: #111
}

#sub.popup.teampop2 .tb_wrap.ver2>ul>li.head .chk_wrap.cl_bk input[type="checkbox"]+label {
	color: #3a60f9
}

#sub.popup.teampop2 .tb_wrap.ver2>ul>li .tbc {
	font-size: 1.3rem;
	line-height: 1.2;
}

#sub.popup.teampop2 .tb_wrap.ver2>ul>li .tbc em {
	color: #fff;
	font-size: 10px;
	font-weight: 500;
	display: block;
	line-height: 1;
	max-width: 25px;
	text-align: center;
	border-radius: 3px;
	background: #343638;
	padding: 3px 0;
}

#sub.popup.teampop2 .tb_wrap>ul>li.head div:before {
	display: none
}

#sub.popup.teampop2 .tb_wrap>ul>li>div:nth-child(1) {
	width: 24%;
	padding-left: 0;
}

#sub.popup.teampop2 .tb_wrap>ul>li>div:nth-child(1):before {
	display: none
}

#sub.popup.teampop2 .tb_wrap>ul>li>div:nth-child(2) {
	width: 32%;
}

#sub.popup.teampop2 .tb_wrap>ul>li>div:nth-child(3) {
	width: 34%;
}

#sub.popup.teampop2 .tb_wrap>ul>li>div:nth-child(4) {
	width: 10%;
}

#sub.popup.teampop2 .tb_wrap>ul>li>div {
	padding-left: 15px;
	box-sizing: border-box;
	position: relative
}

#sub.popup.teampop2 .tb_wrap>ul>li>div:before {
	width: 1px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -15px;
	height: 30px;
	content: '';
	background: #e2e2e2;
}

#sub.popup.teampop2 .btn_wrap {
	max-width: 330px;
	margin: 0 auto
}

#sub.popup.teampop2 .tb_wrap.scroll {
	margin-top: 0;
	height: 520px;
	margin-top: -5px;
	padding-right: 20px;
}

#sub.popup.teampop2 .pop {
	padding-right: 30px;
}

#sub.popup.teampop2 .paddRight {
	padding-right: 20px;
	box-sizing: border-box;
}


/* ==================================================
	공통
================================================== */
.d_none {
	display: none;
}

.colTxt {
	position: relative;
}

.colTxt .txt1 {
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -0.5px;
}

.colTxt .txt2 {
	display: block;
	font-size: 1.4rem;
	font-weight: 500;
	color: #111;
	letter-spacing: -0.5px;
	line-height: 1;
}

.colTxt .txt3 {
	display: block;
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: -0.5px;
	line-height: 1;
}

.colTxt .c_bl {
	color: #395ff8;
}

.colTxt .c_bl2 {
	color: #1560fd;
}

.colTxt .c_gr {
	color: #555;
}

.colTxt .c_bgr {
	color: #111;
}

.colTxt .c_bbl {
	color: #242940;
}

.colTxt .c_bbl2 {
	color: #343638;
}

.font-basic {
	color: #111 !important;
}

.font-bbl {
	color: #242940 !important;
}

.font-style-sns {
	color: crimson !important;
	font-weight: normal !important;
}

.font-gr {
	color: #555 !important;
}

.font-gr2 {
	color: #666;
}

.font-bl5 {
	color: #0060ff !important;
}

.flnone {
	float: none !important;
}

.btns.btns_gr {
	line-height: 48px;
	font-weight: 400;
	color: #aeaeb4;
	background: #f4f5f6 !important;
	border: 1px solid #e2e7ea;
	box-sizing: border-box;
	box-shadow: none;
}

.ipt_lbl {
	background-color: #f3f6f9 !important;
}

input[type="text"].ipt_st1,
input[type="password"].ipt_st1 {
	padding: 0 15px;
	box-sizing: border-box;
	height: 45px;
	font-size: 1.4rem;
	font-weight: 400;
	color: #111;
	letter-spacing: -0.5px;
	border: 1px solid #e2e7ea;
	background-color: #f9fcfd;
	border-radius: 5px;
}

input[type="text"].ipt_st1::placeholder,
input[type="password"].ipt_st1::placeholder {
	font-size: 1.4rem;
	font-weight: 400;
	color: #111;
	letter-spacing: -0.5px;
}

.del_btn {
	display: inline-block;
	width: 25px;
	height: 25px;
	font-size: 0;
	text-indent: -999999px;
	border-radius: 25px;
	background-color: #eaeaea;
	background-image: url('/resource/image/ip_del_ico3.svg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 9px;
}

a.pay_case {
	width: 117px;
	padding: 0 12px;
}

a.pay_case::before {
	width: 13px;
	height: 13px;
	right: 12px;
	background-image: url('/resource/image/ico_plus.svg');
	margin-top: -6.5px;
}

a.cl_btn.cl_gr2 {
	background-color: #a7b0b6;
}

input[type="submit"].cl_btn {
	display: inline-block;
	padding: 0 5px;
	height: 50px;
	line-height: 50px;
	font-size: 1.4rem;
	font-weight: 500;
	color: #fff;
	text-align: center;
	border-radius: 8px;
	background-color: #1560fd;
	box-sizing: border-box;
}

.btns2 {
	display: inline-block;
	width: 170px;
	height: 50px;
	line-height: 48px;
	font-size: 1.4rem;
	font-weight: 600;
	color: #1560fd !important;
	letter-spacing: -0.5px;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #266bfd;
	box-shadow: 5px 5px 10px 0px rgba(140, 140, 140, 0.22);
	box-sizing: border-box;
	background-color: #fff;
}

.btns2.st2 {
	width: 379px;
	height: 60px;
	line-height: 58px;
	font-size: 1.6rem;
	font-weight: 500;
	color: #2168fd;
	border: 1px solid #1560fd;
	box-sizing: border-box;
}

.btns2.st3 {
	font-size: 1.4rem;
	font-weight: 500;
	border: 1px solid #1560fd;
	box-shadow: none;
	cursor: pointer;
}

.box_conttable.ip_wrap.ip_boxa {
	height: 46px;
	line-height: 40px;
}

.btns3 {
	display: inline-block;
	width: 170px;
	height: 50px;
	line-height: 48px;
	font-size: 1.4rem;
	font-weight: 600;
	color: #1560fd !important;
	letter-spacing: -0.5px;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #266bfd;
	box-shadow: 5px 5px 10px 0px rgba(140, 140, 140, 0.22);
	box-sizing: border-box;
	background-color: #fff;
}

.btns3.st2 {
	width: 379px;
	height: 60px;
	line-height: 58px;
	font-size: 1.6rem;
	font-weight: 500;
	color: #2168fd;
	border: 1px solid #1560fd;
	box-sizing: border-box;
}

.btns3.st3 {
	font-size: 1.4rem;
	font-weight: 500;
	border: 1px solid #1560fd;
	box-shadow: none;
	cursor: pointer !important;
}

.tabs.st1 {
	margin-top: 10px;
}

.tabs.st1 ul li {
	position: relative;
	padding: 0 20px 0 105px;
	box-sizing: border-box;
	height: 60px;
	line-height: 58px;
	border: 1px solid #e2e7ea;
	box-sizing: border-box;
	border-radius: 10px;
}

.srch_date {
	width: 100%;
	max-width: 240px;
}

.srch_date ul {
	width: 107%;
	margin-left: -7%;
}

.srch_date ul li {
	float: left;
	width: 43%;
	margin-left: 7%;
	position: relative;
}

.srch_date ul li::before {
	content: '';
	display: block;
	clear: both;
	width: 5px;
	height: 1px;
	position: absolute;
	left: -11px;
	top: 50%;
	background-color: #3d464c;
}

.srch_date ul li:first-child::before {
	display: none;
}

.srch_date ul li>div {
	position: relative;
	padding-left: 30px;
	box-sizing: border-box;
	border: 1px solid #cad1d5;
	border-radius: 5px;
	overflow: hidden;
}

.srch_date ul li label {
	width: 30px;
	height: 28px;
	line-height: 28px;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url('/resource/image/ico_calendar.svg');
	background-size: 13px;
	background-color: #f4f6f8;
	border-right: 1px solid #cad1d5;
	-webkit-appearance: none;
}

.srch_date ul li input[type="date"] {
	height: 28px;
	border: initial;
	background-color: #fff;
	font-size: 12px;
	font-weight: 500;
	color: #31393e;
	letter-spacing: -0.5px;
	text-align: center;
	outline: none;
	padding: 0;
}

.srch_date ul li input[type="date"]::-webkit-inner-spin-button {
	display: none;
	-webkit-appearance: none;
}

.srch_date ul li input[type="date"]::-webkit-calendar-picker-indicator {
	display: none;
	-webkit-appearance: none;
}

#sub .ip_wrap .ip_box.md {
	margin-top: 0;
}

#sub .ip_wrap .s_tit2 {
	margin-bottom: 7px;
}

#sub .ip_wrap .s_tit2 b {
	display: block;
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 1;
}

#sub .con_wrap .box .tb_wrap.in_down>ul>li a.down {
	display: inline-block;
	padding-right: 15px;
	box-sizing: border-box;
	position: relative;
}

#sub .con_wrap .box .tb_wrap.in_down>ul>li a.down::before {
	content: '';
	display: block;
	clear: both;
	width: 11px;
	height: 13px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -5.5px;
	background-image: url('/resource/image/ico_align.svg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#sub .con_wrap .box .tb_wrap.in_down>ul>li a.print {
	display: inline-block;
	padding-right: 15px;
	box-sizing: border-box;
	position: relative;
}

#sub .con_wrap .box .tb_wrap.in_down>ul>li a.print::before {
	content: '';
	display: block;
	clear: both;
	width: 11px;
	height: 11px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -5.5px;
	padding-left: -15px;
	background-image: url('/resource/image/window_ico.svg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

/* ==================================================
	내 정보
================================================== */
/*이용중인 요금제, 기본정보 공통부분*/
#sub.fee .section1 {
	padding-top: 0;
}

#sub .fee_info {
	width: 102%;
	margin-left: -2%;
}

#sub .fee_info .left.fromBottom {
	height: 320px;
}

#sub .fee_info .left>div {
	padding: 0;
}

#sub .fee_info .left .top {
	position: relative;
}

#sub .fee_info .left .price {
	display: block;
	margin-top: 4px;
	font-size: 1.5rem;
	font-weight: 500;
	color: #111;
	letter-spacing: -0.5px;
	line-height: 27px;
}

#sub .fee_info .left .price b {
	font-size: 1.5rem;
	font-weight: 600;
	color: #0e101f;
}

#sub .fee_info .left .toggle {
	font-size: 0;
	position: absolute;
	right: 0;
	top: 0;
}

#sub .fee_info .left .toggle span {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.4rem;
	line-height: 20.5px;
}

#sub .fee_info .left .toggle p {
	display: inline-block;
	vertical-align: middle;
	margin-left: 7px;
}

#sub .fee_info .left .toggle p input[type=checkbox] {
	height: 0;
	width: 0;
	visibility: hidden;
}

#sub .fee_info .left .toggle p label {
	cursor: pointer;
	text-indent: -9999px;
	width: 42px;
	height: 20.5px;
	background: #ddd;
	display: block;
	border-radius: 100px;
	position: relative;
	box-shadow: 2px 1px 7px 0.56px rgba(0, 0, 0, 0.2) inset;
}

#sub .fee_info .left .toggle p label:after {
	content: '';
	position: absolute;
	top: 0px;
	left: 0;
	width: 20.5px;
	height: 20.5px;
	background: #fff;
	border-radius: 20.5px;
	box-shadow: 0 0 9px 1px rgba(11, 50, 132, 0.25);
	transition: 0.3s;
}

#sub .fee_info .left .toggle p input:checked+label {
	background: #1560fd;
	box-shadow: 2px 1px 7px 0.56px rgba(0, 0, 0, 0.2) inset;
}

#sub .fee_info .left .toggle p input:checked+label:after {
	left: 102%;
	transform: translateX(-100%);
}

#sub .fee_info .left .btm {
	margin-top: 68px;
	position: absolute;
	bottom: 10%;
	width: 90%;
}

#sub .fee_info .left .btm .colTxt {
	padding-top: 11px;
	box-sizing: border-box;
}

#sub .fee_info .left .btm .colTxt b {
	display: block;
	margin-top: 10px;
	font-size: 1.6rem;
	font-weight: 600;
	color: #111;
	letter-spacing: -0.5px;
	line-height: 1;
}

#sub .fee_info .right.fromBottom {
	height: 320px;
}

#sub .fee_info .right .top .colTxt .txt2 {
	margin-top: 11px;
	color: #555;
}

.fee.payed .con_wrap .box {
	margin-top: 0 !important;
}

.fee.free .con_wrap .box {
	margin-top: 0 !important;
}

.fee.free .con_wrap .box>div {
	padding: 0 !important;
}

#sub .feeList .col {
	padding: 48px 50px 77px;
}

#sub .feeList .listArea {
	width: 100%;
	max-width: 1050px;
	margin: 0 auto;
}

#sub .feeList .listArea>.colTxt {
	text-align: center;
}

#sub .feeList .listArea>.colTxt .txt3 {
	margin-top: 10px;
}

#sub .feeList .listArea .list_chk {
	text-align: center;
	font-size: 0;
}

#sub .feeList .listWrap .boxArea {
	display: none;
}

#sub .feeList .listWrap .boxArea.active {
	display: block;
}

#sub .feeList .boxArea {
	position: relative;
	margin-top: 30px;
	text-align: center;
}

/*#sub .feeList .boxArea .left{position:absolute; left:0; top:0; width:236px;}*/
#sub .feeList .boxArea .top_img {
	margin-top: 30px;
	padding-bottom: 50px;
	box-sizing: border-box;
	font-size: 0;
	text-align: center;
}

#sub .feeList .boxArea .top_img p {
	display: inline-block;
}

#sub .feeList .boxArea .top_img p img {
	width: auto;
	max-width: 100%;
}

#sub .feeList .boxArea .btm_fee {
	padding-top: 0;
	box-sizing: border-box;
	text-align: center;
	/*border-top:1px solid #e6e6e6;*/
}

#sub .feeList .boxArea .btm_fee .box_tit em {
	font-size: 2rem;
	font-weight: 400;
	color: #111;
	letter-spacing: -0.5px;
}

#sub .feeList .boxArea .btm_fee .box_tit em span {
	font-weight: 800;
	position: relative;
}

#sub .feeList .boxArea .btm_fee .box_tit em span::before {
	content: '';
	display: block;
	clear: both;
	width: 4px;
	height: 4px;
	position: absolute;
	left: 50%;
	top: -2px;
	margin-left: -2px;
	background-color: #2fc673;
	border-radius: 4px;
}

/*#sub .feeList .boxArea .btm_fee .box{padding:44px 40px 40px;}
#sub .feeList .boxArea .btm_fee .box_wrap{margin-top:30px;}
#sub .feeList .boxArea .btm_fee .box_wrap .box{padding:0;}
#sub .feeList .boxArea .btm_fee ul{width:101.4%; margin-left:-1.4%;}
#sub .feeList .boxArea .btm_fee ul li{padding:0; border:0; width:18.6%; margin-left:1.4%;}
#sub .feeList .boxArea .btm_fee ul li a{display:block; height:180px; background-color:#f6fbfe; border:1px solid #dbeaf2; border-radius:10px; font-size:0; transition:all .4s ease; -webkit-transition:all .4s ease; -ms-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease; position:relative; z-index:1;}

#sub .feeList .boxArea .btm_fee ul li a::after{content:''; display:block; clear:both; width:100%; height:100%; position:absolute; left:0; top:-1px; z-index:-1; background:linear-gradient(180deg, rgba(65,102,249,1) 0%, rgba(21,66,248,1) 100%); border-radius:10px; opacity:0; transition:all .4s ease; -webkit-transition:all .4s ease; -ms-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease; border:1px solid #1560fd;}

#sub .feeList .boxArea .btm_fee ul li a p{font-size:1.6rem; font-weight:300; color:#1560fd; letter-spacing:-0.5px; line-height:1.4;}
#sub .feeList .boxArea .btm_fee ul li a p b{font-weight:700; font-size:2.8rem;}
#sub .feeList .boxArea .btm_fee ul li.pic a p b{font-size:2.4rem; line-height:39px;}
#sub .feeList .boxArea .btm_fee ul li a span{display:inline-block; margin-top:3px; width:70px; height:25px; line-height:23px; font-size:12px; font-weight:600; color:#fff; letter-spacing:0; border-radius:12.5px; background-color:#7b8e9b;}
#sub .feeList .boxArea .btm_fee ul li.pic a span{margin-top:5px;}
#sub .feeList .boxArea .btm_fee ul li a strong{display:block; margin-top:8px;}
#sub .feeList .boxArea .btm_fee ul li a strong b{display:inline-block; font-size:2rem; font-weight:600; color:#0e101f; letter-spacing:-0.5px; line-height:1; position:relative; padding-left:22px; box-sizing:border-box;}
#sub .feeList .boxArea .btm_fee ul li.pic a strong b{padding-left:0; font-size:1.8rem;}
#sub .feeList .boxArea .btm_fee ul li a strong b::before{content:''; display:block; clear:both; width:23px; height:14px; position:absolute; left:0; bottom:2px; background-image:url('../img/ico_won.svg'); background-repeat:no-repeat; background-position:0 -2px; background-size:21px;}
#sub .feeList .boxArea .btm_fee  ul li.pic a strong b::before{display:none;}
#sub .feeList .boxArea .btm_fee ul li a:hover::after, #sub .feeList .boxArea .btm_fee ul li a.on::after{opacity:1;}
#sub .feeList .boxArea .btm_fee ul li a:hover span, #sub .feeList .boxArea .btm_fee ul li a.on span{background-color:#2fc673;}
#sub .feeList .boxArea .btm_fee ul li a:hover p, #sub .feeList .boxArea .btm_fee ul li a.on p{color:#fff !important;}
#sub .feeList .boxArea .btm_fee ul li a:hover strong b, #sub .feeList .boxArea .btm_fee  ul li a.on strong b{color:#fff;}
#sub .feeList .boxArea .btm_fee ul li a:hover strong b::before, #sub .feeList .boxArea .btm_fee ul li a.on strong b::before{background-image:url('../img/ico_won_w.svg'); background-position:0;}*/
#sub .feeList .boxArea .btm_fee .btn_wrap a:nth-child(2) {
	margin-left: 10px;
}

#sub .feeList .boxArea .btm_fee .btn_wrap {
	margin-top: 30px;
}

#sub .feeList .col>.btn_wrap {
	margin-top: 45px;
}

#sub .feeList .col>.btn_wrap .btns {
	width: 100%;
	max-width: 340px;
	margin-left: 0;
	font-weight: 600;
	letter-spacing: -0.25px;
}

/*내 정보 메인페이지*/
#sub.basic_info .fee_info {
	width: 100%;
	margin-left: 0;
}

#sub.basic_info .cols .col-wrap {
	margin-top: -2%;
}

#sub.basic_info .col {
	margin-top: 2%;
}

#sub.basic_infotable.ip_wrap {
	border-collapse: separate;
	border-spacing: 010px;
}

#sub.basic_infotable.ip_wrapinput[type="text"] {
	border-radius: 10px;
}

#sub.basic_info .ip_box .btns2 {
	width: 95%;
	margin-left: 5%;
}

#sub.basic_info .ip_box .btns3 {
	width: 100%;
}

#sub.basic_info .ip_box .btns_l {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
}

#sub.basic_info .ip_box .btns_r {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
}

#sub.basic_info .ip_box {
	position: relative;
}

#sub.basic_info .ip_box.wid108 {
	padding-right: 120px;
	box-sizing: border-box;
}

#sub.basic_info .ip_box.wid108 a {
	width: 108px;
}

#sub.basic_info .top_1 {
	margin-top: 20px;
	min-height: 120px;
	position: relative;
	padding-left: 150px;
	box-sizing: border-box;
}

#sub.basic_info .top_1 .profile_img {
	position: absolute;
	left: 0;
	top: 0;
	width: 90px;
	height: 90px;
	border-radius: 120px;
}

/* 기업 프로세스 리뉴얼 프로필 크기 변경 (120->90) */
#sub.basic_info .top_1 .profile_change {
	width: 85px;
	position: absolute;
	bottom: 0;
	left: 54%;
	transform: translate(-50%, 100%);
	color: #fff;
	font-size: 1.2rem;
	background: linear-gradient(to bottom, rgb(57, 95, 249)20%, rgb(12, 59, 248)100%);
	border-radius: 8px;
	padding: 5px 0px;
	box-sizing: border-box;
	text-align: center;
}

#sub.basic_info .top_1 .ip_box label {
	width: 100%;
}

#sub.basic_info.top_1table.ip_wraptr:nth-child(2)td:nth-child(2)input {
	width: 98%;
}

#sub.basic_info .btm_1 {
	margin-top: 30px;
}

#sub.basic_info .btm_1 .ip_box {
	font-size: 0;
	position: relative;
}

#sub.basic_info .btm_1 .ip_box.pic2 {
	padding-right: 110px;
	box-sizing: border-box;
}

#sub.basic_info .btm_1 .ip_box.pic2 a {
	position: absolute;
	width: 100px;
}

#sub.basic_info .btm_1 .ip_box.pic2 input[type="submit"] {
	vertical-align: baseline;
	width: 100%;
	cursor: pointer;
}

#sub.basic_info .top_2 .box_title p {
	margin-top: 20px;
}

#sub.basic_info .top_2 .ip_wrap {
	margin-top: 10px;
}

#sub.basic_info .btm_2 {
	margin-top: 31px;
}

#sub.basic_info .btm_2 .connect_busi .ip_wrap {
	display: none;
}

#sub.basic_info .btm_2 .connect_busi .ip_wrap.active {
	display: block;
}

#sub.basic_info .btm_2 .ip_wrap {
	margin-top: 20px;
	font-size: 0;
}

#sub.basic_info .btm_2 .ip_wrap p input[type="text"] {
	width: 100%;
}

#sub.basic_info .btm_2 .ip_wrap p.pic input[type="text"] {
	width: calc(50% - 5px);
	margin-left: 10px;
	display: inline-block;
}

#sub.basic_info .btm_2 .ip_wrap p.pic input[type="text"]:first-child {
	margin-left: 0;
}

#sub.basic_info .btm_2 .ip_wrap p.pic2 input[type="text"]::placeholder {
	color: #99a0a7;
}

#sub.basic_info .account_box {
	margin-bottom: 31px;
}

#sub.basic_info .sns_info {
	margin-top: 30px;
}

#sub.basic_info .sns_info .col {
	margin-left: 1.7%;
	margin-top: 1.7%;
	padding: 20px;
	box-shadow: none;
	background-color: #f7f9fa;
	border: 1px solid #e2e7ea;
	border-radius: 10px;
}

#sub.basic_info .sns_info .top {
	position: relative;
	padding-left: 60px;
	box-sizing: border-box;
}

/* #sub.basic_info .sns_info .top img{width:40px; height:40px; border-radius:5px; position:absolute; left:0; top:0;} */
#sub.basic_info .sns_info .top h3 {
	height: 40px;
	line-height: 40px;
	font-size: 1.6rem;
	color: #999;
}

#sub.basic_info .sns_info .btm {
	margin-top: 20px;
}

#sub.basic_info .sns_info .btm ul li {
	position: relative;
	margin-top: 10px;
	padding-left: 58px;
	box-sizing: border-box;
	font-size: 1.4rem;
	font-weight: 400;
	color: #bbb;
	letter-spacing: -0.5px;
	line-height: 1;
}

#sub.basic_info .sns_info .btm ul li:first-child {
	margin-top: 0;
}

#sub.basic_info .sns_info .btm ul li b {
	font-size: 1.3rem;
	font-weight: 400;
	position: absolute;
	left: 0;
	top: 0;
	line-height: 14px;
}

#sub.basic_info .sns_info .btm .btn_wrap {
	margin-top: 22px;
}

#sub.basic_info .sns_info .btm .btn_wrap .cl_btn {
	width: 100%;
	font-size: 1.3rem;
	height: 40px;
	line-height: 40px;
	display: none;
	font-weight: 400;
}

#sub.basic_info .sns_info .btm .btn_wrap .cl_btn.on {
	display: inline-block;
}

#sub.basic_info .sns_info .connected {
	background-color: #fff;
	border-color: #eee;
	box-shadow: 2px 2px 13px 2px rgba(0, 0, 0, 0.09);
}

#sub.basic_info .sns_info .connected h3 {
	color: #181818;
}

#sub.basic_info .sns_info .connected .btm ul li {
	color: #181818;
}

#sub.basic_info .sns_info .connected .btm ul li b {
	font-weight: 500;
	color: #1560fd;
}

#sub.basic_info .nl_wrap {
	padding: 50px 50px 85px;
}

#sub.basic_info .nl_cont {
	margin-top: 84px;
}

#sub.basic_info .nl_cont .txt_box {
	text-align: center;
}

#sub.basic_info .nl_cont .txt_box img {
	width: 107px;
	height: 105px;
}

#sub.basic_info .nl_cont .txt_box span {
	display: block;
	margin-top: 20px;
	font-size: 1.4rem;
	font-weight: 400;
	color: #1560fd;
	letter-spacing: -0.5px;
	line-height: 1;
}

#sub.basic_info .nl_cont .nl_box {
	width: 100%;
	max-width: 516px;
	margin: 30px auto 0;
	padding: 35px 35px 40px;
	font-size: 0;
	text-align: center;
}

#sub.basic_info .nl_cont .nl_box .chk {
	display: inline-block;
}

#sub.basic_info .nl_cont .nl_box .chk label {
	height: 26px;
	border: 0;
	font-size: 1.5rem;
	color: #73797c;
	line-height: 26px;
}

#sub.basic_info .nl_cont .nl_box .btn_wrap {
	margin-top: 20px;
}

#sub.basic_info .nl_cont .nl_box .btn_wrap .btns {
	width: 165px;
	font-weight: 500;
}

#sub.basic_info .fee_info .left .btm .btns2 {
	position: absolute;
	right: -10;
	top: -20;
	z-index: 5;
}

#sub.basic_info .payment {
	min-height: 303px;
}

#sub.basic_info .payment .box_title {
	position: relative;
}

#sub.basic_info .payment .box_title h3 {
	height: 36px;
	line-height: 36px;
}

#sub.basic_info .payment .box_title .pay_case {
	position: absolute;
	right: 0;
	top: 0;
}

#sub.basic_info .payment .pay_list {
	margin-top: 13px;
}

#sub.basic_info .payment .pay_list ul li .item {
	padding: 21.5px;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 0 9px rgba(140, 140, 140, 0.13);
	border: 1px solid #eee;
}

#sub.basic_info .payment .pay_list ul li .item p {
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1;
}

.withdrawal_btn {
	font-size: 1.4rem;
	font-weight: 500;
	border: 1px solid #1560fd;
	box-shadow: none;
}

/*이용중인 요금제(무료)*/
#sub.free .fee_info .left .btm .btns2 {
	position: absolute;
	right: 0;
	top: 10px;
	z-index: 5;
}

#sub.free .fee_info .right .btm {
	margin-top: 32px;
}

#sub.free .fee_info .right .box {
	padding: 38px 40px;
}

#sub.free .fee_info .right .box ul {
	position: relative;
	padding-left: 110px;
	box-sizing: border-box;
}

#sub.free .fee_info .right .box ul::before {
	content: '';
	display: block;
	clear: both;
	width: 62px;
	height: 57px;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -28.5px;
	background-image: url('/resource/image/ico_mail.svg');
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-size: auto;
}

#sub.free .fee_info .right .box ul li {
	margin-top: 12px;
	padding-left: 7px;
	box-sizing: border-box;
	font-size: 1.5rem;
	font-weight: 500;
	color: #395ff8;
	letter-spacing: -0.5px;
	line-height: 1;
	position: relative;
}

#sub.free .fee_info .right .box ul li:first-child {
	margin-top: 0;
}

#sub.free .fee_info .right .box ul li::before {
	content: '';
	display: block;
	clear: both;
	width: 4px;
	height: 4px;
	position: absolute;
	left: 0;
	top: 6px;
	background-color: #395ff8;
	border-radius: 4px;
}

#sub.free .promo_code {
	margin-top: 30px;
}

#sub.free .promo_code .box_title {
	position: absolute;
	left: 0;
	top: 0;
	width: 275px;
}

#sub.free .promo_code .box_title h3 {
	height: 50px;
	line-height: 50px;
	font-size: 1.8rem;
}

#sub.free .promo_code .col {
	float: none;
}

#sub.free .bef_code {
	padding: 15px 45px 15px 47px;
}

#sub.free .bef_code .ip_wrap {
	position: relative;
	padding-left: 275px;
	box-sizing: border-box;
}

#sub.free .bef_code .box_title {
	width: 275px;
}

#sub.free .bef_code .ip_box {
	margin-top: 0;
	position: relative;
	padding-right: 160px;
	box-sizing: border-box;
}

#sub.free .bef_code .ip_box a {
	position: absolute;
	right: 0;
	top: 0;
	margin-left: 0;
	width: 150px;
	height: 50px;
	line-height: 50px;
	font-size: 1.3rem;
}

#sub.free .bef_code .ip_box input[type="text"] {
	color: #111;
}

#sub.free .bef_code .ip_box input[type="text"]::placeholder {
	color: #888;
}

#sub.free .aft_code {
	font-size: 0;
	padding: 27.5px 45px 27.5px 47px;
}

#sub.free .aft_code .hgt_24 {
	display: inline-block;
	height: 24px;
	line-height: 24px;
}

#sub.free .aft_code .left {
	float: left;
}

#sub.free .aft_code .left strong {
	padding-right: 20px;
	box-sizing: border-box;
	font-size: 1.8rem;
	letter-spacing: -0.5px;
}

#sub.free .aft_code .left span {
	padding-left: 20px;
	box-sizing: border-box;
	font-size: 2rem;
	font-weight: 600;
	border-left: 1px solid rgba(135, 135, 135, 0.3);
}

#sub.free .aft_code .right {
	float: right;
}

#sub.free .aft_code .right p {
	box-sizing: border-box;
}

#sub.free .aft_code .right p.s_cnt {
	padding-right: 48px;
}

#sub.free .aft_code .right p.s_limit {
	padding-left: 48px;
	border-left: 1px solid rgba(135, 135, 135, 0.3);
}

#sub.free .aft_code .right p span {
	display: inline-block;
	font-size: 1.4rem;
	font-weight: 400;
	color: #181818;
}

#sub.free .aft_code .right p span:first-child {
	color: #2f2f2f;
	margin-right: 25px;
}

#sub.free .aft_code .right p span b {
	font-weight: 600;
}

/*이용중인 요금제(유료)*/
#sub.payed .fee_info .btn_wrap {
	margin-top: 0;
}

#sub.payed .fee_info .btn_wrap>div {
	margin-left: 0;
}

#sub.payed .fee_info .btn_wrap .left {
	text-align: center;
}

#sub.payed .fee_info .btn_wrap .left>a {
	width: calc(50% - 5px);
	margin-bottom: 10px;
}

#sub.payed .fee_info .btn_wrap .left>a:nth-child(1) {
	margin-right: 10px;
}

#sub.payed .fee_info .btn_wrap .left>a:nth-child(2) {
	margin-left: 5px;
}

/*#sub.fee .section2 .PageTitle .title{margin-top:0; font-size:0; text-align:left;}
#sub.fee .section2 .PageTitle .title h2{display:inline-block; vertical-align:middle; line-height:26px;}*/
#sub.payed .pay_info1 ul li b {
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -7.5px;
	font-size: 1.5rem;
	line-height: 1;
}

#sub.payed .section {
	padding-bottom: 0;
	margin-top: 20px;
}

#sub.payed .page_cont>div {
	margin-top: 30px;
}

#sub.payed .fee_info .btn_wrap {
	margin-top: 25px;
	position: relative;
}

#sub.payed .fee_info .btn_wrap .left {
	width: 100%;
	max-width: 290px;
}

#sub.payed .fee_info .btn_wrap .left>a {
	width: calc(50% - 5px);
	font-weight: 500;
	border-color: #1560fd;
}

#sub.payed .fee_info .btn_wrap>a {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 170px;
	height: 50px;
	line-height: 50px;
	font-size: 1.4rem;
	font-weight: 500;
	color: #fff;
	border-radius: 5px;
}

#sub.payed .fee_info .btn_wrap ul li {
	margin-top: -7px;
	position: relative;
	padding-left: 100px;
	box-sizing: border-box;
}

#sub.payed .fee_info .btn_wrap ul li span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 89px;
	height: 25px;
	line-height: 25px;
	font-size: 1.3rem;
	font-weight: 500;
	color: #fff;
	border-radius: 5px;
}

#sub.payed .fee_info .btn_wrap ul li strong {
	font-size: 1.6rem;
	font-weight: 300;
	color: #111;
	line-height: 25px;
}

#sub.payed .fee_info .btn_wrap ul li strong b {
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1;
}

#sub.payed .fee_info .left .btm {
	margin-top: 36px;
}

#sub.payed .fee_info .left .btm .colTxt {
	padding-top: 0;
}

#sub.payed .fee_info .right .btm {
	margin-top: 32px;
}

#sub.payed .fee_info .right .btm ul li>b {
	display: block;
	margin-top: 10px;
	font-size: 1.6rem;
	font-weight: 600;
	color: #111;
	letter-spacing: -0.5px;
	line-height: 26px;
}

#sub.payed .fee_info .right .btn_wrap {
	margin-top: 101px;
}

#sub.payed .pay_info1 ul li p {
	font-size: 1.6rem;
}

#sub.payed .pay_info2 {
	margin-top: 45px;
}

#sub.payed .pay_info2 .tit_wrap>a::before {
	display: none;
}

#sub.payed .fee_info .right .box ul {
	position: relative;
	padding-left: 75px;
	box-sizing: border-box;
}

#sub.payed .fee_info .right .box ul::before {
	content: '';
	display: block;
	clear: both;
	width: 62px;
	height: 57px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -28.5px;
	background-image: url('/resource/image/ico_mail.svg');
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-size: auto;
}

#sub.payed .fee_info .right .box ul li {
	margin-top: 12px;
	padding-left: 7px;
	box-sizing: border-box;
	font-size: 1.5rem;
	font-weight: 500;
	color: #395ff8;
	letter-spacing: -0.5px;
	line-height: 1;
	position: relative;
}

#sub.payed .fee_info .right .box ul li:first-child {
	margin-top: 0;
}

#sub.payed .fee_info .right .box ul li::before {
	content: '';
	display: block;
	clear: both;
	width: 4px;
	height: 4px;
	position: absolute;
	left: 0;
	top: 6px;
	background-color: #395ff8;
	border-radius: 4px;
}

#sub.payed .box>div {
	padding: 0;
}

#sub.payed .box .tit_wrap b.tit {
	line-height: 36px;
}

#sub.payed .box .tit_wrap>a {
	position: absolute;
	right: 0;
	top: 0;
}

#sub.payed .con_wrap .box .tb_wrap {
	margin-top: 30px;
}

#sub.payed .con_wrap .left.box .tb_wrap>ul>li>div:nth-child(1) {
	width: 20%;
}

#sub.payed .con_wrap .left.box .tb_wrap>ul>li>div:nth-child(2) {
	width: 45%;
}

#sub.payed .con_wrap .left.box .tb_wrap>ul>li>div:nth-child(3) {
	width: 20%;
}

#sub.payed .con_wrap .left.box .tb_wrap>ul>li>div:nth-child(4) {
	width: 10%;
}

#sub.payed .con_wrap .right.box .tb_wrap>ul>li>div:nth-child(1) {
	width: 18.75%;
}

#sub.payed .con_wrap .right.box .tb_wrap>ul>li>div:nth-child(2) {
	width: 21.5%;
}

#sub.payed .con_wrap .right.box .tb_wrap>ul>li>div:nth-child(3) {
	width: 33.05%;
}

#sub.payed .con_wrap .right.box .tb_wrap>ul>li>div:nth-child(4) {
	width: 16%;
}

#sub.payed .con_wrap .right.box .tb_wrap>ul>li>div:nth-child(5) {
	width: 10.7%;
}

/*이용중인 요금제 상세보기*/
#sub.pay_details .size {
	padding: 0;
	max-width: 910px;
}

#sub.pay_details .con_wrap .box .tit_wrap b.tit {
	height: 30px;
	line-height: 30px;
}

#sub.pay_details .tit_wrap .srch_date {
	position: absolute;
	right: 0;
	top: 0;
}

#sub.pay_details .tit_wrap {
	margin-bottom: 40px;
}

/*결제내역 상세보기*/
#sub.details1 .con_wrap .box .tb_wrap>ul>li>div:nth-child(1) {
	width: 15%;
}

#sub.details1 .con_wrap .box .tb_wrap>ul>li>div:nth-child(2) {
	width: 45%;
}

#sub.details1 .con_wrap .box .tb_wrap>ul>li>div:nth-child(3) {
	width: 10%;
}

#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: 15%;
}

#sub.details1 .con_wrap .box .tb_wrap>ul>li>div.none {
	width: 100%;
	text-align: center;
}

/*사용내역 상세보기*/
#sub.details2 .con_wrap .box .tb_wrap>ul>li>div:nth-child(1) {
	width: 18.5%;
}

#sub.details2 .con_wrap .box .tb_wrap>ul>li>div:nth-child(2) {
	width: 21.35%;
}

#sub.details2 .con_wrap .box .tb_wrap>ul>li>div:nth-child(3) {
	width: 20.25%;
}

#sub.details2 .con_wrap .box .tb_wrap>ul>li>div:nth-child(4) {
	width: 18.5%;
}

#sub.details2 .con_wrap .box .tb_wrap>ul>li>div:nth-child(5) {
	width: 11.55%;
}

#sub.details2 .con_wrap .box .tb_wrap>ul>li>div:nth-child(6) {
	width: 9.85%;
}

#sub.details2 .tb_wrap.ver2>ul>li>div.pic span {
	padding-top: 2px;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
}

#sub.details2 .tb_wrap.ver2>ul>li>div.pic b {
	display: inline-block;
	vertical-align: middle;
	font-weight: 500;
}

#sub.details2 .con_wrap .box .tb_wrap>ul>li>div.none {
	width: 100%;
	text-align: center;
}

/*요금제 변경*/
#sub.change_plan .section1 {
	padding-top: 0;
}

#sub.change_plan .section1 .cols .col {
	padding-bottom: 45px;
}

#sub.change_plan .section1 .colTxt {
	width: 100%;
	max-width: 828px;
	margin: 0 auto;
}

#sub.change_plan .section1 .box {
	padding: 33.5px;
}

#sub.change_plan .section1 .box_title {
	padding: 0;
}

#sub.change_plan .section1 .btm {
	margin-top: 25px;
	font-size: 0;
	text-align: center;
}

#sub.change_plan .section1 .btm p {
	display: inline-block;
	position: relative;
	padding-left: 115px;
	box-sizing: border-box;
	font-weight: 500;
	line-height: 1.65;
}

#sub.change_plan .section1 .btm p::before {
	content: '';
	display: block;
	clear: both;
	width: 87px;
	height: 67px;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url('/resource/image/ico_calendar2.svg');
	background-repeat: no-repeat;
	background-position: 0 49%
}

#sub.change_plan .section2 .cols .col {
	padding-bottom: 45px;
}

#sub.change_plan .feeList .boxArea .right ul li a::before {
	display: block;
	clear: both;
	width: 53px;
	height: 52px;
	line-height: 52px;
	position: absolute;
	right: -10px;
	top: -11px;
	font-size: 1.3rem;
	font-weight: 600;
	color: #fff;
	letter-spacing: -0.3px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#sub.change_plan .feeList .boxArea .right ul li a.current {
	border: 1px solid #5a86fd;
}

#sub.change_plan .feeList .boxArea .right ul li a.current::before {
	content: '사용중';
	background-image: url('/resource/image/ico_shape1.svg');
}

#sub.change_plan .feeList .boxArea .right ul li a.recommendation {
	border: 1px solid #2fc673;
	background-color: rgba(236, 251, 243, 0.95);
}

#sub.change_plan .feeList .boxArea .right ul li a.recommendation span {
	background-color: #03ba56;
}

#sub.change_plan .feeList .boxArea .right ul li a.recommendation p {
	color: #03ba56;
}

#sub.change_plan .feeList .boxArea .right ul li a.recommendation::before {
	content: '추천';
	background-image: url('/resource/image/ico_shape2.svg');
}

/*보안 설정*/
#sub.security .con_wrap {
	padding: 0;
}

#sub.security .chg_pw .ip_box {
	margin-top: 0;
	position: relative;
	width: 100%;
	max-width: 575px;
	box-sizing: border-box;
}

#sub.security .chg_pw .ip_box a {
	width: 100%;
}

#sub.security .chg_pw .ip_wrap {
	margin-top: 20px;
}

#sub.security .chg_pw .box_title p {
	font-size: 1.2rem;
}

#sub.security .active_rpt {
	margin-top: 30px;
}

#sub.security .active_rpt .chk_list {
	margin-top: 15px;
}

#sub.security .active_rpt .chk_list li {
	position: relative;
	padding-left: 19px;
	box-sizing: border-box;
}

#sub.security .active_rpt .chk_list li::before {
	content: '';
	display: block;
	clear: both;
	width: 10px;
	height: 7px;
	position: absolute;
	left: 0;
	top: 7px;
	background-image: url('/resource/image/ico_check_s.svg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#sub.security .active_rpt .chk_list li p {
	margin-top: 0;
	line-height: 1.5;
}

#sub.security .tb_wrap {
	margin-top: 15px;
}

#sub.security .tb_wrap>ul>li {
	position: relative;
	padding-right: 0px;
	box-sizing: border-box;
}

#sub.security .tb_wrap>ul>li .last {
	position: absolute;
	right: 0;
	top: 0;
	width: 133px;
	padding: 0;
}

#sub.security .tb_wrap>ul>li>div>div {
	float: left;
}

#sub.security .tb_wrap>ul>li.head {
	margin-bottom: 0;
	box-sizing: border-box;
	height: 30px;
	line-height: 30px;
	font-weight: 600;
	color: #777;
	background-color: #e7eaec;
	border-radius: 8px;
}

#sub.security .tb_wrap>ul>li.head>div:not(.last) {
	width: 100%;
}

#sub.security .tb_wrap>ul>li:not(.head) {
	color: #555;
	font-weight: 400;
	height: 50px;
	border: 0;
	padding-left: 0;
}

#sub.security .tb_wrap>ul>li .btn_wrap .btns {
	display: none;
	margin-left: 0;
	height: 50px;
	line-height: 50px;
	width: 133px;
	font-size: 1.4rem;
	font-weight: 500;
}

#sub.security .tb_wrap>ul>li .btn_wrap .btns.active {
	display: inline-block;
}

#sub.security .tb_wrap>ul>li:not(.head)>div:not(.last) {
	width: 100%;
	padding: 0 20px;
	background-color: #fff;
	border: 1px solid #e2e7ea;
	box-sizing: border-box;
	border-radius: 10px;
	float: none;
}

#sub.security .tb_wrap>ul>li:not(.head)>div>div:first-child {
	color: #111;
	font-weight: 600;
}

#sub.security .tb_wrap>ul>li .wid1 {
	width: 31%;
}

#sub.security .tb_wrap>ul>li .wid2 {
	width: 32.75%;
}

#sub.security .tb_wrap>ul>li .wid3 {
	width: 36.25%;
}

/* ==================================================
	주소록
================================================== */

/*주소록 - 메인*/
#sub.addr_idx .cols .col {
	padding: 50px 45px 50px 55px;
}

#sub.addr_idx .addr_cont .btn_wrap {
	margin-top: 0;
	text-align: left;
}

#sub.addr_idx .addr_cont .btn_wrap a {
	display: inline-block;
	vertical-align: middle;
	width: 152px;
	height: 52px;
	line-height: 52px;
	margin-left: 0;
	padding: 0 25px;
	box-sizing: border-box;
	font-size: 1.3rem;
	position: relative;
}

#sub.addr_idx .addr_cont .btn_wrap a::before {
	content: '';
	display: block;
	clear: both;
	width: 15px;
	height: 15px;
	position: absolute;
	right: 25px;
	top: 50%;
	margin-top: -7.5px;
	z-index: 5;
	background-image: url('/resource/image/ico_plus2.svg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 15px;
}

#sub.addr_idx .addr_cont .btn_wrap p {
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
	padding-left: 15px;
	box-sizing: border-box;
	font-size: 1.4rem;
	font-weight: 400;
	color: #5168f5;
	position: relative;
}

#sub.addr_idx .addr_cont .btn_wrap p::before {
	content: '';
	display: block;
	clear: both;
	width: 10px;
	height: 7px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1.5px;
	background-image: url('/resource/image/ico_check_s.svg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#sub.addr_idx .addr_form>div {
	margin-top: 23px;
	display: none;
}

#sub.addr_idx .addr_form>div.active {
	display: block;
}

#sub.addr_idx .tb_wrap>ul>li {
	margin-bottom: 15px;
}

#sub.addr_idx .tb_wrap>ul>li.head>div {
	color: #0060ff;
}

#sub.addr_idx .tb_wrap>ul>li:not(.head) {
	height: 65px;
}

#sub.addr_idx .tb_wrap>ul>li>div:nth-child(1) {
	width: 16.95%;
}

#sub.addr_idx .tb_wrap>ul>li>div:nth-child(2) {
	width: 43.45%;
}

#sub.addr_idx .tb_wrap>ul>li>div:nth-child(3) {
	width: 16.95%;
}

#sub.addr_idx .tb_wrap>ul>li>div:nth-child(4) {
	width: 22.65%;
}

#sub.addr_idx .no_addr .tb_wrap .tb_area {
	height: auto;
	line-height: initial;
	background-color: #f4f7f9;
	border: 2px dotted #b6c2ca;
}

#sub.addr_idx .no_addr .tb_wrap .tb_box {
	float: none;
	width: 100%;
	height: 328px;
}

#sub.addr_idx .no_addr .txt_box .ico {
	display: block;
}

#sub.addr_idx .no_addr .txt_box .ico img {
	width: 97px;
	height: 92px;
}

#sub.addr_idx .no_addr .txt_box em {
	display: block;
	margin-top: 27px;
	font-size: 2.1rem;
	font-weight: 600;
	letter-spacing: -0.5px;
	line-height: 1;
}

#sub.addr_idx .no_addr .txt_box p {
	margin-top: 8px;
	font-size: 1.8rem;
	font-weight: 500;
	color: #424658;
	line-height: 1;
}

#sub.addr_idx .addr_list .tb_wrap>ul>li:not(.head) {
	position: relative;
	color: #555;
}

#sub.addr_idx .addr_list .tb_btn {
	font-size: 0;
}

#sub.addr_idx .addr_list .tb_btn a {
	display: inline-block;
	margin-left: 5px;
	width: 98px;
	height: 36px;
	line-height: 34px;
	font-size: 1.3rem;
	font-weight: 500;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-radius: 5px;
}

#sub.addr_idx .addr_list .tb_btn a.go_view {
	color: #395ff8;
	border-color: #395ff8;
}

#sub.addr_idx .addr_list .tb_btn a.go_rewrite {
	color: #4b4b4b;
	border-color: #4b4b4b;
}

#sub.addr_idx .addr_list .tb_btn a:first-child {
	margin-left: 0;
}

#sub.addr_idx .addr_list .del_btn {
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -12.5px;
}


/*그룹원 등록 · 수정*/
#sub.regist .con_wrap {
	padding: 0;
}

#sub.regist .co_area {
	padding: 0;
	position: relative;
	padding: 28px 10.15% 28px 20.25%;
	overflow: hidden;
}

#sub.regist .co_name {
	position: absolute;
	left: 0;
	top: 0;
	padding-left: 50px;
	box-sizing: border-box;
	width: 20.25%;
	height: 100%;
	line-height: 80px;
}

#sub.regist .co_name strong {
	display: block;
	font-size: 1.8rem;
	font-weight: 600;
	letter-spacing: -0.5px;
}

#sub.regist .co_info p {
	padding-left: 20px;
	font-size: 1.6rem;
	font-weight: 400;
	border-left: 1px solid rgba(136, 136, 136, 0.3);
	line-height: 24px;
}

#sub.regist .peo_num {
	position: absolute;
	right: 0;
	top: 0;
	width: 10.15%;
	height: 100%;
	line-height: 80px;
	text-align: center;
	background-color: #0d68ff;
}

#sub.regist .peo_num span {
	display: block;
	font-size: 1.8rem;
	font-weight: 400;
	color: #fff;
	letter-spacing: -0.5px;
}

#sub.regist .peo_num span b {
	font-weight: 600;
}

#sub.regist .g_reg {
	margin-top: 20px;
}

#sub.regist .btn_wrap {
	margin-top: 0;
}

#sub.regist .file_form {
	position: relative;
	padding: 14px 440px 14px 145px;
	box-sizing: border-box;
	background-color: #f4f9fc;
	border: 1px solid #e1e8eb;
	border-radius: 10px;
}

#sub.regist .file_form .left {
	position: absolute;
	left: 20px;
	top: 0;
	height: 80px;
	line-height: 80px;
}

#sub.regist .file_form .center .ip_box {
	position: relative;
	margin-top: 0;
}

#sub.regist .file_form .center .ip_box input[type="text"] {
	border-color: #1560fd;
	color: #111;
}

#sub.regist .file_form .center p .del_btn {
	position: absolute;
	right: 12px;
	top: 50%;
	margin-top: -12.5px;
}

#sub.regist .file_form .right {
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -18px;
}

#sub.regist .file_form .btn_wrap .btns {
	padding: 0 15px;
	box-sizing: border-box;
	height: 36px;
	line-height: 36px;
	font-size: 1.3rem;
	border-radius: 5px;
	text-align: left;
	cursor: pointer;
}

#sub.regist .file_form .btn_wrap p {
	float: left;
	height: 36px;
	position: relative;
}

#sub.regist .file_form .btn_wrap p label {
	float: none;
	margin-left: 0;
	position: relative;
}

#sub.regist .file_form .btn_wrap p input[type="file"] {
	position: absolute;
	left: -99999999px;
	top: 0;
}

#sub.regist .file_form .btn_wrap a.btns {
	margin-left: 5px;
	position: relative;
}

#sub.regist .file_form .file_btn {
	width: 96px;
	background: linear-gradient(to bottom, rgb(22, 24, 39) 20%, rgb(2, 2, 2) 100%);
}

#sub.regist .file_form .addr_btn {
	width: 132px;
	background: linear-gradient(to bottom, rgb(22, 24, 39) 20%, rgb(2, 2, 2) 100%);
}

#sub.regist .file_form .file_btn::before,
#sub.regist .file_form .addr_btn::before {
	content: '';
	display: block;
	clear: both;
	width: 7px;
	height: 8px;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -4px;
	background-image: url('/resource/image/ico_trig.svg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#sub.regist .file_form .sample_down {
	width: 170px;
	/*background:linear-gradient( to bottom, rgb(159,171,180) 20%, rgb(139,154,165) 100%);*/
}

#sub.regist .file_form .sample_down::before {
	content: '';
	display: block;
	clear: both;
	width: 10px;
	height: 10px;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -5px;
	background-image: url('/resource/image/ico_download.svg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#sub.regist .error_box {
	margin-top: 10px;
	padding: 0 15px;
	box-sizing: border-box;
	position: relative;
	background-color: #de4747;
	border-radius: 10px;
}

#sub.regist .error_box p {
	font-size: 0;
	height: 39px;
	line-height: 39px;
}

#sub.regist .error_box p span {
	display: inline-block;
	padding: 0 7.5px;
	box-sizing: border-box;
	font-size: 1.4rem;
	font-weight: 400;
	color: #fff;
	position: relative;
}

#sub.regist .error_box p span::before {
	content: '';
	display: block;
	clear: both;
	width: 2px;
	height: 12px;
	position: absolute;
	left: -1px;
	top: 13px;
	background-color: #e87e7e;
	transform: skew(-28deg);
	-webkit-transform: skew(-28deg)
}

#sub.regist .error_box p span:first-child {
	padding-left: 0;
}

#sub.regist .error_box p span:first-child::before {
	display: none;
}

#sub.regist .error_box p b {
	font-weight: 600;
}

#sub.regist .error_box .error_ch {
	display: block;
	position: absolute;
	right: 7px;
	top: 50%;
	margin-top: -13.5px;
	width: 100px;
	height: 27px;
	line-height: 27px;
	font-size: 12px;
	font-weight: 600;
	color: #d03232;
	border-radius: 8px;
	background-color: #f0e2e2;
	text-align: center;
}

#sub.regist .g_info {
	margin-top: 20px;
	position: relative;
}

#sub.regist .g_info .left {
	height: 40px;
	line-height: 40px;
	font-size: 0;
}

#sub.regist .g_info .left span {
	display: inline-block;
	padding: 0 12.5px;
	box-sizing: border-box;
	position: relative;
}

#sub.regist .g_info .left span::before {
	content: '';
	display: block;
	clear: both;
	width: 1px;
	height: 13px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -7.5px;
	background-color: #c0cdd2;
}

#sub.regist .g_info .left span:first-child {
	padding-left: 0;
}

#sub.regist .g_info .sp1 {
	font-size: 1.5rem;
	font-weight: 500;
	letter-spacing: -0.5px;
	line-height: 1;
}

#sub.regist .g_info .sp1 b {
	font-weight: 700;
}

#sub.regist .g_info .sp1 b i {
	font-size: 1.3rem;
	font-weight: 700;
}

#sub.regist .g_info .sp2 {
	font-size: 1.3rem;
	font-weight: 600;
	color: #2a2d41;
}

#sub.regist .g_info .sp2 b {
	font-size: 1.8rem;
	font-weight: 700;
	color: #3a60f9;
}

#sub.regist .g_btn {
	position: absolute;
	right: 0;
	top: 0;
}

#sub.regist .g_btn .drp_wrap>a {
	height: 36px;
	line-height: 36px;
	font-size: 1.3rem;
}

#sub.regist .g_btn .drp_wrap>a::before {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 6px solid #1560fd;
}

#sub.regist .g_btn .drp_wrap>ul {
	top: 36px;
}

#sub.regist .g_btn .drp_wrap>ul>li>a {
	height: 36px;
	line-height: 36px;
	font-size: 1.3rem;
}

#sub.regist .g_btn a.icon_btn {
	width: 100%;
	padding: 0 15px;
	font-size: 12px;
}

#sub.regist .g_btn a.add_btn {
	background: linear-gradient(to bottom, rgb(46, 48, 61) 20%, rgb(13, 13, 13) 100%);
}

#sub.regist .g_btn a.add_btn::before {
	width: 12px;
	height: 12px;
	margin-top: -5.5px;
	background-image: url('/resource/image/ico_plus4.svg');
}

#sub.regist .g_btn a.list_del {
	background: linear-gradient(to bottom, rgb(159, 171, 180) 20%, rgb(139, 154, 165) 100%);
}

#sub.regist .g_btn a.list_del::before {
	width: 12px;
	height: 2px;
	margin-top: -1px;
	right: 13px;
	background-image: none;
	background-color: #fff;
}

#sub.regist .g_btn .srch_btn {
	position: absolute;
	left: 15px;
	top: 50%;
	margin-top: -8px;
	width: 16px;
	height: 16px;
	background-image: url('/resource/image/ico_search.svg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 16px;
	background-color: initial;
}

#sub.regist .g_btn .srch_text {
	height: 40px;
	padding: 0 10px 0 40px;
	font-size: 12px;
	font-weight: 500;
	color: #111;
	border: 1px solid #d8d8d8;
	border-radius: 5px;
}

#sub.regist .g_btn .srch_text::placeholder {
	font-size: 12px;
	font-weight: 500;
	color: #bfc5c9;
}

#sub.regist .g_btn>ul {
	margin-left: -5px;
}

#sub.regist .g_btn>ul>li {
	float: left;
	margin-left: 5px;
	text-align: left;
	position: relative;
}

#sub.regist .g_btn>ul>li.li1 {
	width: 160px;
}

#sub.regist .g_btn>ul>li.li2 {
	width: 107px;
}

#sub.regist .g_btn>ul>li.li3 {
	width: 93px;
}

#sub.regist .g_btn>ul>li.li4 {
	margin-left: 10px;
	width: 90px;
}

#sub.regist .g_btn>ul>li.li5 {
	width: 178px;
	margin-top: -1px;
}

#sub.regist .g_list {
	margin-top: 35px;
}

#sub.regist .g_list .chk_wrap {
	position: relative;
}

#sub.regist .g_list .chk_wrap label {
	padding-left: 0;
	font-size: 0;
	text-indent: -999999px;
}

#sub.regist .tb_wrap.ver2>ul>li {
	padding: 0 10px;
}

#sub.regist .tb_wrap.ver2>ul>li.head>div {
	height: 19px;
	line-height: 19px;
}

#sub.regist .tb_wrap.ver2>ul>li>div {
	padding-left: 5px;
	box-sizing: border-box;
}

#sub.regist .tb_wrap.ver2>ul>li>div:first-child {
	padding-left: 0;
}

#sub.regist .tb_wrap>ul>li>div:nth-child(1) {
	width: 1.75%;
}

#sub.regist .tb_wrap>ul>li>div:nth-child(2) {
	width: 14.65%;
}

#sub.regist .tb_wrap>ul>li>div:nth-child(3) {
	width: 19.45%;
}

#sub.regist .tb_wrap>ul>li>div:nth-child(4) {
	width: 9.15%;
}

#sub.regist .tb_wrap>ul>li>div:nth-child(5) {
	width: 27.5%;
}

#sub.regist .tb_wrap>ul>li>div:nth-child(6) {
	width: 27.5%;
}

#sub.regist .tb_wrap>ul>li input[type="text"] {
	border-color: #e1e8eb;
}

#sub.regist .con_wrap>.btn_wrap {
	margin-top: 50px;
}

#sub.regist .con_wrap>.btn_wrap>div {
	width: 100%;
	max-width: 325px;
	margin: 0 auto;
}

#sub.regist .con_wrap>.btn_wrap a {
	width: calc(50% - 10px);
	height: 50px;
	line-height: 50px;
}

#sub.registBox .tb_wrap>ul>li>div:nth-child(2) {
	width: 22%;
}

#sub.registBox .tb_wrap>ul>li>div:nth-child(3) {
	width: 24.25%;
}

#sub.registBox .tb_wrap>ul>li>div:nth-child(4) {
	width: 20%;
}

#sub.registBox .tb_wrap>ul>li>div:nth-child(5) {
	width: 16%;
}

#sub.registBox .tb_wrap>ul>li>div:nth-child(6) {
	width: 16%;
}

#sub.inviteBox .tb_wrap>ul>li>div:nth-child(2) {
	width: 22%;
}

/* ==================================================
	기업 정보
================================================== */

/*기업프로필 관리*/
#sub.busi_info .pageTitle .btn_wrap {
	margin-top: 0;
	position: absolute;
	right: 0;
	bottom: 0;
}

#sub.busi_info .pageTitle .btn_wrap .icon_btn {
	font-size: 12px;
}

#sub.busi_info .pageTitle .btn_wrap .btn_wait {
	width: 192px;
}

#sub.busi_info .pageTitle .btn_wrap .btn_wait:before {
	width: 19px;
	height: 17px;
	margin-top: -8.5px;
	background-image: url('/resource/image/ico_wait3.svg');
}

#sub.busi_info .pageTitle .btn_wrap .go_connect {
	width: 110px;
}

#sub.busi_info .pageTitle .btn_wrap .go_connect:before {
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background-image: url('/resource/image/ico_plus4.svg');
}

#sub.busi_info .pageTitle .btn_wrap .cancel_request {
	width: 145px;
}

#sub.busi_info .pageTitle .btn_wrap .cancel_request:before {
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background-image: url('/resource/image/ico_close2.svg');
}

#sub.busi_info .pageTitle .btn_wrap .clear_connect {
	width: 110px;
}

#sub.busi_info .pageTitle .btn_wrap .clear_connect:before {
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background-image: url('/resource/image/ico_close2.svg');
}

#sub.busi_info .info_1 .col {
	position: relative;
	padding: 20px 18px 20px 40px;
}

#sub.busi_info .info_1 .txt_box {
	float: left;
}

#sub.busi_info .info_1 .txt_box strong {
	display: block;
	height: 60px;
	line-height: 60px;
	font-size: 1.8rem;
	font-weight: 600;
}

#sub.busi_info .info_1 .btn_wrap {
	margin-top: 0;
	float: right;
}

#sub.busi_info .info_1 .btn_wrap .img_btn {
	display: inline-block;
	margin-left: 10px;
	height: 60px;
	line-height: 58px;
}

#sub.busi_info .info_1 .btn_wrap .iv_mem {
	width: 182px;
}

#sub.busi_info .info_1 .btn_wrap .go_master {
	width: 200px;
}

#sub.busi_info .info_2 .info_form {
	margin-top: 20px;
}

#sub.busi_info .info_2 .col-wrap {
	margin-top: 0;
	width: 102.3%;
	margin-left: -2.3%;
}

#sub.busi_info .info_2 .col-2 {
	float: left;
	width: 47.7%;
	margin-left: 2.3%;
}

#sub.busi_info .info_2 .co_name .col-wrap {
	width: 101.6%;
	margin-left: -1.6%;
}

#sub.busi_info .info_2 .co_name .col-2 {
	width: 48.4%;
	margin-left: 1.6%;
}

/*브랜딩 관리*/
#sub.branding_m .branding_info .info_wrap {
	width: 100%;
	max-width: 650px;
	margin: 0 auto;
}

#sub.branding_m .branding_info .box_title {
	position: relative;
}

#sub.branding_m .branding_info .box_title .toggle {
	position: absolute;
	right: 0;
	bottom: 0;
	padding-right: 60px;
	box-sizing: border-box;
}

#sub.branding_m .branding_info .box_title .toggle b {
	display: block;
	height: 20.8px;
	line-height: 20.8px;
	font-size: 1.3rem;
	font-weight: 500;
}

#sub.branding_m .branding_info .box_title .toggle p {
	position: absolute;
	right: 0;
	bottom: 0;
}

#sub.branding_m .box_cont {
	margin-top: 40px;
}

#sub.branding_m .part {
	margin-top: 20px;
}

#sub.branding_m .part:first-child {
	margin-top: 0;
}

#sub.branding_m .part2 .s_tit2 {
	margin-bottom: 10px;
}

#sub.branding_m .ip_box {
	margin-top: 0;
}

#sub.branding_m .logo_up {
	min-height: 110px;
	position: relative;
	padding-left: 130px;
	box-sizing: border-box;
}

#sub.branding_m .logo_up .profile_img {
	position: absolute;
	left: 0;
	top: 0;
	width: 110px;
	height: 110px;
	border-radius: 110px;
}

#sub.branding_m .logo_up .ip_box {
	margin-top: 10px;
	position: relative;
}

#sub.branding_m .logo_up .ip_box:first-child {
	margin-top: 0;
}

#sub.branding_m .logo_up .ip_box label {
	width: 100%;
}

#sub.branding_m .logo_up .ip_box .btns2 {
	width: 100%;
}

#sub.branding_m .logo_up .ip_box .btns_l {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
}

#sub.branding_m .logo_up .ip_box .btns_r {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
}

#sub.branding_m .logo_up .ip_box.wid108 {
	padding-right: 120px;
	box-sizing: border-box;
}

#sub.branding_m .logo_up .ip_box.wid108 a {
	width: 108px;
}

#sub.branding_m .b_preview {
	margin-top: 30px;
}

#sub.branding_m .b_preview .col {
	padding: 0;
	overflow: hidden;
}

#sub.branding_m .b_preview .preview_btn a {
	display: block;
	height: 54px;
	line-height: 54px;
	font-size: 1.5rem;
	font-weight: 600;
	letter-spacing: -0.3px;
	background-color: #f8f8f8;
	text-align: center;
}

#sub.branding_m .b_preview .img_wrap {
	padding: 50px 92px;
	box-sizing: border-box;
}

#sub.branding_m .b_preview .img_area {
	position: relative;
}

#sub.branding_m .b_preview .tlp_wrap2 {
	position: absolute;
}

#sub.branding_m .b_preview .name_tip {
	left: 110px;
	top: 8.6%;
}

#sub.branding_m .b_preview .caller_tip {
	left: 110px;
	top: 29%;
}

#sub.branding_m .b_preview .url_tip {
	left: 40%;
	bottom: 8.6%
}

#sub.branding_m .btn_wrap>div {
	display: inline-block;
	width: 100%;
	max-width: 600px;
}

#sub.branding_m .btn_wrap .btns {
	width: calc(50% - 10px);
}

/*기업정보 - 서명 옵션 관리*/
#sub.sign_opt .opt_wrap {
	width: 100%;
	max-width: 800px;
	margin: 20px auto 0;
}

#sub.sign_opt .opt_wrap .col-1 {
	float: none;
	margin-top: 20px;
	font-size: 0;
	position: relative;
}

#sub.sign_opt .opt_wrap .col-1:first-child {
	margin-top: 0;
}

#sub.sign_opt .opt_wrap .box_title {
	margin-bottom: 20px;
	position: relative;
}

/*#sub.sign_opt .opt_wrap .box_title.in_tlp{display:inline-block; padding-right:23px; box-sizing:border-box;}*/
#sub.sign_opt .msg_box {
	background-color: #1560fd;
}

#sub.sign_opt .msg_box .box_title {
	margin-bottom: 0;
}

#sub.sign_opt .msg_box h3 {
	font-size: 2.1rem;
	color: #fff;
}

#sub.sign_opt .msg_box span {
	display: block;
	margin-top: 10px;
	font-size: 1.8rem;
	font-weight: 500;
	color: #fff;
	line-height: 1;
}

#sub.sign_opt .in_radio ul li {
	float: left;
	width: 50%;
}

#sub.sign_opt .in_radio ul li.li1 {
	width: 50.5%;
}

#sub.sign_opt .in_radio ul li.li2 {
	width: 49.5%;
}

#sub.sign_opt .tlp_wrap {
	position: absolute;
	left: 156px;
	bottom: 1px;
	width: 100%;
	max-width: 300px;
}

#sub.sign_opt .tlp_wrap .tlp_box {
	top: 45%;
}

#sub.sign_opt .tlp_wrap .tlp_box p {
	margin-top: 0;
	letter-spacing: 0;
}

#sub.sign_opt .t_wrap {
	margin-top: 10px;
}

#sub.sign_opt .t_wrap textarea {
	width: 100%;
	height: 130px;
	padding: 20px;
	font-size: 1.4rem;
	line-height: 1.5;
	border-radius: 10px;
	border: 1px solid #e2e7ea;
	resize: none;
	box-sizing: border-box;
}

#sub.sign_opt .t_wrap textarea::placeholder {
	font-size: 1.4rem;
	color: #929ca1;
}

#sub.sign_opt .btn_wrap>div {
	display: inline-block;
	width: 100%;
	max-width: 600px;
}


/* ==================================================
	팝업
================================================== */

/*내정보 - 팝업*/
.myinfo_pop .pop_inner1 {
	max-width: 560px;
}

.myinfo_pop .pop_inner2 {
	max-width: 540px;
}

.myinfo_pop .pop_inner3 {
	max-width: 595px;
}

.myinfo_pop .pop_inner4 {
	max-width: 680px;
}

.myinfo_pop .pop_inner .pop {
	padding: 50px;
}

.myinfo_pop .pop .btn_wrap {
	margin-top: 23px;
}

.myinfo_pop .blue_box {
	padding: 0 20px;
	box-sizing: border-box;
	text-align: center;
	font-size: 0;
	background-color: #f5f9fc;
	border: 1px solid #e2e7ea;
	border-radius: 10px;
}

.myinfo_pop .ip_box span {
	margin-bottom: 10px;
}

.myinfo_pop .ip_wrap .ip_box input[type="text"],
.myinfo_pop .ip_wrap .ip_box input[type="tel"],
.myinfo_pop .ip_wrap .ip_box input[type="password"],
.myinfo_pop .ip_wrap .ip_box input[type="number"] {
	border-radius: 10px;
	border: 1px solid #e2e7ea;
	background: #fff;
	color: #1560fd;
	padding: 4px 14px;
	font-size: 1.4rem;
	font-weight: 400;
	box-sizing: border-box;
	line-height: 50px;
	height: 50px;
}

.myinfo_pop .ip_wrap .ip_box input[type="text"]:disabled,
.myinfo_pop .ip_wrap .ip_box input[type="tel"]:disabled,
.myinfo_pop .ip_wrap .ip_box input[type="password"]:disabled,
.myinfo_pop .ip_wrap .ip_box input[type="number"]:disabled {
	background-color: #f2f6f9;
}

.myinfo_pop .ip_wrap .ip_box input[type="text"]::placeholder,
.myinfo_pop .ip_wrap .ip_box input[type="tel"]::placeholder,
.myinfo_pop .ip_wrap .ip_box input[type="password"]::placeholder,
.myinfo_pop .ip_wrap .ip_box input[type="number"]::placeholder {
	color: #929ca1;
	font-weight: 400;
	line-height: 1;
}

.myinfo_pop .ip_wrap .ip_box input[type="password"] {
	color: #111;
}

.myinfo_pop3 .warn_box {
	height: 253px;
	margin-top: 25px;
}

.myinfo_pop3 .warn_box .ico {
	display: block;
}

.myinfo_pop3 .warn_box .ico img {
	width: 64px;
	height: 62px;
}

.myinfo_pop3 .warn_box p {
	margin-top: 10px;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: -0.5px;
}

.myinfo_pop3 .warn_box p:fist-child {
	margin-top: 15px;
}

.myinfo_pop3 .pop_inner .point {
	margin-top: 10px;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1;
}

.myinfo_pop3 .pop_inner .btn_wrap {
	margin-top: 30px;
}

.myinfo_pop4 .e_info {
	margin-top: 20px;
	padding: 23.5px 20px;
	text-align: center;
	border-radius: 10px;
}

.myinfo_pop4 .e_info p {
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.3;
}

.myinfo_pop4 .e_info p span {
	font-size: 1.7rem;
}

.myinfo_pop4 .ip_wrap {
	margin-top: 30px;
}

.myinfo_pop4 .ip_box {
	margin-top: 30px;
}

.myinfo_pop4 .ip_box:first-child {
	margin-top: 0;
}

.myinfo_pop4 .ip_box input[type="password"] {
	margin-top: 5px;
}

.myinfo_pop4 .ip_box input[type="password"]:first-child {
	margin-top: 0;
}

.myinfo_pop4 .ip_box input[type="password"]::placeholder {
	color: #555;
}

.myinfo_pop4 .btn_wrap {
	margin-top: 20px;
}

.myinfo_pop5 .pop .btn_wrap {
	margin-top: 20px;
}

.myinfo_pop5 .ip_box {
	margin-top: 13px;
}

.myinfo_pop6 .blue_box {
	margin-top: 20px;
}

.myinfo_pop6 .blue_box b {
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: -0.5px;
	line-height: 1;
}

.myinfo_pop6 .blue_box p {
	margin-top: 5px;
	font-size: 1.7rem;
	font-weight: 600;
	letter-spacing: -0.5px;
	line-height: 1.4;
}

.myinfo_pop6 .blue_box span {
	display: block;
	font-size: 1.6rem;
	font-weight: 400;
}

.myinfo_pop6 .ch_wrap {
	margin-top: 13px;
}

.myinfo_pop6 .ch_wrap ul {
	margin-top: -8px;
}

.myinfo_pop6 .ch_wrap ul li {
	float: left;
	width: 50%;
	margin-top: 8px;
}

.myinfo_pop6 .pop .btn_wrap {
	margin-top: 30px;
}

.myinfo_pop6_1 .blue_box {
	height: 155px;
}

.myinfo_pop6_1 .ch_wrap ul li {
	padding-left: 10px;
	box-sizing: border-box;
}

.myinfo_pop6_1 .ch_wrap ul li.li1,
.myinfo_pop6_1 .ch_wrap ul li.li4 {
	width: 37%;
}

.myinfo_pop6_1 .ch_wrap ul li.li2,
.myinfo_pop6_1 .ch_wrap ul li.li5 {
	width: 36%;
}

.myinfo_pop6_1 .ch_wrap ul li.li3,
.myinfo_pop6_1 .ch_wrap ul li.li6 {
	width: 27%;
}

.myinfo_pop6_2 .blue_box {
	height: 178px;
}

.myinfo_pop6_3 .blue_box {
	height: 155px;
}

.myinfo_pop6_4 .pop_inner .pop {
	padding: 50px 40px 0;
}

.myinfo_pop6_4 .txt_box {
	text-align: center;
}

.myinfo_pop6_4 .result_box .ico {
	display: inline-block;
	width: 104px;
	height: 104px;
	line-height: 104px;
	font-size: 0;
	background-color: #c8dbe9;
	border-radius: 104px;
}

.myinfo_pop6_4 .result_box .ico img {
	display: inline-block;
	width: 69px;
	height: 50px;
}

.myinfo_pop6_4 .result_box p {
	margin-top: 20px;
	font-size: 1.7rem;
	font-weight: 500;
	line-height: 1.3;
}

.myinfo_pop6_4 .result_box p strong {
	display: block;
	font-size: 2.4rem;
	font-weight: 600;
	letter-spacing: -1.5px;
}

.myinfo_pop6_4 .pop .btn_wrap {
	margin-top: 27px;
}

.myinfo_pop6_4 .blue_box {
	margin-top: 35px;
	height: 230px;
}

.myinfo_pop6_4 .blue_box p {
	margin-top: 0;
	font-weight: 500;
}

.myinfo_pop6_4 .blue_box .btns {
	margin-left: 0;
	width: 100% !important;
	max-width: 290px;
}

.myinfo_pop7 .tit_box span {
	margin-top: 10px;
}

.myinfo_pop7 .pay_wrap {
	margin-top: 20px;
}

.myinfo_pop7 .pay_wrap ul li {
	margin-top: 10px;
}

.myinfo_pop7 .pay_wrap ul li:first-child {
	margin-top: 0;
}

.myinfo_pop7 .pay_wrap ul li .pay_tool {
	border-radius: 5px;
	box-shadow: 2px 2px 13px 2px rgba(0, 0, 0, 0.11);
	padding: 21px 20px;
}

.myinfo_pop7 .pay_wrap ul li .pay_tool {
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1;
}

.myinfo_pop7 .pay_wrap ul li .pay_tool b,
.myinfo_pop7 .pay_wrap ul li .pay_tool p {
	display: inline-block;
}

.myinfo_pop7 .pay_wrap ul li .pay_tool b {
	font-weight: 500;
}

.myinfo_pop7 .pay_wrap ul li .pay_tool p {
	margin-left: 15px;
}

.myinfo_pop7 .pop .btn_wrap {
	margin-top: 20px;
}

.myinfo_pop8 .pop_inner .pop {
	padding-top: 60px;
}

.myinfo_pop8 .tit_box {
	text-align: center;
}

.myinfo_pop8 .tit_box span {
	margin-top: 20px;
	display: block;
	font-size: 1.7rem;
	font-weight: 500;
	line-height: 1.3;
}

.myinfo_pop8 .tit_box span b {
	font-weight: 600;
}

.myinfo_pop8 .tit_box strong {
	display: block;
	font-size: 2.4rem;
	font-weight: 800;
	letter-spacing: -0.8px;
}

.myinfo_pop8 .fee_list {
	margin-top: 45px;
}

.myinfo_pop8 .fee_list ul {
	width: calc(100% + 13px);
	width: -webkit-calc(100% + 13px);
	margin-left: -13px;
}

.myinfo_pop8 .fee_list ul li {
	padding: 0;
	width: calc(50% - 13px);
	width: -webkit-calc(50% - 13px);
	margin-left: 13px;
	height: 230px;
	border-radius: 10px;
	border: 1px solid #7c888e;
	box-shadow: 2px 2px 13px 2px rgba(0, 0, 0, 0.09);
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
}

.myinfo_pop8 .fee_list ul li a {
	display: block;
	font-size: 0;
	text-align: center;
}

.myinfo_pop8 .fee_list ul li a span {
	display: inline-block;
	padding: 0 10px;
	box-sizing: border-box;
	min-width: 79px;
	height: 28px;
	line-height: 28px;
	font-size: 1.3rem;
	font-weight: 500;
	color: #fff;
	letter-spacing: 0;
	border-radius: 12.5px;
	background-color: #7c888e;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
}

.myinfo_pop8 .fee_list ul li a p {
	margin-top: 26px;
	font-size: 1.6rem;
	font-weight: 500;
	letter-spacing: -0.5px;
	line-height: 1;
}

.myinfo_pop8 .fee_list ul li a p b {
	font-weight: 700;
	font-size: 2.2rem;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
}

.myinfo_pop8 .fee_list ul li a p i {
	font-weight: 300;
}

.myinfo_pop8 .fee_list ul li a p .red {
	color: rgb(255, 1, 43) !important;
}

.myinfo_pop8 .fee_list ul li a p em {
	font-size: 1.8rem;
	font-weight: 700;
}

.myinfo_pop8 .fee_list ul li a strong {
	display: block;
	margin-top: 9px;
}

.myinfo_pop8 .fee_list ul li a strong b {
	display: inline-block;
	font-size: 2.6rem;
	font-weight: 700;
	color: #0e101f;
	letter-spacing: -0.5px;
	line-height: 1;
	position: relative;
	padding-left: 28px;
	box-sizing: border-box;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
}

.myinfo_pop8 .fee_list ul li a strong b::before {
	content: '';
	display: block;
	clear: both;
	width: 27px;
	height: 18px;
	position: absolute;
	left: 0;
	bottom: 4px;
	background-image: url('/resource/image/ico_won.svg');
	background-repeat: no-repeat;
	background-position: 0 -2px;
	background-size: 26px;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
}

.myinfo_pop8 .fee_list ul li a strong.red b {
	color: rgb(255, 1, 43) !important;
}

.myinfo_pop8 .fee_list ul li.on {
	border-color: #2168fd;
	background-color: rgba(243, 248, 255, 0.95);
	box-shadow: 2px 2px 13px 2px rgba(55, 93, 249, 0.23);
}

.myinfo_pop8 .fee_list ul li.on a span {
	background-color: #1560fd;
}

.myinfo_pop8 .fee_list ul li.on a p b {
	color: #0e101f;
}

.myinfo_pop8 .fee_list ul li.on a p b.red {
	color: rgb(255, 1, 43) !important;
}

.myinfo_pop8 .fee_list ul li.on a strong b {
	color: #1560fd !important;
}

.myinfo_pop8 .fee_list ul li.on a strong b::before {
	background-image: url('/resource/image/ico_won_b.svg');
	background-size: 27px;
}

.myinfo_pop8 .pop .btn_wrap {
	margin-top: 10px;
}

.myinfo_pop8 .pop .btn_wrap>div {
	display: block;
	width: calc(100% + 13px);
	width: -webkit-calc(100% + 13px);
	margin-left: -13px;
}

.myinfo_pop8 .pop .btn_wrap .btns {
	width: calc(50% - 13px);
	width: -webkit-calc(50% - 13px);
	margin-left: 13px;
}

.myinfo_pop9 .pop .btn_wrap {
	margin-top: 27px;
}

.myinfo_pop10 .tit_box {
	text-align: center;
}

.myinfo_pop10 .tit_box h3 {
	font-size: 2.4rem;
}

.myinfo_pop10 .tit_box span {
	display: block;
	font-size: 1.8rem;
	font-weight: 400;
}

.myinfo_pop10 .ico_box {
	margin-top: 10px;
	text-align: center;
	font-size: 0;
}

.myinfo_pop10 .ico_box img {
	display: inline-block;
	width: 96px;
	height: 92px;
}

.myinfo_pop10 .btn_wrap>div {
	width: 100%;
	margin-left: 0;
}

.myinfo_pop10 .btn_wrap .btns {
	width: 100% !important;
	margin-left: 0;
	max-width: 209px;
}

.myinfo_pop11 .tit_box span {
	margin-top: 10px;
}

.myinfo_pop11 .pay_wrap {
	margin-top: 25px;
}

.myinfo_pop11 .pay_wrap>ul>li {
	margin-top: 10px;
}

.myinfo_pop11 .pay_wrap>ul>li:first-child {
	margin-top: 0;
}

.myinfo_pop11 .pay_wrap>ul>li .pay_tool {
	border-radius: 5px;
	padding: 21px 20px;
	border-radius: 10px;
	border: 1px solid #e2e7ea;
	box-sizing: border-box;
	position: relative;
}

.myinfo_pop11 .pay_wrap ul li .info_box {
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1;
}

.myinfo_pop11 .pay_wrap ul li .info_box b,
.myinfo_pop11 .pay_wrap ul li .info_box p {
	display: inline-block;
}

.myinfo_pop11 .pay_wrap ul li .info_box b {
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 16px;
}

.myinfo_pop11 .pay_wrap ul li .info_box p {
	margin-left: 23px;
}

.myinfo_pop11 .pay_wrap ul li .pay_ch {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -18px;
}

.myinfo_pop11 .pay_wrap ul li .pay_ch ul li {
	float: left;
	margin-left: 5px;
	font-size: 0;
}

.myinfo_pop11 .pay_wrap ul li .pay_ch ul li:first-child {
	margin-left: 0;
}

.myinfo_pop11 .pay_wrap ul li .pay_ch ul li a.icon_btn {
	width: 112px;
}

.myinfo_pop11 .pay_wrap ul li .pay_ch ul li a.icon_btn::before {
	display: none;
}

.myinfo_pop11 .pay_wrap ul li .pay_ch ul li a.icon_btn.bl2 {
	background-color: #e7edf7;
	box-shadow: none;
}

.myinfo_pop11 .pay_wrap ul li .pay_ch ul li a.icon_btn.bk {
	display: none;
}

.myinfo_pop11 .pay_wrap ul li .pay_ch ul li .btns3 {
	display: inline-block;
	width: 34px;
	height: 36px;
	line-height: 36px;
	background-color: #b6bdc2;
	font-size: 0;
	text-indent: -999999px;
	text-align: center;
	border-radius: 5px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 11px;
}

.myinfo_pop11 .pay_wrap ul li .pay_ch ul li .btns3_pen {
	background-image: url('/resource/image/ico_pen.svg');
}

.myinfo_pop11 .pay_wrap ul li .pay_ch ul li .btns3_waste {
	background-image: url('/resource/image/ico_waste.svg');
}

.myinfo_pop11 .pay_wrap>ul>li.active .pay_tool {
	background-color: rgba(243, 248, 255, 0.95);
	border-color: #1560fd;
	box-shadow: 2px 2px 13px 2px rgba(55, 93, 249, 0.23);
}

.myinfo_pop11 .pay_wrap>ul>li.active .pay_ch ul li a.icon_btn {
	width: 112px;
	display: none;
}

.myinfo_pop11 .pay_wrap>ul>li.active .pay_ch ul li a.icon_btn.bk {
	display: block !important;
}

.myinfo_pop11 .pop .btn_wrap {
	width: 100%;
	max-width: 407px;
	margin: 20px auto 0;
}

.myinfo_pop12 .ip_wrap {
	margin-top: 25px;
	z-index: 10000;
}

.myinfo_pop12 .ip_box {
	margin-top: 20px !important;
}

.myinfo_pop12 .ip_box:first-child {
	margin-top: 0 !important;
}

.myinfo_pop12 .ip_con {
	width: 102%;
	margin-left: -2%;
}

.myinfo_pop12 .ip_con>div {
	float: left;
	width: 48%;
	margin-left: 2%;
}

.myinfo_pop12 .ip_con>div>ul {
	width: 102%;
	margin-left: -4%;
}

.myinfo_pop12 .ip_con>div>ul>li {
	float: left;
	width: 29.3333%;
	margin-left: 4%;
}

.myinfo_pop12 .ip_con em.tit {
	display: block;
	margin-bottom: 7px;
	font-size: 1.3rem;
	font-weight: 500;
	color: #111;
	line-height: 1;
}

.myinfo_pop12 .ip_con em.tit span {
	margin-left: 6px;
	font-weight: 400;
	color: #c02933;
}

.myinfo_pop12 .ip_con input[type="text"]::placeholder {
	color: #949b9f;
}

.myinfo_pop12 .pop .btn_wrap {
	width: 100%;
	max-width: 407px;
	margin: 30px auto 0;
}

/*주소록 - 팝업*/
.addr_pop .pop_inner {
	max-width: 540px;
}

.addr_pop .pop_inner .pop {
	padding: 50px;
}

.addr_pop .noti_box {
	margin-top: 18px;
	text-align: center;
	background-color: #f9f9f9;
	border: 1px solid #e1e8eb;
	box-sizing: border-box;
	border-radius: 10px;
}

.addr_pop .noti_box .txt_box .top .ico {
	display: block;
	font-size: 0;
}

.addr_pop .noti_box .txt_box .top .ico img {
	display: inline-block;
	width: 26px;
	height: 26px;
}

.addr_pop .noti_box .txt_box .top strong {
	margin-top: 4px;
	display: block;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1;
}

.addr_pop .noti_box .txt_box .btm {
	margin-top: 7px;
}

.addr_pop .noti_box .txt_box .btm p {
	font-size: 12px;
	font-weight: 300;
	color: #888;
	line-height: 1.6;
	letter-spacing: -0.2px;
}

.addr_pop .ip_wrap {
	margin-top: 20px;
}

.addr_pop .ip_wrap .ip_box {
	margin-top: 13px !important;
}

.addr_pop .ip_wrap .ip_box:first-child {
	margin-top: 0 !important;
}

.addr_pop .ip_wrap .ip_box em {
	display: block;
	margin-bottom: 7px;
	font-size: 1.3rem;
	font-weight: 500;
	color: #111;
	line-height: 1;
}

.addr_pop .ip_wrap .ip_box input[type="text"] {
	border-color: #e1e8eb !important;
	color: #0060ff;
	background-color: #fff;
}

.addr_pop .ip_wrap .ip_box input[type="text"]::placeholder {
	color: #929ca1;
}

.addr_pop .pop .btn_wrap {
	margin-top: 20px;
}

.addr_pop1 .noti_box {
	height: 143px;
}

.addr_pop2 .noti_box {
	height: 131px;
}



/* 공통 - 페이지 레이아웃 */
#sub.wide_wrap2 .con_wrap .box>div {
	max-width: 735px;
}

/* 공통 - 주소록 버튼 */
#sub .addr_btn {
	display: inline-block;
	width: 36px;
	height: 36px;
	border-radius: 5px;
	color: transparent;
	background-color: #b6bdc2;
	background-image: url('/resource/image/ico_addr.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

/* 공통 - 팝업 체크리스트 */
#sub.popup .tb_wrap>ul>li.head {
	margin: 25px 0 12px;
}

#sub.popup .tb_wrap>ul>li:not(.head):first-child {
	margin-top: 0;
}

/* 공통 - 테이블 리스트 활성화 */
#sub .tb_wrap>ul>li:not(.head, .borderNone).on {
	box-shadow: 0px 2px 11.83px 1.17px rgba(55, 93, 249, 0.23);
	border-color: #375df9 !important;
}

/* 공통 - 타이틀 있는 input */
.tit_ip {
	position: relative;
	font-size: 1.4rem;
}

.tit_ip input,
.tit_ip select,
.relsModify {
	display: block;
	padding-left: 85px;
	padding-right: 20px;
	height: 60px;
	font-weight: 400;
	color: #111;
	border-radius: 10px;
	border: 1px solid #eee;
	box-shadow: 0px 2px 11.83px 1.17px rgba(0, 0, 0, 0.09);
	box-sizing: border-box;
}

.signCountBox {
	color: #111;
	border-radius: 10px;
	border: 1px solid #eee;
	box-shadow: 0px 2px 11.83px 1.17px rgba(0, 0, 0, 0.09);
	box-sizing: border-box;
	height: 60px;
	line-height: 60px;
	vertical-align: middle;
	text-align: center;
	display: flex;
	width: 100%;
}


.tit_ip input::placeholder,
.tit_ip select::placeholder {
	font-weight: 400;
	color: #929ca1;
}

.tit_ip em {
	position: absolute;
	top: 0;
	left: 20px;
	display: block;
	height: 60px;
	line-height: 60px;
	font-weight: 700;
	color: #4e70f9;
	z-index: 100;
}

/* 공통 - sns색상 */
.facebook_bg {
	background-color: #3b5999;
}

.google_bg {
	background-color: #ef4d56;
}

.naver_bg {
	background-color: #1ec800;
}

.kakao_bg {
	background-color: #fac839;
}


/* 공통 - 주소록 팝업 */
#sub.popup.addr .pop_inner {
	max-width: 680px;
}

#sub.popup.addr .tb_wrap>ul>li.head {
	line-height: 20px;
	font-weight: 700;
	color: #111;
}

#sub.popup.addr .tb_wrap>ul>li:not(.head) {
	height: 58px;
}

#sub.popup.addr .tb_wrap>ul>li {
	padding: 0;
	font-size: 0;
}

#sub.popup.addr .tb_wrap>ul>li>div {
	padding: 0;
	font-size: 1.4rem;
}

#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: 15%;
}

#sub.popup.addr .tb_wrap>ul>li>div:nth-child(3) {
	width: 50%;
}

#sub.popup.addr .tb_wrap>ul>li>div:nth-child(4) {
	width: 25%;
}

#sub.popup.addr .chk_wrap label {
	display: inline-block;
	padding: 0;
	width: 20px;
	height: 20px;
}

#sub.popup.addr .chk_wrap {
	margin-top: 0;
}

#sub.popup.addr .scroll {
	max-height: 373px;
	padding-right: 17px;
	margin-right: -17px;
}

#sub.popup.addr .btn_wrap {
	max-width: 330px;
	margin: 20px auto 0;
}


/* 공통 - 로그인 페이지와 같은 full로 꽉 차는 레이아웃 */
.full_layout {
	padding: 20px;
	background: #eef2f6;
	box-sizing: border-box;
}

.full_layout .container {
	position: relative;
	width: 100%;
	border-radius: 30px;
	background-color: #f4f7f9;
	overflow: hidden;
	background-image: url('/resource/image/bg_object_1.svg');
	background-size: 700px auto;
	background-position: top -150px right -50px;
	background-repeat: no-repeat;
}

.full_layout .contWrap {
	position: relative;
	width: 100%;
	max-width: 550px;
	margin: 0 auto;
}

.full_layout .contWrap:before {
	content: '';
	position: absolute;
	top: 35%;
	left: -490px;
	display: block;
	width: 605px;
	height: 610px;
	background-image: url('/resource/image/bg_object_2.svg');
	background-size: contain;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

/* 내부결재라인 관리 - 리스트 */
#sub.linelist .tb_wrap>ul>li.head p {
	color: #1560fd;
}

/* 계정설정 > 내부결재 라인 관리 (진행중) */
#sub.line_form .box1 .tit_wrap {
	position: relative;
}

#sub.line_form .box1 .toggle {
	position: absolute;
	top: 0;
	right: 0;
}

#sub.line_form .box1 .toggle b {
	display: inline-block;
	margin-right: 5px;
	font-size: 1.3rem;
	font-weight: 600;
	vertical-align: middle;
}

#sub.line_form .box1 .toggle label {
	display: inline-block;
	vertical-align: middle;
}

#sub.line_form .box1 .drp_wrap>a {
	font-weight: 400;
}

#sub.line_form .con_wrap .box .tit_wrap b.tit {
	height: 35px;
	line-height: 35px;
}

#sub.line_form .box2 .right {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 0;
}

#sub.line_form .box2 .right b {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.3rem;
	font-weight: 500;
}

#sub.line_form .box2 .right>div {
	display: inline-block;
	vertical-align: middle;
}

#sub.line_form .box2 .right .tlp_wrap {
	position: initial;
}

#sub.line_form .box2 .right .tlp_wrap .tlp_box {
	top: -55px;
	left: -35px;
	transform: none;
}

#sub.line_form .box2 .right .tlp_wrap .tlp_box p:before {
	top: auto;
	bottom: -10px;
	left: 50%;
	margin-left: -6.5px;
	margin-top: 0;
	border-width: 10px 6.5px 0 6.5px;
	border-color: #343541 transparent transparent transparent;
}

#sub.line_form .box2 .right .toggle {
	margin-left: 12px;
}

#sub.line_form .box2 .right a {
	display: inline-block;
	margin-left: 1px;
	vertical-align: middle;
}

#sub.line_form .box2 .right .icon_btn {
	margin-left: 5px;
	height: 36px;
	line-height: 35px;
}

#sub.line_form .box2 .right .icon_btn.plus {
	width: 117px;
}

#sub.line_form .box2 .right .icon_btn.remv {
	width: 95px;
}

#sub.line_form .box2 .right .addr_btn {
	margin-left: 20px;
}

#sub.line_form .box2 .chk_wrap label {
	padding: 0;
	width: 20px;
	height: 20px;
}

#sub.line_form .tb_wrap>ul>li:not(.head) {
	height: 60px;
}

#sub.line_form .tb_wrap>ul>li.head>div {
	text-indent: 5px;
}

#sub.line_form .tb_wrap>ul>li.head>div:first-child {
	text-indent: 0;
}

#sub.line_form .tb_wrap>ul>li {
	padding: 0 12px;
}

#sub.line_form .tb_wrap>ul>li>div {
	padding: 0 2.5px;
}

/* #sub.line_form .tb_wrap > ul > li > div:nth-child(1) {width: 3%;}
#sub.line_form .tb_wrap > ul > li > div:nth-child(2) {width: 14%; padding-left: 9px;}
#sub.line_form .tb_wrap > ul > li > div:nth-child(3) {width: 25%;}
#sub.line_form .tb_wrap > ul > li > div:nth-child(4) {width: 33.4%;}
#sub.line_form .tb_wrap > ul > li > div:nth-child(5) {width: 16%;}
#sub.line_form .tb_wrap > ul > li > div:nth-child(6) {width: 8%; text-align: center;} */
#sub.line_form .tb_wrap>ul>li.head>div:nth-child(6) {
	text-align: right;
}

#sub.line_form .con_wrap .box .tb_wrap .drp_wrap {
	max-width: 100%;
}

#sub.line_form .btn_wrap {
	margin-top: 50px;
}

#sub.line_form .btn_wrap .btns-2 {
	max-width: 590px;
	margin: 0 auto;
}

#sub.line_form .con_wrap .box .tit_wrap b.tit {
	height: 35px;
	line-height: 35px;
}

#sub.line_form .box2 .right {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 0;
}

#sub.line_form .box2 .right b {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.3rem;
	font-weight: 500;
}

#sub.line_form .box2 .right>div {
	display: inline-block;
	vertical-align: middle;
}

#sub.line_form .box2 .right .tlp_wrap {
	position: initial;
}

#sub.line_form .box2 .right .tlp_wrap .tlp_box {
	top: -55px;
	left: -35px;
	transform: none;
}

#sub.line_form .box2 .right .tlp_wrap .tlp_box p:before {
	top: auto;
	bottom: -10px;
	left: 50%;
	margin-left: -6.5px;
	margin-top: 0;
	border-width: 10px 6.5px 0 6.5px;
	border-color: #343541 transparent transparent transparent;
}

#sub.line_form .box2 .right .toggle {
	margin-left: 12px;
}

#sub.line_form .box2 .right a {
	display: inline-block;
	margin-left: 1px;
	vertical-align: middle;
}

#sub.line_form .box2 .right .icon_btn {
	margin-left: 5px;
	height: 36px;
	line-height: 35px;
}

#sub.line_form .box2 .right .icon_btn.plus {
	width: 117px;
}

#sub.line_form .box2 .right .icon_btn.remv {
	width: 95px;
}

#sub.line_form .box2 .right .addr_btn {
	margin-left: 20px;
}

#sub.line_form .box2 .chk_wrap label {
	padding: 0;
	width: 20px;
	height: 20px;
}

#sub.line_form .tb_wrap>ul>li:not(.head) {
	position: relative;
	height: 60px;
}

/* 로그인 */
#sub.member .cols {
	margin-top: 20px;
}

#sub.member .cols .col {
	padding: 60px;
	border-radius: 40px 40px 0 40px;
}

#sub.member .box_title h3 {
	font-size: 2.4rem;
	font-weight: 800;
}

#sub.member .box_title p {
	color: #888;
	margin-top: 8px;
	font-weight: 400;
}

#sub.member .sns_login {
	width: 101%;
	margin-left: -1%;
	margin-top: 20px;
}

#sub.member .sns_login a {
	position: relative;
	float: left;
	display: block;
	width: 24%;
	height: 50px;
	line-height: 50px;
	margin-left: 1%;
	border-radius: 5px;
	text-align: center;
	box-sizing: border-box;
}

#sub.member .sns_login a span {
	display: inline-block;
	font-size: 1.4rem;
	font-weight: 700;
	color: #fff;
	vertical-align: middle;
}

#sub.member .sns_login a img {
	display: inline-block;
	vertical-align: middle;
}

#sub.member .sns_login a.facebook_bg img {
	width: 12px;
	height: 22px;
	margin-top: -2px;
	filter: drop-shadow(3px 2px 1.5px rgba(0, 0, 0, .2));
}

#sub.member .sns_login a.facebook_bg span {
	margin-left: 10px;
}

#sub.member .sns_login a.google_bg img {
	width: 21px;
	height: 21px;
	margin-top: -2px;
	margin-left: -14px;
	filter: drop-shadow(3px 2px 1.5px rgba(0, 0, 0, .2));
}

#sub.member .sns_login a.google_bg span {
	margin-left: 12px;
}

#sub.member .sns_login a.naver_bg img {
	width: 20px;
	height: 18px;
	margin-top: -2px;
	filter: drop-shadow(3px 2px 1.5px rgba(0, 0, 0, .2));
}

#sub.member .sns_login a.naver_bg span {
	margin-left: 10px;
}

#sub.member .sns_login a.kakao_bg img {
	width: 16px;
	height: 19px;
	margin-top: -2px;
	filter: drop-shadow(3px 2px 1.5px rgba(0, 0, 0, .2));
}

#sub.member .sns_login a.kakao_bg span {
	margin-left: 7px;
}

#sub.member .area-1 .btn_wrap {
	margin-top: 20px;
}

#sub.member .area-1 .btn_wrap a {
	letter-spacing: 0;
}

#sub.login .cols:first-child {
	margin-top: 0;
}

#sub.login .area-1 {
	margin-top: 70px;
}

#sub.login .area-1 .ip_box {
	margin-top: 25px;
}

#sub.login .area-1 .ip_box .tit_ip {
	margin-top: 16px;
}

#sub.login .area-1 .ip_box .tit_ip:first-child {
	margin-top: 0;
}

#sub.login .area-1 .util_box {
	position: relative;
	margin-top: 30px;
}

#sub.login .area-1 .util_box a {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	line-height: 1.4;
	font-size: 1.3rem;
	font-weight: 600;
	color: #3a60f9;
	border-bottom: 1px solid #3a60f9;
}

#sub.login .area-1 .util_box .chk_wrap label:before {
	top: 50%;
}

#sub.login .area-3 .col {
	padding: 40px 20px;
}

#sub.login .area-3 strong {
	display: block;
	font-size: 1.5rem;
	font-weight: 700;
	color: #242940;
	text-align: center;
	letter-spacing: -.1rem;
}

#sub.login .area-3 .btn_wrap {
	margin-top: 14px;
}

#sub.login .area-3 .btn_wrap .btns {
	max-width: 135px;
	height: 45px;
	line-height: 43px;
	font-size: 1.4rem;
	font-weight: 700;
	border-radius: 5px;
}

#sub.login .area-3 .col-wrap {
	width: 103%;
	margin-left: -3%;
}

#sub.login .area-3 .col-2 {
	width: 47%;
	margin-left: 3%;
}

#sub.join .area-1 .agree_box .chk_wrap label:before {
	top: 52%;
}


/* content4.css 취합 */

#sub .col_tp .l_btns {
	float: left;
	font-size: 0;
}

#sub .col_tp .l_btns a.icon_btn.plus {
	width: 130px
}

#sub .col_tp .r_search {
	float: right;
}

#sub .col_tp .r_search .page_search {
	max-width: 250px;
}

#sub .col_tp .r_search .page_search .word_box input[type="text"] {
	height: 40px;
	padding-left: 46px;
}

#sub .col_tp .r_search .page_search .word_box input[type="button"] {
	left: 16px;
}

/*#sub.doc_manage .col_box .drp_wrap > ul{background:#ecf0f6}
#sub.doc_manage .col_box .drp_wrap > ul li a{color:#fff}*/
#sub.doc_manage .list_type {
	/*bottom:auto;*/
	top: 0;
	position: absolute;
	right: 0;
	height: 26px;
}


#sub.doc_manage .list_wrap.card .tb_wrap>ul>li.head {
	margin-bottom: 0
}

#sub.doc_manage .list_wrap.card .col_box .drp_box .chk_wrap label {
	margin-top: -10px
}

#sub.doc_manage .cols .tabs_box .col {
	padding-top: 30px;
	position: Relative;
	z-index: 1;
	/*border-top-left-radius:0;*/
}

#sub.doc_manage .tabboxes {
	display: none;
}

#sub.doc_manage .tabboxes.active {
	display: block
}

#sub.doc_manage .tb_wrap>ul>li {
	text-align: left
}

#sub.doc_manage .tb_wrap>ul>li.head>div.blank {
	height: 13px;
}

#sub.doc_manage .list_wrap.list .tb_wrap>ul>li.head {
	font-size: 0;
	padding-bottom: 5px
}

#sub.doc_manage .list_wrap.list .tb_wrap>ul>li.head .chk_wrap {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	margin-top: -18px;
}

#sub.doc_manage .list_wrap.list .tb_wrap>ul>li.head .chk_wrap label {
	color: #1560fd;
	padding-left: 32px;
	line-height: 20px
}

#sub.doc_manage .list_wrap.list .tb_wrap>ul>li.head b {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.3rem;
	line-height: 20px
}

#sub.doc_manage .list_wrap.list .tb_wrap>ul>li.head .srt_btn {
	display: inline-block;
	vertical-align: middle;
}

/* #sub.doc_manage .tb_wrap > ul > li:not(.head) {margin-top: 10px; color: #555; font-weight: 400; height: auto;}
#sub.doc_manage .tb_wrap > ul > li > div:not(.btn_wrap):nth-child(1) {width: 3%;}
#sub.doc_manage .tb_wrap > ul > li > div:not(.btn_wrap):nth-child(2) {width: 25%;}
#sub.doc_manage .tb_wrap > ul > li > div:not(.btn_wrap):nth-child(3) {width: 15%;}
#sub.doc_manage .tb_wrap > ul > li > div:not(.btn_wrap):nth-child(4) {width: 10%;}
#sub.doc_manage .tb_wrap > ul > li > div:not(.btn_wrap):nth-child(5) {width: 12%;}
#sub.doc_manage .tb_wrap > ul > li > div:not(.btn_wrap):nth-child(6) {width: 12%;}
#sub.doc_manage .tb_wrap > ul > li > div:not(.btn_wrap):nth-child(7) {width: 10%;}
#sub.doc_manage .tb_wrap > ul > li > div:not(.btn_wrap):nth-child(8) {width: 12%;} */

#sub.doc_manage .tb_wrap>ul>li:not(.head)>div {
	height: 80px;
}

#sub.doc_manage .list_wrap .tb_wrap>ul>li:not(.head).on {
	box-shadow: 0px 2px 11.83px 1.17px rgba(55, 93, 249, 0.23);
	border-color: #375df9 !important
}

#sub.doc_manage .list_wrap .tb_wrap>ul>li .tb {
	height: 64px;
	-webkit-tap-highlight-color: transparent;
}

#sub.doc_manage .list_wrap.list .tb_wrap .tb .tbc b {
	display: none;
}

#sub.doc_manage .list_wrap.list .col_box .drp_box {
	display: none;
}

#sub.doc_manage .list_wrap .tb_wrap>ul {
	width: 101%;
	margin-top: -1%;
	margin-left: -1%;
}

#sub.doc_manage .list_wrap .tb_wrap>ul>li {
	width: 99%;
	margin-left: 1%;
	margin-top: .5%;
	position: relative
}

#sub.doc_manage .list_wrap .tb_wrap>ul>li.head .chk_wrap.cl_bk label {
	color: #1560fd;
	padding-left: 32px;
	font-size: 1.3rem;
	font-weight: 600;
}

#sub.doc_manage .list_wrap .tb_wrap>ul>li .tb.fir .chk_wrap.cl_bk label {
	color: #111;
	font-weight: 600;
	padding-left: 35px;
}

#sub.doc_manage .list_wrap {
	position: relative;
	border-top: 1px solid #eee;
	margin-top: 20px;
	padding-top: 25px
}

#sub.doc_manage .list_wrap.none_line {
	border-top: none;
	padding-top: 0px
}

#sub.doc_manage .list_wrap.list .tb_wrap {
	padding-top: 25px
}

#sub.doc_manage .list_wrap.card .tb_wrap {
	margin-top: 24px
}

#sub.doc_manage .list_wrap.card .tb_wrap .tb {
	display: block;
	height: auto;
	width: auto;
	z-index: 10;
}

#sub.doc_manage .list_wrap.card .tb_wrap .tb .tbc {
	display: block;
	height: auto;
	width: auto;
}

#sub.doc_manage .list_wrap.card .tb_wrap .tb .tbc b {
	color: #1560fd;
	font-size: 1.3rem;
	font-weight: 700;
}

#sub.doc_manage .list_wrap.card .tb_wrap .tb .tbc p {
	/*line-height:43px;*/
	border: 1px solid #e2e7ea;
	background: #fff;
	border-radius: 10px;
	font-size: 1.4rem;
	color: #555;
	box-sizing: border-box;
	padding-left: 14px;
	height: 45px;
	line-height: 44px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

#sub.doc_manage .list_wrap.card .tb_wrap>ul>li.head {
	display: none;
}

#sub.doc_manage .list_wrap.card .tb_wrap>ul>li.txt_l {
	position: relative;
	float: left;
	padding: 0;
	width: 24%;
	margin-left: 1%;
	margin-top: 1%;
	border-radius: 10px;
	border: 1px solid #e2e7ea;
	overflow: hidden;
	box-sizing: border-box;
}

#sub.doc_manage .list_wrap.card .tb_wrap>ul>li.txt_l .groupStatus span.dot:after {
	margin: 2px;
	content: "/";
}

#sub.doc_manage .list_wrap.card .tb_wrap>ul>li .tb.fir {
	background: #fff;
	padding: 20px 18px;
}


#sub.doc_manage .list_wrap.card .tb_wrap>ul>li .tb {
	padding: 20px 18px;
	box-sizing: border-box;
	width: 100%
}

#sub.doc_manage .list_wrap.card .tb_wrap>ul>li>div:not(:nth-child(1), .more_btn) {
	padding-top: 0;
	margin-top: -8px
}

#sub.doc_manage .list_wrap.card .tb_wrap>ul>li.txt_l {
	background: #f9f9f9
}

#sub.doc_manage .list_wrap.card .tb_wrap>ul>li.txt_l .btn_wrap {
	margin: 0;
}

#sub.doc_manage .list_wrap.list .tb_wrap>ul>li .more_btn {
	top: 50%;
	margin-top: -10px
}

#sub.doc_manage .list_wrap .tb_wrap>ul:after {
	display: block;
	content: '';
	clear: both
}

#sub.doc_manage .list_wrap .tb_wrap>ul>li .more_btn {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 10px;
	top: 20px
}

#sub.doc_manage .list_wrap.list .tb_wrap>ul>li .deny_btn {
	position: absolute;
}

#sub.doc_manage .list_wrap.list .tb_wrap>ul>li .sign_btn {
	position: absolute;
}

#sub.doc_manage .list_wrap .tb_wrap>ul>li .goToSign,
#sub.doc_manage .list_wrap .tb_wrap>ul>li .examine
#sub.doc_manage .list_wrap .tb_wrap>ul>li .goToCompliance {
	width: 115px;
	height: 35px;
	line-height: 1;
	background-color: #ffa019;
	display: inline-block;
	padding: 0 14px;
	font-size: 1.3rem;
	color: #fff;
	box-sizing: border-box;
	border-radius: 5px;
	overflow: hidden;
	z-index: 1;
	box-shadow: 0px 5px 10px 0px rgb(140 140 140 / 22%);
}

#sub.doc_manage .list_wrap .tb_wrap>ul>li .approvalDeny {
	width: 115px;
	height: 35px;
	line-height: 1;
	background-color: #ec2606;
	display: inline-block;
	padding: 0 14px;
	font-size: 1.3rem;
	color: #fff;
	box-sizing: border-box;
	border-radius: 5px;
	overflow: hidden;
	z-index: 1;
	box-shadow: 0px 5px 10px 0px rgb(140 140 140 / 22%);
}

#sub.doc_manage .list_wrap .tb_wrap>ul>li .approvalDenyOK {
	width: 115px;
	height: 35px;
	line-height: 1;
	background-color: #aaa;
	display: inline-block;
	padding: 0 14px;
	font-size: 1.3rem;
	color: #fff;
	box-sizing: border-box;
	border-radius: 5px;
	overflow: hidden;
	z-index: 1;
	box-shadow: 0px 5px 10px 0px rgb(140 140 140 / 22%);
}

#sub.doc_manage .list_wrap .tb_wrap>ul>li .approvalDenyEdit {
	width: 35px;
	height: 35px;
	background-color: #aaa;
	display: inline-block;
	padding: 0 14px;
	font-size: 1.3rem;
	color: #fff;
	box-sizing: border-box;
	border-radius: 5px;
	overflow: hidden;
	z-index: 1;
	box-shadow: 0px 5px 10px 0px rgb(140 140 140 / 22%);
	background-image: url(/resource/image/edit_ico_w.svg);
	background-repeat: no-repeat;
	background-position: center center;
}

#sub.doc_manage .list_wrap.list .tb_wrap>ul>li .approvalDeny {
	position: absolute;
	right: 20px;
	top: 22%;
}

#sub.doc_manage .list_wrap.list .tb_wrap>ul>li .goToSign {
	position: absolute;
	right: 20px;
	top: 22%;
}

#sub.doc_manage .list_wrap.list .tb_wrap>ul>li .examine {
	position: absolute;
	right: 20px;
	top: 22%;
}

#sub.doc_manage .list_wrap.list .tb_wrap>ul>li .goToCompliance {
	position: absolute;
	right: 20px;
	top: 22%;
}

#sub.doc_manage .list_wrap.list .tb_wrap>ul>li .approvalDenyOK {
	position: absolute;
	right: 20px;
	top: 22%;
}

#sub.doc_manage .list_wrap.list .tb_wrap>ul>li .approvalDenyEdit {
	position: absolute;
	right: 140px;
	top: 22%;
}

#sub.doc_manage .list_wrap.card .tb_wrap>ul>li .btn_wrap {
	display: flex;
}

#sub.doc_manage .list_wrap.card .tb_wrap>ul>li button {
	margin: 3px;
}

#sub.doc_manage .list_wrap.card .tb_wrap>ul>li .approvalDeny {
	flex: 3;
}

#sub.doc_manage .list_wrap.card .tb_wrap>ul>li .approvalDenyOK {
	flex: 3;
}

#sub.doc_manage .list_wrap.card .tb_wrap>ul>li .goToCompliance {
	flex: 3;
}

#sub.doc_manage .list_wrap.card .tb_wrap>ul>li .approvalDeny,
#sub.doc_manage .list_wrap.card .tb_wrap>ul>li .approvalDenyOK,
#sub.doc_manage .list_wrap.card .tb_wrap>ul>li .approvalDenyEdit {
	top: 3%;
}

#sub.doc_manage .list_wrap .tb_wrap>ul>li .denied {
	width: 100px;
	height: 30px;
	position: absolute;
	background-color: none;
	right: 20px;
	top: 25%;
	display: inline-block;
	padding: 0 14px;
	font-size: 1.3rem;
	color: #555;
	line-height: 30px;
	box-sizing: border-box;
	border-radius: 5px;
	overflow: hidden;
	z-index: 1;
}

#sub.doc_manage .list_wrap .tb_wrap>ul>li .more_btn .m_btn_wrap {
	position: relative;
}

#sub.doc_manage .list_wrap .tb_wrap>ul>li .more_btn .m_btn_wrap>a {
	width: 20px;
	height: 20px;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('/resource/image/more_btn_ico.svg');
	background-size: 3px 15px;
}

#sub.doc_manage .list_wrap .tb_wrap>ul>li .more_btn .m_btn_wrap>a.on {
	background-size: 20px 20px;
	background-image: url('/resource/image/close_w_ico.svg');
	background-position: top top;
}

#sub.doc_manage .list_wrap .tb_wrap>ul>li .more_btn .m_btn_wrap .more_btns {
	position: absolute;
	right: 0;
	top: 30px;
	background: #2e2b2b;
	width: 165px;
	border-radius: 10px;
	padding: 0 20px;
	box-sizing: border-box;
	display: none;
	z-index: 10
}

#sub.doc_manage .list_wrap .tb_wrap>ul>li .more_btn .m_btn_wrap .more_btns a {
	display: Block;
	color: #fff;
	font-size: 1.3rem;
	line-height: 46px
}

#sub.doc_manage .list_wrap .tb_wrap>ul>li .more_btn .m_btn_wrap .more_btns a:not(:last-child) {
	border-bottom: 1px solid #4c4c4c
}

#sub.doc_manage .list_wrap.card .none {
	display: none;
}

#sub.doc_manage .tab_list {
	position: relative;
	z-index: 10;
	font-size: 0;
}

#sub.doc_manage .tab_list .swiper-wrapper {
	height: auto
}

#sub.doc_manage .tab_list ul {
	width: auto
}

#sub.doc_manage .tab_list ul li.tab_btns {
	width: auto;
	display: inline-block;
	vertical-align: middle;
	min-width: 100px;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
	text-align: center;
	margin-right: 10px;
}

#sub.doc_manage .tab_list ul li.tab_btns a {
	display: Block;
	padding: 0 20px;
	border-top: 3px solid #919fa9;
	position: relative;
	background: #e1e6ea
}

#sub.doc_manage .tab_list ul li.tab_btns a p {
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 52px;
	color: #959ea3;
}

#sub.doc_manage .tab_list ul li.tab_btns a span {
	position: absolute;
	left: 5px;
	top: 8px;
	z-index: 10;
}

#sub.doc_manage .tab_list ul li.tab_btns.on a {
	border-color: #3660fb;
	background: #fff;
}

#sub.doc_manage .tab_list ul li.tab_btns.on a p {
	color: #3660fb
}

#sub.doc_manage .tab_list .l_btns {
	width: calc(100% - 114px);
	float: left;
	overflow: hidden
}

#sub.doc_manage .tab_list .np_btns {
	font-size: 0;
	float: right;
	position: relative;
	z-index: 100
}

#sub.doc_manage .tab_list .np_btns a {
	width: 44px;
	height: 44px;
	opacity: 1;
	margin: 0;
	display: inline-block;
	cursor: pointer;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 15px;
	border-radius: 8px;
	vertical-align: middle;
	position: static;
	box-sizing: border-box;
	pointer-events: all;
	border: 1px solid #1b47f8;
	box-shadow: 0px 2px 11.83px 1.17px rgba(55, 93, 249, 0.23);
}

#sub.doc_manage .tab_list .np_btns a.swiper-button-disabled {
	border-color: #f8f8f8;
	box-shadow: 0px 0px 4.55px 0.45px rgba(60, 67, 97, 0.11);
}

#sub.doc_manage .tab_list .np_btns a:after {
	display: none
}

#sub.doc_manage .tab_list .np_btns a.prev.swiper-button-disabled {
	background-image: url('/resource/image/tab_prev_off.svg')
}

#sub.doc_manage .tab_list .np_btns a.prev {
	background-image: url('/resource/image/tab_prev_on.svg')
}

#sub.doc_manage .tab_list .np_btns a.next.swiper-button-disabled {
	background-image: url('/resource/image/tab_next_off.svg')
}

#sub.doc_manage .tab_list .np_btns a.next {
	background-image: url('/resource/image/tab_next_on.svg');
	margin-left: 5px;
}

#sub.doc_manage .star {
	display: block;
	width: 15px;
	height: 15px;
	background: url('/resource/image/star_off.svg');
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
}

#sub.doc_manage .star.act {
	background-image: url('/resource/image/star_on.svg');
}

#sub.doc_manage .cols .col.tabboxes {
	border-radius: 0 0 20px 20px;
}

#sub.doc_manage .list_wrap.docMoveList .tb_wrap>ul>li.head .chk_wrap {
	margin-top: 0;
}

#sub.doc_manage .list_wrap.docMoveList ul li.head>div:nth-child(1) {
	width: 20%;
}

#sub.doc_manage .list_wrap.docMoveList ul li.head>div:nth-child(2) {
	width: 35%;
}

#sub.doc_manage .list_wrap.docMoveList ul li.head>div:nth-child(3) {
	width: 20%;
}

#sub.doc_manage .list_wrap.docMoveList ul li.head>div:nth-child(4) {
	width: 20%;
}

#sub.doc_manage .list_wrap.docMoveList ul li.txt_l>div.tb:nth-child(1) {
	width: 20%;
}

#sub.doc_manage .list_wrap.docMoveList ul li.txt_l>div.tb:nth-child(2) {
	width: 35%;
}

#sub.doc_manage .list_wrap.docMoveList ul li.txt_l>div.tb:nth-child(3) {
	width: 20%;
}

#sub.doc_manage .list_wrap.docMoveList ul li.txt_l>div.tb:nth-child(4) {
	width: 20%;
}


#sub.doc_manage.template_idx .tb_wrap .btn_wrap {
	margin-top: 0;
	text-align: right;
}

#sub.doc_manage.template_idx .tb_wrap .btn_wrap .sm_btn {
	display: inline-block;
	vertical-align: middle;
	width: 34px;
	height: 36px;
	font-size: 0;
	color: transparent;
	border-radius: 5px;
	background-color: #b6bdc2;
	background-image: url('/resource/image/edit_ico_w.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 10px
}

#sub.doc_manage.template_idx .list_wrap.card .template_save_list .sm_btn {
	width: 100%;
	background-image: none;
	color: #fff;
	font-size: 1.3rem;
	line-height: 36px;
	text-align: center;
}

#sub.doc_manage.template_idx .list_wrap.card .chk_list_1.tb_wrap .btn_wrap .sm_btn {
	width: 100%;
	background-image: none;
	text-align: center;
}

#sub.doc_manage.template_idx .tb_wrap .btn_wrap .btns {
	margin-left: 10px;
	line-height: 36px;
	font-size: 1.3rem;
	width: calc(100% - 44px);
	border-radius: 5px;
	text-align: center;
}

#sub.doc_manage.template_idx .list_wrap.card .tb_wrap>ul>li>div:nth-child(3) {
	/*padding-bottom:0;*/
}

#sub.doc_manage.template_idx .list_wrap.card .tb_wrap>ul>li>div:nth-child(4) {
	/*padding-top:14px; padding-bottom:0;*/
}

/* 
#sub.doc_manage.template_idx .tb_wrap > ul > li > div:nth-child(1) {width: 30%;}
#sub.doc_manage.template_idx .tb_wrap > ul > li > div:nth-child(2) {width: 15%;}
#sub.doc_manage.template_idx .tb_wrap > ul > li > div:nth-child(3) {width: 15%;}
#sub.doc_manage.template_idx .tb_wrap > ul > li > div:nth-child(4) {width: 25%;}
#sub.doc_manage.template_idx .tb_wrap > ul > li > div:nth-child(5) {width: 15%;} */


/*일반서명*/
#sub.certifi.temp .top_box .col .txt b {
	color: #242940;
	font-size: 2.1rem;
	font-weight: 700;
	line-height: 1.1;
}

#sub.certifi.temp .top_box .col .txt p {
	color: #424658;
	font-size: 1.8rem;
	font-weight: 600;
	margin-top: 5px
}

#sub.certifi.temp .top_box .col .txt p em {
	font-weight: 600;
}

#sub.certifi.temp .top_box .btn_wrap {
	margin-top: 50px
}

/* content3.css 취합 */
a.cl_btn.cl_gr3 {
	background-color: #a4b1b7;
}

.bs2 {
	box-shadow: 5px 5px 10px 0 rgba(140, 140, 140, 0.22);
}

.bbk2 {
	background: linear-gradient(to bottom, #202231 0%, #000 100%);
}

.btn_wrap .btns.gr2 {
	background: linear-gradient(to bottom, #959ea3 0%, #7c888e 100%);
}

a.icon_btn.srch_arr {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	width: 96px;
	height: 36px;
	line-height: 36px;
	font-size: 1.3rem;
	color: #fff;
	box-sizing: border-box;
	border-radius: 5px;
	text-align: left;
	overflow: hidden;
	z-index: 1;
}

a.icon_btn.srch_arr::before {
	content: '';
	display: block;
	clear: both;
	width: 0;
	height: 0;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -4px;
	background-image: none;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
	border-width: 4px 0 4px 6px;
	box-shadow: 0 5px 5px 0 rgba(139, 139, 139, 0.22);
}

/*기업 프로필 관리 - 이어서*/
#sub.basic_info .sns_info .top .msg {
	display: none;
	width: 50px;
	height: 26px;
	line-height: 26px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -13px;
	font-size: 1.3rem;
	color: #7f8a90;
	background-color: #e7ebef;
	border-radius: 9.43px;
}

/*220406*/
#sub.basic_info .sns_info .connected .msg {
	display: block;
}

/*220406*/
#sub.basic_info .sns_info .col-wrap {
	width: 102.4%;
	margin-left: -1.7%;
	margin-top: -1.7%;
}

/* (23.04.14. 수정) 101.7% > 102.4% */

#sub.busi_info .pageTitle .btn_wrap .icon_btn.active {
	display: block;
}

#sub.busi_info .info_1 .btn_wrap .img_btn::before {
	right: 30px;
}

#sub.busi_info .info_1 .btn_wrap .go_master::before {
	width: 18px;
	height: 17px;
	margin-top: -6.5px;
	background-image: url('/resource/image/ico_go3.svg');
}

#sub.busi_info .info_2 .ip_wrap {
	margin-top: 19px;
}

#sub.busi_info .info_2 .ip_wrap:first-child {
	margin-top: 0;
}

#sub.busi_info .info_2 .co_num .ip_box.compProfileModable {
	position: relative;
	padding-right: 114px;
	box-sizing: border-box;
}

#sub.busi_info .info_2 .co_num .edit_btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 109px;
	border-radius: 10px;
}

#sub.busi_info .og_list {
	min-height: 390px;
}

#sub.busi_info .info_2 .ip_box {
	position: relative;
}

#sub.busi_info .info_2 .in_file .file_list {
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -15px;
}

#sub.busi_info .info_2 .in_file .file_list li {
	float: left;
	margin-left: 5px;
}

#sub.busi_info .info_2 .in_file .file_list li:first-child {
	margin-left: 0;
}

#sub.busi_info .info_2 .in_file .file_list li .icon_btn {
	width: auto;
	height: 30px;
	line-height: 30px;
	padding: 0 12px;
	font-size: 12px;
}

#sub.busi_info .info_2 .in_file .file_list li .icon_btn::before {
	display: none;
}

#sub.busi_info .og_list .box_title {
	font-size: 0;
	margin-bottom: 19px;
}

#sub.busi_info .og_list .box_title h3 span {
	display: inline-block;
	padding: 0 11.5px;
	box-sizing: border-box;
	position: relative;
}

#sub.busi_info .og_list .box_title h3 span::before {
	content: '';
	display: block;
	clear: both;
	width: 9px;
	height: 13px;
	position: absolute;
	left: -5px;
	top: 4px;
	background-image: url('/resource/image/ico_next3.svg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#sub.busi_info .og_list .box_title h3 span:first-child::before {
	display: none;
}

#sub.busi_info .og_list .list_box ul li {
	margin-top: 10px;
	box-sizing: border-box;
	height: 50px;
	line-height: 48px;
	border-radius: 10px;
	transition: all .4s;
}

#sub.busi_info .og_list .list_box ul li:first-child {
	margin-top: 0;
}

#sub.busi_info .og_list .list_box ul li.head {
	background-color: #f2f5f8;
}

#sub.busi_info .og_list .list_box ul li:not(.in_btn) {
	padding: 0 15px;
}

#sub.busi_info .og_list .list_box ul li:not(.head, .in_btn) {
	border: 1px solid #e2e7ea;
	box-sizing: border-box;
}

#sub.busi_info .og_list .list_box ul li a {
	display: block;
}

#sub.busi_info .og_list .list_box ul li em,
#sub.busi_info .og_list ul li b {
	display: block;
	font-size: 1.4rem;
	font-weight: 500;
}

#sub.busi_info .og_list .list_box ul li em {
	float: left;
}

#sub.busi_info .og_list .list_box ul li b {
	float: right;
	width: 65.5px;
	text-align: center;
	position: relative;
}

/* width 130px -> 65.5px */
#sub.busi_info .og_list .list_box ul li:not(.head) b::before {
	content: '';
	display: block;
	clear: both;
	width: 7px;
	height: 9px;
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -3.5px;
	background-image: url('/resource/image/ico_go5.svg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#sub.busi_info .og_list .list_box ul li.in_btn a {
	border: 1px solid #1560fd;
	font-size: 0;
	border-radius: 10px;
}

#sub.busi_info .og_list .list_box ul li.in_btn a span {
	display: inline-block;
	padding-right: 27px;
	box-sizing: border-box;
	font-size: 1.4rem;
	font-weight: 500;
	position: relative;
}

#sub.busi_info .og_list .list_box ul li.in_btn a span::before {
	content: '';
	display: block;
	clear: both;
	width: 16px;
	height: 16px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -7px;
	background-color: #1560fd;
	border-radius: 16px;
	background-image: url('/resource/image/ico_go4.svg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 5px;
}

#sub.busi_info .og_list .list_box ul li:not(.head, .in_btn):hover {
	background-color: #1560fd;
}

#sub.busi_info .og_list .list_box ul li:not(.head, .in_btn):hover em {
	color: #fff;
}

#sub.busi_info .og_list .list_box ul li:not(.head, .in_btn):hover b {
	color: #fff;
}

#sub.busi_info .og_list .list_box ul li:not(.head, .in_btn):hover b::before {
	background-image: url('/resource/image/ico_go4.svg');
}

#sub.busi_info .og_list .box {
	padding: 0;
	box-shadow: 0 0 10px 0 rgba(140, 140, 140, 0.13);
}

#sub.busi_info .og_list .og_none .o_inner {
	width: 100%;
	max-width: 400px;
	height: 230px;
	padding: 0;
	margin: 0 auto;
	position: relative;
}

#sub.busi_info .og_list .og_none .imgs {
	position: absolute;
	left: 0;
	top: 50%;
}

#sub.busi_info .og_list .og_none .txt {
	padding-top: 4px;
	box-sizing: border-box;
}

#sub.busi_info .og_list .og_none .txt p {
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.5;
}

#sub.busi_info .og_list .og_none .txt p em {
	display: block;
	font-weight: 500;
}

#sub.busi_info .og_list .og_none .txt a.icon_btn {
	margin-top: 20px;
}

#sub.busi_info .og_list .og_none .txt a.icon_btn.mvto::before {
	width: 13px;
	height: 9px;
	margin-top: -4.5px;
	background-image: url('/resource/image/ico_go6.svg');
}

#sub.busi_info .og_list .og_team_none .o_inner {
	padding-left: 185px;
}

#sub.busi_info .og_list .og_team_none .imgs {
	width: 113px;
	height: 106px;
	margin-top: -53px;
}

#sub.busi_info .og_list .og_team_none .txt .icon_btn {
	width: 147px;
}

#sub.busi_info .og_list .og_mem_none .o_inner {
	padding-left: 141px;
}

#sub.busi_info .og_list .og_mem_none .imgs {
	width: 81px;
	height: 109px;
	margin-top: -54.5px;
}

#sub.busi_info .og_list .og_mem_none .txt .icon_btn {
	width: 160px;
}

.myinfo_pop4 .pop_inner1 {
	max-width: 561px;
}

/* .myinfo_pop4 .pop_inner .pop{padding:48px 72px 50px 49px;} */

.myinfo_pop13 .pop_inner {
	max-width: 547px;
}

.myinfo_pop13 .ip_wrap {
	margin-top: 26px;
}

.myinfo_pop13 .ip_con {
	margin-top: 20px;
}

.myinfo_pop13 .ip_con:first-cihld {
	margin-top: 0;
}

.myinfo_pop13 .ip_con .customRadio {
	margin-bottom: 10px;
}

.myinfo_pop13 .regi_pym a {
	display: block;
	position: relative;
	padding-left: 93px;
	box-sizing: border-box;
	height: 50px;
	line-height: 48px;
	border: 1px solid #e2e7ea;
	box-sizing: border-box;
	border-radius: 10px;
}

.myinfo_pop13 .regi_pym b {
	position: absolute;
	left: 15px;
	top: 50%;
	margin-top: -7px;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1;
}

.myinfo_pop13 .regi_pym p {
	font-size: 1.6rem;
	font-weight: 500;
}

.myinfo_pop13 .drp_wrap {
	width: 100%;
	max-width: 265px;
}

.myinfo_pop13 .drp_wrap a {
	font-weight: 400;
}

.myinfo_pop13 .pop .btn_wrap {
	margin-top: 25px;
}

/*기업정보 팝업*/
.co_pop .ip_wrap .ip_box input[type="text"],
.co_pop .ip_wrap .ip_box input[type="tel"],
.co_pop .ip_wrap .ip_box input[type="password"],
.co_pop .ip_wrap .ip_box input[type="number"] {
	border-radius: 10px;
	border: 1px solid #e2e7ea;
	background: #fff;
	color: #1560fd;
	padding: 4px 14px;
	font-size: 1.4rem;
	font-weight: 400;
	box-sizing: border-box;
	line-height: 50px;
	height: 50px;
}

.co_pop .ip_wrap .ip_box input[type="text"]:disabled,
.co_pop .ip_wrap .ip_box input[type="tel"]:disabled,
.co_pop .ip_wrap .ip_box input[type="password"]:disabled,
.co_pop .ip_wrap .ip_box input[type="number"]:disabled {
	background-color: #f2f6f9;
}

.co_pop .ip_wrap .ip_box input[type="text"]::placeholder,
.co_pop .ip_wrap .ip_box input[type="tel"]::placeholder,
.co_pop .ip_wrap .ip_box input[type="password"]::placeholder,
.co_pop .ip_wrap .ip_box input[type="number"]::placeholder {
	color: #929ca1;
	font-weight: 400;
	line-height: 1;
}

.co_pop .ip_wrap .s_tit2 b {
	display: block;
	margin-bottom: 10px;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1;
}

.co_pop .pop_inner1 {
	max-width: 561px;
}

.co_pop .pop_inner2 {
	max-width: 540px;
}

.co_pop .pop_inner3 {
	max-width: 529px;
}

.co_pop .pop_inner4 {
	max-width: 541px;
}

.co_pop .pop_inner5 {
	max-width: 581px;
}

.co_pop .pop_inner6 {
	max-width: 680px;
}

.co_pop .box_st1 {
	border: 1px solid #e2e7ea;
	box-sizing: border-box;
	background-color: #f9fcfd !important;
	border-radius: 5px;
}

.co_pop .box_st2 {
	border: 1px solid #e2e7ea;
	box-sizing: border-box;
	background-color: #f5f9fc !important;
	border-radius: 10px;
}

.co_pop .pop .btn_one .btns {
	margin-left: 0;
}

.co_pop .del_btn {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -12.5px;
}

.co_pop .file_up .box_st2 {
	margin-top: 20px;
	height: 272px;
}

.co_pop .file_up .ico {
	display: block;
}

.co_pop .file_up .txt {
	margin-top: 28px;
}

.co_pop .file_up .txt p {
	font-size: 1.4rem;
	font-weight: 400;
	color: #888;
	line-height: 1.4;
}

.co_pop .file_up .txt p span {
	color: #3a60f9;
}

.co_pop .file_up .txt .srch_file {
	margin-top: 15px;
}

.co_pop .file_up .ip_box {
	margin-top: 10px;
	position: relative;
}

.co_pop .file_up .srch_file {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	width: 96px;
	height: 36px;
	line-height: 36px;
	font-size: 1.3rem;
	color: #fff;
	box-sizing: border-box;
	border-radius: 5px;
	text-align: left;
	overflow: hidden;
	z-index: 1;
}

.co_pop .file_up .srch_file::before {
	content: '';
	display: block;
	clear: both;
	width: 0;
	height: 0;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -4px;
	background-image: none;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
	border-width: 4px 0 4px 6px;
	box-shadow: 0 5px 5px 0 rgba(139, 139, 139, 0.22);
}

.co_pop .file_up .file_list2 {
	margin-top: 10px;
}

.co_pop .file_up .file_list2 ul li {
	position: relative;
	margin-top: 5px;
	padding: 0 50px 0 10px;
	border: 1px solid #3a60f9;
	border-radius: 10px;
	box-sizing: border-box;
}

.co_pop .file_up .file_list2 ul li:first-child {
	margin-top: 0;
}

.co_pop .file_up .file_list2 span {
	font-size: 1.4rem;
	color: #181818;
	height: 48px;
	line-height: 48px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: keep-all;
}

.co_pop .file_up .file_list2 a {
	display: inline-block;
	width: 25px;
	height: 25px;
	font-size: 0;
	text-indent: -999999px;
	border-radius: 25px;
	background-color: #eaeaea;
	background-image: url('/resource/image/ip_del_ico3.svg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 9px;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -12.5px;
}

.co_pop .pop .file_up .btn_wrap {
	width: 100%;
	max-width: 325px;
	margin: 30px auto 0;
}

.co_pop .pop .file_up .btn_wrap .btns {
	height: 50px;
	line-height: 50px;
}

.co_pop1 .pop {
	padding: 50px 50px 45px;
}

.co_pop1 .box_title .txt2 {
	margin-top: 8px;
	line-height: 1.4;
}

.co_pop1 .msg_opt {
	margin-top: 12px;
}

.co_pop1 .msg_opt .txt_area {
	margin-top: 10px;
}

.co_pop1 .msg_opt textarea {
	width: 100%;
	height: 105px;
	padding: 20px 15px;
	font-size: 1.4rem;
	line-height: 1.5;
	border-radius: 10px;
	border: 1px solid #e2e7ea;
	resize: none;
	box-sizing: border-box;
}

.co_pop1 .msg_opt textarea[disabled] {
	background-color: #f3f6f9;
}

.co_pop1 .msg_opt textarea::placeholder {
	font-size: 1.4rem;
	color: #929ca1;
}

.co_pop1 .pop .btn_wrap {
	margin-top: 20px;
	padding: 0 12px;
	box-sizing: border-box;
}

.co_pop2 .pop {
	padding: 45px 47.5px 48px;
}

.co_pop2 .box_title h3 {
	line-height: 1.4;
}

.co_pop2 .box_title h3 span {
	display: block;
	font-size: 1.6rem;
	font-weight: 500;
}

.co_pop2 .top {
	margin-top: 20px;
	padding-bottom: 36px;
	box-sizing: border-box;
}

.co_pop2 .top .ip_box {
	position: relative;
	margin-top: 5px;
}

.co_pop2 .top .ip_box:first-child {
	margin-top: 0;
}

.co_pop2 .top .ip_box .del_btn {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -12.5px;
}

.co_pop2 .top .add_btn {
	width: 100%;
	margin-top: 5px;
	background-color: #b6bdc2;
	border: 1px solid #e2e7ea;
	box-sizing: border-box;
}

.co_pop2 .pop .top .btn_wrap {
	margin-top: 5px;
}

.co_pop2 .top .btn_wrap>div {
	margin-left: -6px;
	width: calc(100% + 6px);
	width: -webkit-calc(100% + 6px);
	width: -moz-calc(100% + 6px);
}

.co_pop2 .top .btn_wrap .btns {
	height: 50px;
	line-height: 50px;
	margin-left: 6px;
	width: calc(100% - 6px) !important;
	font-size: 1.4rem;
}

.co_pop2 .pop .btm {
	margin-top: 0;
	padding: 28px 0;
	box-sizing: border-box;
	border-top: 1px solid #b6bdc2;
	border-bottom: 1px solid #b6bdc2;
}

.co_pop2 .pop .btm .btns {
	margin-top: 17px;
	width: 100%;
	box-shadow: none;
}

.co_pop3 .pop {
	padding: 47px 47.5px 50px;
}

.co_pop3 .box_title span {
	display: block;
	margin-top: 13px;
	font-size: 1.6rem;
	font-weight: 500;
	letter-spacing: -0.5px;
	line-height: 1;
}

.co_pop3 .ip_wrap input[type="text"] {
	padding-right: 25% !important;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.co_pop3 .ip_wrap {
	margin-top: 20px;
}

.co_pop3 .ip_wrap .ip_box {
	position: relative;
}

.co_pop3 .ip_wrap .ip_box input[type="text"] {
	padding: 4px 90px 4px 16px;
	color: #111;
	border-color: #1560fd;
}

.co_pop3 .ip_wrap .ip_box a {
	width: 80px;
	height: 40px;
	line-height: 40px;
	font-size: 1.3rem;
	font-weight: 400;
	border-radius: 5px;
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -20px;
}

.co_pop3 .pop .btn_wrap {
	margin-top: 20px;
}

.co_pop3 .pop .btn_wrap .btns {
	width: 200px;
}

.co_pop4 .pop {
	padding: 47px 50px 50px;
}

.co_pop4 .reg_msg .ico {
	display: block;
}

.co_pop4 .reg_msg .txt {
	margin-top: 26px;
}

.co_pop4 .reg_msg .txt strong {
	display: block;
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 1;
}

.co_pop4 .reg_msg .txt p {
	margin-top: 15px;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.5;
}

.co_pop4 .pop .btn_wrap {
	margin-top: 37px;
}

.co_pop4 .rtl_btn {
	position: absolute !important;
	right: 5px;
	top: 50%;
	margin-top: -18px;
}

.co_pop4_1 .ip_wrap {
	margin-top: 17px;
}

.co_pop4_1 .ip_wrap .ip_box input[type="text"] {
	height: 60px;
	line-height: 60px;
	color: #111;
	background-color: #f9fcfd;
}

.co_pop4_1 .ip_wrap .ip_box input[type="text"]::placeholder {
	color: #111;
}

.co_pop4_1 .ip_wrap .ip_box a.icon_btn {
	width: 92px;
	text-align: center;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -18px;
}

.co_pop4_1 .ip_wrap .ip_box {
	position: relative;
}

.co_pop4_1 .ip_wrap .ip_box a.icon_btn:before {
	display: none;
}

.co_pop4_1 .ip_wrap .ip_con1 .ip_box input[type="text"] {
	padding-right: 110px;
	box-sizing: border-box;
}

.co_pop4_1 .ip_wrap .ip_con2 {
	margin-top: 15px;
}

.co_pop4_2_1 .pop_inner>.pop form[name=modifyCEOForm] {
	max-height: 50vh;
	overflow-y: auto;
	padding: 15px;
}

.co_pop4_2 .reg_msg .ico img {
	width: 83px;
	height: 74px;
}

.co_pop4_2_1 .box_title .txt2 {
	margin-top: 8px;
	line-height: 1;
}

.co_pop4_2_1 .pop {
	overflow: hidden;
}

.co_pop4_2_1 .mg_form {
	margin-top: 20px;
}

.co_pop4_2_1 .ip_wrap {
	margin-top: 20px;
}

.co_pop4_2_1 .ip_wrap:first-child {
	margin-top: 0;
}

.co_pop4_2_1 .ip_wrap .ip_box input[type="text"]::placeholder {
	color: #949b9f;
}

.co_pop4_2_1 .ip_wrap1>div,
.co_pop4_2_1 .ip_wrap2 .ip_box>div p {
	width: calc(100% + 10px);
	width: -webkit-calc(100% + 10px);
	width: -moz-calc(100% + 10px);
	margin-left: -10px;
}

.co_pop4_2_1 .ip_wrap1 .ip_box,
.co_pop4_2_1 .ip_wrap2 .ip_box input[type="text"] {
	float: left;
	width: calc(50% - 10px);
	width: -webkit-calc(50% - 10px);
	width: -moz-calc(50% - 10px);
	margin-left: 10px;
}

.co_pop4_2_1 .ip_box b {
	display: block;
	margin-bottom: 5px;
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 1;
}

.co_pop4_2_1 .wte_form {
	box-sizing: border-box;
}

.co_pop4_2_1 .addr_wte p {
	margin-top: 5px;
}

.co_pop4_2_1 .addr_wte p:first-child {
	margin-top: 0;
}

.co_pop4_2_1 .addr_wte .post_code {
	width: 100%;
	max-width: 265px;
	position: relative;
}

.co_pop4_2_1 .file_chk {
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}

.co_pop4_2_1 .file_chk .ip_box {
	margin-top: 20px;
}

.co_pop4_2_1 .file_chk .ip_box:first-child {
	margin-top: 0;
}

.co_pop4_2_1 .file_chk .ip_box div {
	height: 50px;
	line-height: 50px;
	border: 1px solid #e2e7ea;
	border-radius: 5px;
	position: relative;
	background-color: #fff;
}

.co_pop4_2_1 .file_chk .ip_box .file_info {
	position: absolute;
	left: 20px;
	top: 0;
}

.co_pop4_2_1 .file_chk .ip_box .file_info span {
	display: inline-block;
	padding-right: 35px;
	box-sizing: border-box;
	font-size: 1.4rem;
	color: #181818;
}

.co_pop4_2_1 .file_chk .ip_box .file_info .del_btn {
	right: 0;
}

.co_pop4_2_1 .pop .btn_wrap {
	width: 100%;
	max-width: 442px;
	margin: 30px auto 0;
	position: relative;
	z-index: 10;
}

.co_pop4_3 .reg_msg .ico img {
	width: 81px;
	height: 86px;
}

.co_pop4_3 .reg_msg .txt {
	margin-top: 16px;
}

.co_pop4_3 .reg_msg .txt p {
	margin-top: 13px;
}

.co_pop4_3_1 .box_title .txt2 {
	margin-top: 5px;
	line-height: 1.4;
}

.co_pop4_3_1 .team_chk {
	margin-top: 15px;
}

.co_pop4_3_1 .pop .btn_wrap {
	margin-top: 20px;
	padding: 0 20px;
	box-sizing: border-box;
}

.co_pop5 .pop {
	padding: 45px 50px 48px;
	margin-top: 20px;
}

.co_pop5 .file_up .box_st2 {
	padding-top: 10px;
	box-sizing: border-box;
}

.co_pop5 .file_up .ico img {
	width: 113px;
	height: 69px;
}

.co_pop6 .pop {
	padding: 50px 71px 50px 50px;
}

.co_pop6 .msg_box {
	margin-top: 17px;
	padding: 15.5px 0;
	box-sizing: border-box;
}

.co_pop6 .msg_box p {
	font-size: 1.5rem;
}

.co_pop6 .msg_box p b {
	display: block;
	font-weight: 500;
}

.co_pop6 .pop .btn_wrap {
	margin-top: 27px;
}

.co_pop6 .pop .btn_wrap .btns {
	width: 195px;
	margin-left: 0;
}

.co_pop7 .file_up .box_st2 {
	padding-top: 5px;
	box-sizing: border-box;
}

.co_pop7 .file_up .ico img {
	width: 75px;
	height: 83px;
}

.co_pop8 .pop {
	padding: 50px 73px 50px 50px;
}

.co_pop8 .mem_history {
	margin-top: 17px;
}

.co_pop8 .mem_history ul li {
	margin-top: 10px;
	padding: 0 15px;
	box-sizing: border-box;
	height: 45px;
	line-height: 43px;
	font-size: 1.4rem;
	border: 1px solid #e2e7ea;
	border-radius: 5px;
	background-color: #f9fcfd;
}

.co_pop8 .mem_history ul li:first-child {
	margin-top: 0;
}

.co_pop8 .mem_history ul li p {
	display: block;
	float: left;
}

.co_pop8 .mem_history ul li p strong {
	font-weight: 400;
}

.co_pop8 .mem_history ul li span {
	display: block;
	float: right;
}

.co_pop8 .pop .btn_wrap {
	margin-top: 20px;
}

.co_pop8 .pop .btn_wrap .btns {
	width: 195px;
	margin-left: 0;
}

/*기타 추가된 내역들*/
#sub.sign_opt #msg_cont {
	display: none;
}

#sub .feeList .listWrap .boxArea .colTxt .txt3 {
	margin-top: 5px;
	line-height: 1.6;
}

#sub.addr_idx .addr_cont .btn_wrap a:first-child {
	margin-left: 0;
}

#sub.regist .file_form .left b {
	font-size: 1.6rem;
	font-weight: 600;
}

#sub.regist .tb_wrap>ul>li input[type="text"]::placeholder {
	font-size: 1.3rem;
	color: #888;
}

#sub.regist .g_reg .msg p {
	font-size: 1.4rem;
	font-weight: 500;
}

#sub.regist .g_info .left .drp_wrap {
	margin-left: 10px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 5px;
	border-color: #c7d6dc;
	position: relative;
}

#sub.regist .g_info .left .drp_wrap>a {
	padding: 0 10px;
	width: 76px;
	height: 30px;
	line-height: 28px;
	font-size: 12px;
	color: #4468f9;
	background-color: #f4f9fb;
}

#sub.regist .g_info .left .drp_wrap>a::before {
	right: 10px;
	margin-top: -2px;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top: 4px solid #0060ff;
}

#sub.regist .g_info .left .drp_wrap>a b {
	font-size: 1.3rem;
	font-weight: 600;
}

#sub.regist .g_info .left .drp_wrap>ul {
	top: 28px;
}

#sub.regist .g_info .left .drp_wrap>ul li a {
	padding: 0 10px;
	height: 30px;
	line-height: 28px;
	font-size: 12px;
}

#sub.regist .g_btn .drp_wrap {
	border-radius: 5px;
}

#sub.regist .pagenate {
	margin-top: 30px;
}

.btn_wrap .btns.gr3 {
	background: linear-gradient(to bottom, #89898b 0%, #707072 100%);
}

.addr_pop .ip_wrap .ip_box input[type="text"] {
	border-radius: 10px;
	border: 1px solid #e2e7ea;
	background: #fff;
	color: #1560fd;
	padding: 4px 14px;
	font-size: 1.4rem;
	font-weight: 400;
	box-sizing: border-box;
	line-height: 50px;
	height: 50px;
}

.addr_pop .ip_wrap .ip_box input[type="text"]::placeholder {
	color: #929ca1;
}

.addr_pop3 .noti_box {
	height: 143px;
	background-color: #f2f8fc;
}

.addr_pop3 .ip_wrap .ip_box em {
	padding-left: 5px;
	box-sizing: border-box;
	position: relative;
}

.addr_pop3 .ip_wrap .ip_box em span.required {
	display: block;
	width: 10px;
	height: 12px;
	font-size: 0;
	position: absolute;
	left: 0;
	top: 0;
}

.addr_pop3 .ip_wrap .ip_box em span.required::before {
	content: '*';
	display: block;
	clear: both;
	width: 10px;
	height: 12px;
	font-size: 14px;
	color: #1560fd;
}

.addr_pop3 .ip_wrap .ip_box .drp_wrap>a {
	color: #929ca1;
	border-color: #e1e8eb !important;
}


/* 인증서 관리 - 리스트(박스형/리스트형) */
#sub.certifi_list .list_type {
	position: absolute;
	bottom: 0;
	right: 0;
}

#sub.certifi_list .col_box {
	padding-bottom: 25px;
}

#sub.certifi_list .list_wrap .btn a {
	display: inline-block;
	width: 100%;
	color: #fff;
}

#sub.certifi_list .list_wrap.list .col_box {
	display: none;
}

#sub.certifi_list .list_wrap.list .tb_wrap>ul>li.head {
	margin-bottom: 15px;
}

#sub.certifi_list .list_wrap.list .tb_wrap>ul>li:not('head') {
	height: 65px;
}

#sub.certifi_list .list_wrap.list .tb_wrap>ul>li>div:nth-child(1) {
	width: 17%;
}

#sub.certifi_list .list_wrap.list .tb_wrap>ul>li>div:nth-child(2) {
	width: 16%;
}

#sub.certifi_list .list_wrap.list_wrap.list .tb_wrap>ul>li>div:nth-child(3) {
	width: 16%;
}

#sub.certifi_list .list_wrap.list .tb_wrap>ul>li>div:nth-child(4) {
	width: 12%;
}

#sub.certifi_list .list_wrap.list .tb_wrap>ul>li>div:nth-child(5) {
	width: 17%;
}

#sub.certifi_list .list_wrap.list .tb_wrap>ul>li>div:nth-child(6) {
	width: 10%;
}

#sub.certifi_list .list_wrap.list .tb_wrap>ul>li>div:nth-child(7) {
	width: 10%;
}

#sub.certifi_list .list_wrap.list .tb_wrap>ul>li>div:nth-child(8) {
	width: 8%;
}

#sub.certifi_list .list_wrap.list .btn a {
	max-width: 80px;
	height: 35px;
	line-height: 35px;
	font-size: 1.3rem;
	font-weight: 400;
	border-radius: 5px;
}

#sub.certifi_list .list_wrap.list em {
	display: none;
}

#sub.certifi_list .list_wrap.list .tit em {
	display: block;
	font-weight: 500;
}

#sub.certifi_list .list_wrap.list span {
	font-size: 1.4rem;
	font-weight: 400;
}

#sub.certifi_list .list_wrap.list .card {
	display: none;
}

#sub.certifi_list .list_wrap.card .head {
	display: none;
}

#sub.certifi_list .list_wrap.card .tb_wrap>ul {
	width: 102%;
	margin-left: -2%;
	margin-top: -2%;
}

#sub.certifi_list .list_wrap.card .tb_wrap>ul>li {
	float: left;
	width: 23%;
	margin-left: 2%;
	margin-top: 2%;
	padding: 30px 20px;
	height: auto;
	border-color: #f0f0f0;
	box-sizing: border-box;
	box-shadow: 0px 2px 11.83px 1.17px rgba(0, 0, 0, 0.09);
}

#sub.certifi_list .list_wrap.card .tb_wrap>ul>li .tb {
	position: relative;
	display: block;
	margin-top: 5px;
	padding: 0 15px;
	width: 100%;
	height: auto;
	border: 1px solid #e1e8eb;
	border-radius: 10px;
	box-sizing: border-box;
}

#sub.certifi_list .list_wrap.card .tb_wrap>ul>li .tbc {
	display: block;
	height: auto;
}

#sub.certifi_list .list_wrap.card .tb_wrap>ul>li:first-child .tb {
	margin-top: 0;
}

#sub.certifi_list .list_wrap.card .bd_none {
	border: none !important;
}

#sub.certifi_list .list_wrap.card .tit em {
	display: block;
	line-height: 1.4;
	font-size: 1.6rem;
	font-weight: 900;
}

#sub.certifi_list .list_wrap.card .tb_wrap>ul>li .date {
	margin-top: 20px;
}

#sub.certifi_list .list_wrap.card .tb_wrap>ul>li .date {
	padding: 15px 5px;
	background-color: #f7f9fa;
}

#sub.certifi_list .list_wrap.card .date .tbc div {
	position: relative;
	float: left;
	width: 50%;
	text-align: center;
}

#sub.certifi_list .list_wrap.card .date .tbc div:first-child:before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	margin-top: -20px;
	width: 1px;
	height: 40px;
	background: #c6ced4;
}

#sub.certifi_list .list_wrap.card .date em {
	display: block;
	line-height: 1.4;
	font-size: 1.3rem;
	font-weight: 600;
}

#sub.certifi_list .list_wrap.card .date span {
	display: block;
	margin-top: 2px;
	font-size: 1.6rem;
	color: #0060ff;
	line-height: 1.4;
	font-weight: 700;
}

#sub.certifi_list .list_wrap.card .info {
	height: 45px;
	line-height: 45px;
}

#sub.certifi_list .list_wrap.card .info em {
	position: absolute;
	top: 0;
	left: 15px;
	display: block;
	font-size: 1.3rem;
	font-weight: 500;
	color: #0060ff;
}

#sub.certifi_list .list_wrap.card .info span {
	display: block;
	font-size: 1.3rem;
	font-weight: 500;
	color: #090909;
	text-align: right;
}

#sub.certifi_list .list_wrap.card .tb_wrap>ul>li .btn {
	margin-top: 25px;
}

#sub.certifi_list .list_wrap.card .btn a {
	max-width: 130px;
	height: 45px;
	line-height: 45px;
	font-size: 1.4rem;
	font-weight: 500;
	border-radius: 10px;
	box-shadow: 0px 5px 10px 0px rgba(141, 141, 141, 0.22);
}

#sub.certifi_list .list_wrap.card .none {
	display: none !important;
}

#sub.certifi_list .list_wrap.card .card {
	display: block;
}

#sub.certifi_list .list_wrap .end {
	background-color: #f7f9fa;
	color: #bbbbbb;
	box-shadow: none;
	box-shadow: none !important;
}

#sub.certifi_list .list_wrap .end em {
	color: #bbbbbb !important;
}

#sub.certifi_list .list_wrap .end span {
	color: #999999 !important;
}

#sub.certifi_list .list_wrap .end .btn a {
	margin-left: 0;
	background: #e9ebee;
	color: #a7aeb8;
	box-shadow: none;
	cursor: initial;
	font-weight: 500;
	color: #a7aeb8 !important;
	pointer-events: none;
}

#sub.certifi_list .list_wrap.card .end {
	border-color: #e3e9ec !important;
}



/* 서명관리 > 내 서명/기업 서명  */
/* #sub.stamp .col_box {position: relative; padding-bottom: 25px;} */
#sub.stamp .list_wrap.list .drp_box {
	display: none;
}

#sub.stamp .tb_wrap>ul>li.head {
	margin-bottom: 15px;
}

/* 로그인 */
#sub.join .contWrap {
	padding: 95px 0 55px;
	box-sizing: border-box;
}

#sub.join .area-1 .box_title p {
	font-weight: 300;
	color: #666;
}

#sub.join .area-1 .box_title h3 span {
	font-size: 2.6rem;
}

#sub.join .area-1 .ip_box {
	margin-top: 30px;
}

#sub.join .area-1 .tit_ip {
	margin-top: 7px;
}

#sub.join .area-1 .tit_ip:first-child {
	margin-top: 0;
}

#sub.join .area-1 .tit_ip input {
	padding-left: 110px;
}

#sub.join .area-1 .tit_ip input::placeholder {
	color: #929ca1;
}

#sub.join .area-1 .guide_box {
	margin-top: 12px;
}

#sub.join .area-1 .agree_box {
	margin-top: 30px;
}

#sub.join .area-1 .agree_box .chk_wrap label:before {
	box-shadow: none;
	background-color: #dbdfe2;
}

#sub.join .area-1 .agree_box .chk_wrap input[type="checkbox"]:checked+label:before {
	background-color: #111;
}

#sub.join .area-1 .agree_box>.chk_wrap {
	padding-left: 5px;
	box-sizing: border-box;
}

#sub.join .area-1 .agree_box>.chk_wrap label:before {
	top: 50%;
}

#sub.join .area-1 .agree_box ul {
	margin-top: 15px;
	padding: 25px;
	border-radius: 10px;
	border: 1px solid #ececec;
	background-color: #f8f8f8;
	box-sizing: border-box;
}

#sub.join .area-1 .agree_box ul .chk_wrap {
	margin-top: 10px;
	font-size: 0;
}

#sub.join .area-1 .agree_box ul .chk_wrap:first-child {
	margin-top: 0;
}

#sub.join .area-1 .agree_box ul .chk_wrap label {
	padding-left: 26px;
	font-weight: 400;
	color: #596166;
}

#sub.join .area-1 .agree_box ul .chk_wrap span,
#sub.join .area-1 .agree_box ul .chk_wrap a {
	display: inline-block;
	line-height: 1.3;
	font-weight: 500;
	color: #22272b;
	border-bottom: 1px solid #22272b;
}

#sub.join .area-3 .col {
	padding: 40px 60px;
}

#sub.join .area-3 strong {
	font-size: 2rem;
	font-weight: 700;
	color: #395ff8;
	letter-spacing: -.1rem;
	line-height: 1.4;
}

#sub.join .area-3 .btn_wrap {
	position: absolute;
	top: 50%;
	right: 62px;
	margin-top: -21px;
}

#sub.join .area-3 .btns {
	width: 135px;
	height: 42px;
	line-height: 40px;
	border-radius: 5px;
	font-size: 1.4rem;
	font-weight: 700;
}

/*content3 - 220411 추가내역*/
.myinfo_pop5 .ip_wrap {
	margin-top: 13px;
}

.myinfo_pop5 .ip_wrap span {
	margin-bottom: 10px;
}

.myinfo_pop11 .pay_wrap>ul>li.active .pay_ch ul li a.icon_btn.bl2 {
	display: none !important;
}

/* 아이디 패스워드 찾기 */
#sub.idpw {
	height: 100%;
}

#sub.idpw .container {
	position: relative;
	height: 100%;
}

#sub.idpw .area-1 .col {
	height: 550px;
}

#sub.idpw .box_title p {
	font-weight: 300;
	color: #666;
}

#sub.idpw .ip_box {
	margin-top: 27px;
}

#sub.idpw .tit_ip {
	margin-top: 15px;
}

#sub.idpw .tit_ip:first-child {
	margin-top: 0;
}

#sub.idpw .tit_ip input {
	padding-left: 120px;
	line-height: 60px;
}

#sub.idpw .tit_ip input::placeholder {
	color: #929ca1;
	font-weight: 400;
}

#sub.idpw .area-1 .btn_wrap {
	margin-top: 25px;
}

#sub.idpw .listWrap {
	padding-top: 50px;
	box-sizing: border-box;
}

#sub.idpw .listWrap .boxArea {
	display: none;
}

#sub.idpw .listWrap .boxArea.active {
	display: block;
}

#sub.idpw .guide_box {
	margin-top: 12px;
	letter-spacing: -.05rem;
}

#sub.idpw .guide_box a {
	display: inline-block;
	line-height: 1.4;
	font-weight: 600;
	color: #3a60f9;
	border-bottom: 1px solid #3a60f9;
}

#sub.idpw .btn_wrap a {
	margin-top: 15px;
	font-size: 1.5rem;
	font-weight: 400;
}

#sub.idpw .btn_wrap a:first-child {
	margin-top: 0;
}

#sub.idpw #footer {
	position: absolute;
	bottom: 4px;
	left: 0;
}




/*220412 zh works*/
/*버튼(아이콘 버튼, 단색 버튼)*/
a.icon_btn.bl2 {
	background: #4468f9
}

a.icon_btn.grn {
	background: #2fc673
}

a.icon_btn.bkkg {
	background: #2f3133
}

a.icon_btn.gryg {
	background: #a4b1b9
}

a.icon_btn.yew {
	background: #ffa019
}

a.icon_btn.red {
	background: #ec2606
}

a.icon_btn.cls:before {
	width: 9px;
	background-image: url('/resource/image/close_w_ico2.svg');
	opacity: .6
}

a.icon_btn.eyes:before {
	width: 14px;
	background-image: url('/resource/image/eye_ico.svg');
}

a.icon_btn.wdr:before {
	width: 18px;
	background-image: url('/resource/image/export_ico.png');
	height: 10px;
	background-size: cover;
	transform: rotate(180deg)
}

a.icon_btn.resend:before {
	width: 18px;
	background-image: url('/resource/image/export_ico.png');
	height: 10px;
	background-size: cover;
}

a.icon_btn.goSign:before {
	width: 18px;
	background-image: url('/resource/image/export_ico.png');
	height: 10px;
	background-size: cover;
}

a.icon_btn.del:before {
	width: 12px;
	background-image: url('/resource/image/box_del_ico.svg');
	height: 12px;
	background-size: cover;
}

/*일반서명 현황*/
#sub.doc_manage .list_type {
	z-index: 10
}

#sub.doc_manage.normal_sig .cols .col {
	padding-top: 45px
}

/* #sub.doc_manage.normal_sig .list_wrap{padding-top:0; margin-top:0;border-top:0} */
#sub.doc_manage.normal_sig .list_type {
	top: 0;
}

#sub.doc_manage.normal_sig .nm_list>li:not(.head) {
	cursor: pointer;
	transition: box-shadow .5s;
	transition: border-color .5s;
	-webkit-transition: box-shadow .5s;
	-webkit-transition: border-color .5s;
}

#sub.doc_manage.normal_sig .nm_list>li:not(.head):hover {
	box-shadow: 0px 2px 11.83px 1.17px rgb(55 93 249 / 23%);
	border-color: #375df9 !important;
}

#sub.doc_manage.normal_sig .chk_wrap.prg b:before {
	width: 10px;
	height: 10px;
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -4px;
	background: #fec323;
	border-radius: 50%
}

#sub.doc_manage.normal_sig .chk_wrap.prg b {
	padding-left: 18px;
	display: inline-block;
	color: #111 !important;
	font-size: 1.4rem !important;
	font-weight: 500 !important;
	line-height: 20px;
	position: relative;
	margin-left: 10px;
}

#sub.doc_manage.normal_sig .list_wrap.list .tb_wrap .nm_list .tb .tbc .prg b {
	display: inline-block
}

/* #sub.doc_manage.normal_sig .tb_wrap > ul > li > div:nth-child(1) {width:30%;}
#sub.doc_manage.normal_sig .tb_wrap > ul > li > div:nth-child(2) {width: 30%;}
#sub.doc_manage.normal_sig .tb_wrap > ul > li > div:nth-child(3) {width: 20%;}
#sub.doc_manage.normal_sig .tb_wrap > ul > li > div:nth-child(4) {width: 20%;}

#sub.doc_manage.progress_list .tb_wrap > ul > li > div:nth-child(1) {width: 13%;}
#sub.doc_manage.progress_list .tb_wrap > ul > li > div:nth-child(2) {width: 25%;}
#sub.doc_manage.progress_list .tb_wrap > ul > li > div:nth-child(3) {width: 8%;}
#sub.doc_manage.progress_list .tb_wrap > ul > li > div:nth-child(4) {width: 9%;}
#sub.doc_manage.progress_list .tb_wrap > ul > li > div:nth-child(5) {width: 10%;}
#sub.doc_manage.progress_list .tb_wrap > ul > li > div:nth-child(6) {width: 15%;}
#sub.doc_manage.progress_list .tb_wrap > ul > li > div:nth-child(7) {width: 10%;}
#sub.doc_manage.progress_list .tb_wrap > ul > li > div:nth-child(8) {width: 10%;}

#sub.doc_manage.normal_sig .list_wrap.card .tb_wrap > ul > li > div:nth-child(4) {padding-top:0;margin-top:-8px}
#sub.doc_manage.normal_sig .list_wrap .tb_wrap > ul > li .more_btn{width:20px}
*/
#sub.doc_manage.normal_sig .list_wrap .tb_wrap .tb .tbc .prg b.grn:Before {
	background: #2fc673
}

#sub.doc_manage.normal_sig .list_wrap .tb_wrap .tb .tbc .prg b.ye:Before {
	background: #fec323
}

#sub.doc_manage.normal_sig .list_wrap .tb_wrap .tb .tbc .prg b.rdg:Before {
	background: #ec2606
}

#sub.doc_manage.normal_sig .list_wrap .tb_wrap .tb .tbc .prg b.bkbg:Before {
	background: #2b2d31
}

#sub.doc_manage.normal_sig .list_wrap .tb_wrap .tb .tbc .prg b.blbg:Before {
	background: #3273fc
}

#sub.doc_manage.normal_sig .list_wrap .tb_wrap .tb .tbc .prg b.gry:Before {
	background: #d6dadd
}

#sub.doc_manage.normal_sig .list_wrap .tb_wrap .tb .tbc .prg b.blk:Before {
	background: #555555
}

#sub.doc_manage.normal_sig .list_wrap .tb_wrap .tb .tbc .prg b.ngr:Before {
	background: #00e2bf
}

#sub.doc_manage .list_wrap .tb_wrap .tb .tbc p.nm {
	font-size: 0;
}

#sub.doc_manage .list_wrap .tb_wrap .tb .tbc p.nm em {
	font-weight: 500;
	display: inline-block;
	vertical-align: middle;
	font-size: 1.4rem
}

#sub.doc_manage .list_wrap .tb_wrap .tb .tbc p.nm span {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	font-size: 1.4rem;
	box-sizing: border-box;
	padding-left: 16px;
}

#sub.doc_manage .list_wrap .tb_wrap .tb .tbc p.nm span:before {
	width: 2px;
	height: 2px;
	background: #808080;
	content: '';
	left: 6px;
	top: 50%;
	margin-top: -2px;
	position: absolute;
}

#sub.doc_manage .list_wrap .tb_wrap .tb .tbc p.nm span:first-child {
	padding-left: 0
}

#sub.doc_manage .list_wrap .tb_wrap .tb .tbc p.nm span:first-child:before {
	display: none
}

/*일반서명 현황 상세*/
#sub.normal_view .col {
	margin-top: 30px
}

#sub.normal_view .col:first-child {
	margin-top: 0px
}

#sub.normal_view .pr_title {
	padding: 18px 40px !important
}

#sub.normal_view .pr_title .prs>div {
	float: left
}

#sub.normal_view .pr_title .prs>div b {
	display: block;
	font-size: 2rem;
	font-weight: 700;
	color: #111;
	position: relative;
	padding-left: 28px;
	line-height: 36px;
	box-sizing: border-box;
}

#sub.normal_view .pr_title .prs>div b:before {
	width: 16px;
	height: 16px;
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -8px;
	background: #fec323;
	border-radius: 50%
}

#sub.normal_view .pr_title .prs>.icon_btn {
	float: right;
	margin-right: -20px
}

#sub.normal_view .pr_title>div b.grn:Before {
	background: #2fc673
}

#sub.normal_view .pr_title>div b.ye:Before {
	background: #fec323
}

#sub.normal_view .pr_title>div b.rdg:Before {
	background: #ec2606
}

#sub.normal_view .pr_title>div b.bkbg:Before {
	background: #2b2d31
}

#sub.normal_view .pr_title>div b.blbg:Before {
	background: #3273fc
}

#sub.normal_view .pr_title>div b.gry:Before {
	background: #d6dadd
}

#sub.normal_view .pr_title>div b.ngr:Before {
	background: #00e2bf
}

#sub.normal_view .pr_title>div b.blk:Before {
	background: #333333
}

#sub.doc_manage.normal_view .doc_info .info_list ul {
	padding-top: 10px;
}

#sub.doc_manage.normal_view .doc_info .info_list ul li {
	margin-left: -10px;
	margin-top: 10px;
	position: relative;
}

#sub.doc_manage.normal_view .doc_info .info_list ul li:after {
	clear: both;
	display: block;
	content: '';
}

#sub.doc_manage.normal_view .doc_info .info_list ul li.wide>div {
	width: calc(100% - 10px);
}

#sub.doc_manage.normal_view .doc_info .info_list ul li>div {
	margin-left: 10px;
	border: 1px solid #e2e7ea;
	border-radius: 10px;
	padding: 0 20px;
	float: left;
	box-sizing: border-box;
	width: Calc(50% - 10px)
}

#sub.doc_manage.normal_view .doc_info .info_list ul li>div b {
	display: inline-block;
	vertical-align: middle;
	width: 95px;
	line-height: 58px;
	color: #1560fd;
	font-size: 1.5rem;
	font-weight: 500;
}

/* 110px -> 95px */
#sub.doc_manage.normal_view .doc_info .info_list ul li>div p {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 95px) !important;
	font-size: 0
}

/* 100%-110px -> 100%-95px */
#sub.doc_manage.normal_view .doc_info .info_list ul li>div p span {
	color: #111;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.3;
	padding-left: 30px;
	display: inline-block;
	vertical-align: middle;
	;
	box-sizing: border-box;
	position: relative
}

#sub.doc_manage.normal_view .doc_info .info_list ul li>div p span:before {
	width: 1px;
	height: 11px;
	top: 50%;
	margin-top: -5.5px;
	left: 15px;
	content: '';
	background: #111;
	opacity: 0.7;
	position: absolute;
}

#sub.doc_manage.normal_view .doc_info .info_list ul li>div p span:first-child {
	padding-left: 0;
}

#sub.doc_manage.normal_view .doc_info .info_list ul li>div p span:first-child:before {
	display: none
}

#sub.doc_manage.normal_view .doc_info .info_list ul li>div p span a.dir:hover {
	text-decoration: underline;
}

#sub.doc_manage.normal_view .doc_info .info_list ul li>div p i.pipe {
	width: 10px;
	height: 11px;
	display: inline-block;
	border-left: 1px solid #111;
	margin-left: 10px;
}

#sub.doc_manage .doc_info .info_list ul li .ico_wrap {
	border: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	font-size: 0;
	top: 50%;
	right: 20px;
	width: auto !important;
	margin-top: -18px;
}

#sub.doc_manage .doc_info .info_list ul li .ico_wrap a {
	box-shadow: none;
	margin-left: 5px;
}

#sub.doc_manage .doc_info .info_list ul li .ico_wrap a:first-child {
	margin-left: 0
}

#sub.doc_manage .doc_info .info_list ul li .ico_wrap .w100 {
	width: 100px
}

#sub.doc_manage .doc_info .info_list ul li .ico_wrap .w125 {
	width: 125px
}

#sub.doc_manage .doc_info .info_list ul li .ico_wrap .w145 {
	width: 145px
}

#sub.doc_manage .doc_info .info_list ul li .ico_wrap .w170 {
	width: 170px
}

#sub.doc_manage.normal_view .last_section .list_wrap.card .tb_wrap .tb .tbc b.bld {
	font-size: 1.6rem;
	font-weight: 700;
	color: #090909;
	display: inline-block;
	vertical-align: middle;
}

#sub.doc_manage.normal_view .last_section .list_wrap.card .tb_wrap .tb .tbc .chk_wrap {
	display: inline-block;
	vertical-align: middle;
	margin-left: 16px
}

#sub.doc_manage.normal_view .last_section .box_cont {
	margin-top: 30px;
}

#sub.doc_manage.normal_view .last_section .box_cont>div {
	float: left;
}

#sub.doc_manage.normal_view .last_section .box_cont .prg_wrap {
	width: 65px;
	padding-left: 20px;
	box-sizing: border-box;
	padding-top: 34px
}

/* padding:0; 삭제예정~*/
#sub.doc_manage.normal_view .last_section .box_cont .prg_wrap>div {
	border-left: 2px dashed #dcdcdc;
	margin-top: 18px;
	padding-top: 0
}

/*#sub.doc_manage.normal_view .last_section .box_cont .prg_wrap > div:last-child:after{border-color:transparent}
#sub.doc_manage.normal_view .last_section .box_cont .prg_wrap > div:after{width:2px;height:100%;border-left:2px dashed #dcdcdc;content:'';position:absolute;left: 14px;}
#sub.doc_manage.normal_view .last_section .box_cont .prg_wrap > div em{width:30px;height:30px;border-radius:15px;background:#fff;display:block; border:1px solid #e8e9ea;box-sizing:border-box;position:relative}
#sub.doc_manage.normal_view .last_section .box_cont .prg_wrap > div em:before{width:10px;height:10px; border-radius:50%; content:''; position:absolute; top:50%; margin-top:-5px;left:50%;  margin-left:-5px;background:#d0d4dc}
#sub.doc_manage.normal_view .last_section .box_cont .prg_wrap > div.on {}
#sub.doc_manage.normal_view .last_section .box_cont .prg_wrap > div.on em{background:#d0dfff; border-color:#d0dfff}
#sub.doc_manage.normal_view .last_section .box_cont .prg_wrap > div.on em:before{background:#1560fd;}~삭제예정*/
#sub.doc_manage.normal_view .last_section .box_cont .tb_wrap {
	margin-top: 0;
	width: 310px;
	position: relative;
}

/*width수정*/
#sub.doc_manage.normal_view .last_section .box_cont .tb_wrap>ul {
	margin-top: -20px
}

#sub.doc_manage.normal_view .last_section .box_cont .tb_wrap>ul>li {
	width: 99%;
	margin-top: 20px;
	cursor: pointer;
}

#sub.doc_manage.normal_view .last_section .box_cont .if_wrap {
	width: Calc(100% - 375px);
	padding-left: 30px;
	box-sizing: border-box;
}

#sub.doc_manage.normal_view .last_section .box_cont .if_wrap .if_box {
	display: none;
	padding: 38px;
	border: 1px solid #eee;
	box-sizing: border-box;
	border-radius: 0 8px 8px 8px;
	position: relative;
}

#sub.doc_manage.normal_view .last_section .box_cont .if_wrap .if_box:before {
	width: 20px;
	height: 22px;
	content: '';
	position: absolute;
	left: -20px;
	top: -1px;
	background-position: left top;
	background-size: auto;
	background-image: url('/resource/image/tri_bf.png');
	content: '';
	background-repeat: no-repeat;
}

#sub.doc_manage.normal_view .last_section .box_cont .if_wrap .if_box.on {
	display: block;
}

#sub.doc_manage.normal_view .last_section .box_cont .if_wrap .if_box .ab_btn {
	position: absolute;
	right: 38px;
	top: 22px
}

#sub.doc_manage.normal_view .last_section .box_cont .if_wrap .if_box .if_list {
	margin-top: 23px
}

#sub.doc_manage.normal_view .last_section .box_cont .if_wrap .if_box .if_list>ul {
	margin-top: -5px
}

#sub.doc_manage.normal_view .last_section .box_cont .if_wrap .if_box .if_list>ul>li {
	background: #fcfcfc;
	border-radius: 10px;
	border: 1px solid #e2e7ea;
	margin-top: 5px;
	box-sizing: border-box;
	position: relative;
	padding: 13px 14px 13px 47px;
}

#sub.doc_manage.normal_view .last_section .box_cont .if_wrap .if_box .if_list>ul>li span {
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	background-size: 9px;
	background-image: url('/resource/image/ico_go3.svg');
	background-position: 4px 5px;
	background-color: #a4b1b9;
	background-repeat: no-repeat;
	border-radius: 9px;
	position: absolute;
	left: 14px;
	top: 17px;
}

#sub.doc_manage.normal_view .last_section .box_cont .if_wrap .if_box .if_list>ul>li p {
	font-size: 1.5rem;
	font-weight: 500;
	color: #111;
	display: inline-block;
	vertical-align: middle;
	font-family: 'Poppins', 'Noto Sans KR', sans-serif;
	padding-left: 0;
	box-sizing: border-box;
}

#sub.doc_manage.normal_view .last_section .box_cont .if_wrap .if_box .if_list>ul>li span.blp {
	background-size: 18px;
	background-position: center center;
	background-image: url('/resource/image/if_bf02.svg');
	background-color: Transparent;
}

#sub.doc_manage.normal_view .last_section .box_cont .if_wrap .if_box .if_list>ul>li span.grp {
	transform: rotate(-90deg);
	background-color: #2fc673;
	background-size: 9px;
	background-image: url('/resource/image/ico_go3.svg');
	background-position: 4px 5px
}

/*일반서명 현황 - 대량서명 */
#sub.doc_manage.mass_idx .list_wrap .tb_wrap .tb.fir b {
	display: block;
	color: #111;
	font-weight: 500;
	font-size: 1.4rem
}

#sub.doc_manage.mass_idx .list_wrap .tb_wrap .tb.fir span {
	display: block;
	color: #888;
	font-weight: 400;
	font-size: 1.4rem
}

#sub.doc_manage.mass_idx .list_wrap .tb_wrap .tb .tbc p em {
	font-weight: 700
}

#sub.doc_manage.mass_idx .list_wrap .tb_wrap .tb .tbc p em.bkc {
	color: #111
}

#sub.doc_manage.mass_idx .list_wrap .tb_wrap .tb .tbc p em.rdc {
	color: #be0000
}

/*일반서명 현황 - 대량서명상세페이지 */
#sub.doc_manage.mass_view .col {
	margin-top: 30px;
	padding-top: 40px
}

#sub.doc_manage.mass_view .col:first-child {
	margin-top: 0px;
	padding-top: 50px
}

#sub.doc_manage.mass_view .last_wrap .btm_twrap .ico_wrap {
	margin-top: 20px;
	font-size: 0;
}

#sub.doc_manage.mass_view .last_wrap .btm_twrap .ico_wrap a {
	box-shadow: none;
	margin-right: 5px;
	margin-bottom: 5px;
}

#sub.doc_manage.mass_view .last_wrap .btm_twrap .ico_wrap a:first-child {
	margin-left: 0
}

#sub.doc_manage.mass_view .last_wrap .btm_twrap .ico_wrap .smb {
	width: 100px
}

#sub.doc_manage.mass_view .last_wrap .btm_twrap .ico_wrap .lgb {
	width: 145px
}

#sub.doc_manage.mass_view .list_wrap {
	margin-top: 20px
}

#sub.doc_manage.mass_view .nm_list>li:not(.head):hover {
	border-color: #e2e7ea !important;
	box-shadow: none
}

#sub.doc_manage.mass_view .nm_list>li:not(.head) {
	cursor: unset
}

#sub.doc_manage.mass_view .btm_twrap .sc_wrap {
	border-radius: 10px;
	background: #f4f5f5;
	padding: 20px 20px;
	box-sizing: border-box;
}

#sub.doc_manage.mass_view .btm_twrap .sc_wrap .l_wrap {
	height: 40px;
	line-height: 40px;
	font-size: 0;
	float: left;
}

#sub.doc_manage.mass_view .btm_twrap .sc_wrap .l_wrap>span {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1;
	padding: 0 10px;
	box-sizing: border-box;
	position: relative;
}

#sub.doc_manage.mass_view .btm_twrap .sc_wrap .l_wrap span::before {
	content: '';
	display: block;
	clear: both;
	width: 1px;
	height: 13px;
	position: absolute;
	left: auto;
	right: 0 !important;
	/*220408*/
	top: 50%;
	margin-top: -6.5px !important;
	/*220408*/
	background-color: #c0cdd2;
}

#sub.doc_manage.mass_view .btm_twrap .sc_wrap .l_wrap span:first-child {
	padding-left: 0;
}

#sub.doc_manage.mass_view .btm_twrap .sc_wrap .l_wrap .drp_wrap {
	margin-left: 10px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 5px;
	border-color: #c7d6dc;
	position: relative;
}

#sub.doc_manage.mass_view .btm_twrap .sc_wrap .l_wrap .drp_wrap>a {
	padding: 0 10px;
	width: 76px;
	height: 30px;
	line-height: 28px;
	font-size: 12px;
	color: #4468f9;
	background-color: #f4f9fb;
}

#sub.doc_manage.mass_view .btm_twrap .sc_wrap .l_wrap .drp_wrap>a::before {
	right: 10px;
	margin-top: -2px;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top: 4px solid #0060ff;
}

#sub.doc_manage.mass_view .btm_twrap .sc_wrap .l_wrap .drp_wrap>a b {
	font-size: 1.3rem;
	font-weight: 600;
}

#sub.doc_manage.mass_view .btm_twrap .sc_wrap .l_wrap .drp_wrap>ul {
	top: 28px;
}

#sub.doc_manage.mass_view .btm_twrap .sc_wrap .l_wrap .drp_wrap>ul li a {
	padding: 0 10px;
	height: 30px;
	line-height: 28px;
	font-size: 12px;
}

#sub.doc_manage.mass_view .btm_twrap .sc_wrap .r_wrap {
	font-size: 0;
	float: right;
}

#sub.doc_manage.mass_view .btm_twrap .sc_wrap .r_wrap .srch_date {
	display: inline-block;
	vertical-align: middle;
}

#sub.doc_manage.mass_view .btm_twrap .sc_wrap .r_wrap .srch_date ul li input[type="text"] {
	height: 38px
}

#sub.doc_manage.mass_view .btm_twrap .sc_wrap .r_wrap .srch_date ul li a {
	height: 38px
}

#sub.doc_manage.mass_view .btm_twrap .sc_wrap .r_wrap .page_search {
	max-width: 330px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}

#sub.doc_manage.mass_view .btm_twrap .sc_wrap .r_wrap .page_search .word_box {
	width: calc(100% - 80px);
	margin-left: 0
}

#sub.doc_manage.mass_view .btm_twrap .sc_wrap .r_wrap .page_search .word_box input[type=text] {
	height: 40px
}

#sub.doc_manage.mass_view .btm_twrap .sc_wrap .r_wrap .page_search .rst_btn {
	margin-left: 10px;
	width: 70px;
}

#sub.doc_manage.mass_view .btm_twrap .sc_wrap .r_wrap .page_search .rst_btn a {
	display: block;
	line-height: 38px;
	color: #fff;
	text-align: center;
	font-size: 1.3rem;
	border-radius: 7px;
}

#sub.doc_manage.mass_view .doc_info .prg_wrap {
	max-width: 1180;
	margin: 0 auto
}

#sub.doc_manage.mass_view .doc_info .prg_wrap .txt .l_box {
	font-size: 0;
	float: left
}

#sub.doc_manage.mass_view .doc_info .prg_wrap .txt .l_box>div {
	display: inline-block;
	vertical-align: bottom;
	padding-left: 3px
}

#sub.doc_manage.mass_view .doc_info .prg_wrap .txt .l_box>div b {
	display: inline-block;
	vertical-align: bottom;
	line-height: 1;
	font-weight: 700
}

#sub.doc_manage.mass_view .doc_info .prg_wrap .txt .l_box>div em {
	display: inline-block;
	vertical-align: bottom;
	line-height: 1
}

#sub.doc_manage.mass_view .doc_info .prg_wrap .txt .l_box>div:first-child {
	color: #2fc673;
	padding-left: 0;
}

#sub.doc_manage.mass_view .doc_info .prg_wrap .txt .l_box>div:first-child b {
	font-size: 2.8rem;
	line-height: 20px;
}

#sub.doc_manage.mass_view .doc_info .prg_wrap .txt .l_box>div:first-child em {
	font-size: 2rem;
}

#sub.doc_manage.mass_view .doc_info .prg_wrap .txt .l_box>div span {
	font-size: 2rem;
	color: #111111;
	line-height: 1;
	font-weight: 700
}

#sub.doc_manage.mass_view .doc_info .prg_wrap .txt .l_box>div.last {
	position: relative;
	padding-left: 30px
}

#sub.doc_manage.mass_view .doc_info .prg_wrap .txt .l_box>div.last:before {
	width: 1px;
	height: 15px;
	top: 50%;
	margin-top: -7.5px;
	background: #d1d5d7;
	content: '';
	position: absolute;
	left: 15px;
}

#sub.doc_manage.mass_view .doc_info .prg_wrap .txt .l_box>div.last b {
	font-size: 1.6rem;
	color: #be0000;
	font-weight: 700;
}

#sub.doc_manage.mass_view .doc_info .prg_wrap .txt .r_box {
	font-size: 0;
	float: right
}

#sub.doc_manage.mass_view .doc_info .prg_wrap .txt .r_box span {
	display: inline-block;
	vertical-align: bottom;
	line-height: 1;
	font-weight: 700;
	font-size: 2rem;
}

#sub.doc_manage.mass_view .doc_info .prg_wrap .txt .r_box b {
	display: inline-block;
	vertical-align: bottom;
	line-height: 20px;
	font-weight: 700;
	font-size: 2.2rem;
	padding-left: 3px
}

#sub.doc_manage.mass_view .doc_info .prg_wrap .txt .r_box em {
	display: inline-block;
	vertical-align: bottom;
	line-height: 1;
	font-size: 1.6rem;
	font-weight: 700;
}

#sub.doc_manage.mass_view .doc_info .prg_wrap .bar {
	height: 30px;
	border-radius: 15px;
	background: #e1e9ee;
	position: relative;
	margin-top: 14px;
	overflow: hidden;
}

#sub.doc_manage.mass_view .doc_info .prg_wrap .bar>div {
	position: absolute;
	border-radius: 10px;
	width: 0;
	height: 100%;
	left: 0;
	top: 0;
	box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.29);
	background: rgb(65, 102, 249);
	background: linear-gradient(180deg, rgba(65, 102, 249, 1) 0%, rgba(21, 66, 248, 1) 100%);
	/*-webkit-transition:width .8s; transition:width .8s;*/
}

#sub.doc_manage.mass_view .doc_info .info_list {
	margin-top: 60px
}

#sub.doc_manage.mass_view .doc_info .info_list ul {
	margin-top: -10px
}

#sub.doc_manage.mass_view .doc_info .info_list ul li {
	margin-left: -10px;
	margin-top: 10px;
	position: relative;
}

#sub.doc_manage.mass_view .doc_info .info_list ul li:after {
	clear: both;
	display: block;
	content: '';
}

#sub.doc_manage.mass_view .doc_info .info_list ul li>div {
	margin-left: 10px;
	border: 1px solid #e2e7ea;
	border-radius: 10px;
	padding: 0 20px;
	float: left;
	box-sizing: border-box;
	width: Calc(50% - 10px)
}

#sub.doc_manage.mass_view .doc_info .info_list ul li>div b {
	display: inline-block;
	vertical-align: middle;
	width: 95px;
	line-height: 58px;
	color: #1560fd;
	font-size: 1.5rem;
	font-weight: 500;
}

#sub.doc_manage.mass_view .doc_info .info_list ul li>div p {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 95px);
	font-size: 0
}

#sub.doc_manage.mass_view .doc_info .info_list ul li>div p span {
	color: #111;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.2;
	padding-left: 30px;
	display: inline-block;
	vertical-align: middle;
	;
	box-sizing: border-box;
	position: relative
}

#sub.doc_manage.mass_view .doc_info .info_list ul li>div p span:before {
	width: 1px;
	height: 11px;
	top: 50%;
	margin-top: -5.5px;
	left: 15px;
	content: '';
	background: #111;
	opacity: 0.7;
	position: absolute;
}

#sub.doc_manage.mass_view .doc_info .info_list ul li>div p span:first-child {
	padding-left: 0;
}

#sub.doc_manage.mass_view .doc_info .info_list ul li>div p span:first-child:before {
	display: none
}

/* 반응형 - 헤더 gnb버튼 */
#gnb_open {
	display: none;
	margin-left: 25px;
}

#gnb_open img {
	display: block;
	width: 22px;
}

/*로딩 페이지*/
.loding_area {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	text-align: center;
	display: none;
	z-index: 1050;
	background: rgba(0, 0, 0, 0.5);
}


/*220415 zh 수정 서명현황 상세페이지*/
#sub.doc_manage.normal_view .last_section .box_cont .tb_wrap>ul>li {
	margin-top: 20px;
	overflow: visible
}

#sub.doc_manage.normal_view .last_section .box_cont .tb_wrap>ul>li .tb.fir {
	border-radius: 10px 10px 0 0
}

#sub.doc_manage.normal_view .last_section .box_cont .tb_wrap>ul>li>span {
	position: absolute;
	left: -60px;
	top: 20px
}

#sub.doc_manage.normal_view .last_section .box_cont .tb_wrap>ul>li>span em {
	width: 30px;
	height: 30px;
	border-radius: 15px;
	background: #fff;
	display: block;
	border: 1px solid #e8e9ea;
	box-sizing: border-box;
	position: relative
}

#sub.doc_manage.normal_view .last_section .box_cont .tb_wrap>ul>li>span em:before {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -5px;
	left: 50%;
	margin-left: -5px;
	background: #d0d4dc
}

#sub.doc_manage.normal_view .last_section .box_cont .tb_wrap>ul>li>span.on em {
	background: #d0dfff;
	border-color: #d0dfff
}

#sub.doc_manage.normal_view .last_section .box_cont .tb_wrap>ul>li>span.on em:before {
	background: #1560fd;
}

#sub.doc_manage.normal_view .last_section .box_cont .if_wrap .if_box .if_list>ul>li p em {
	font-weight: 500;
}

/*체크박스 + a 태그 형태*/
#sub.doc_manage .list_wrap .tb_wrap>ul>li:not(.head) {
	cursor: pointer;
	transition: box-shadow .5s;
	transition: border-color .5s;
	-webkit-transition: box-shadow .5s;
	-webkit-transition: border-color .5s;
}

#sub.doc_manage .list_wrap .tb_wrap>ul>li:not(.head):hover {
	box-shadow: 0px 2px 11.83px 1.17px rgb(55 93 249 / 23%);
	border-color: #375df9 !important;
}

#sub.doc_manage .list_wrap.list .tb_wrap>ul>li .tb.none.card_btn {
	display: none !important;
}

#sub.doc_manage .list_wrap.card .tb_wrap>ul>li .tb.none.list_btn {
	display: none !important;
}

#sub.doc_manage .list_wrap .tb_wrap>ul>li .tb.none.card_btn .sm_btn {
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 1.3rem;
	line-height: 36px;
	background-image: none;
}

#sub.doc_manage .list_wrap .tb_wrap>ul>li .tb.fir {
	font-size: 0;
}

#sub.doc_manage .list_wrap .tb_wrap>ul>li .tb.fir a {
	color: #111;
	font-size: 1.4rem;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	height: 20px;
	line-height: 17px;
	/*0616*/
}

#sub.doc_manage .list_wrap .tb_wrap>ul>li .tb.fir .chk_wrap {
	display: inline-block;
	vertical-align: middle;
}

#sub.doc_manage .list_wrap .tb_wrap>ul>li .tb.fir a span {
	padding-bottom: 4px;
}

#sub.doc_manage.template_idx .list_wrap .tb_wrap>ul>li .tb.fir .chk_wrap {
	width: 100%;
}

#sub.doc_manage.normal_sig .chk_wrap.prg b {
	vertical-align: middle
}

#sub.doc_manage.normal_sig .list_wrap .tb_wrap>ul>li .tb.fir .chk_wrap.cl_bk label {
	vertical-align: middle
}




/* 
	content5 취합 - 2204015 
*/

/* 대량서명 */
#template {
	display: none
}

.mega .findfile .bg {
	padding: 40px 0 50px 42%;
	background-image: url('/resource/image/ico_folder.png');
	background-repeat: no-repeat;
	background-position: 21% 50%;
	box-sizing: border-box;
	background-color: #f5f9fc;
	border-radius: 8px;
	border: 1px solid #e2e7ea;
	color: #888888;
	font-size: 1.4rem
}

.mega .findfile .bg em {
	color: #1560fd
}

.mega .findfile .bg label {
	display: block;
	margin-top: 15px;
	padding: 0 15px;
	width: 95px;
	height: 37px;
	line-height: 37px;
	border-radius: 5px;
	font-size: 1.3rem;
	color: #fff;
	background-color: rgb(32, 34, 49);
	background-image: url('/resource/image/ico_go.png');
	background-repeat: no-repeat;
	background-position: top 50% right 15px;
	box-sizing: border-box;
}

.wide_box {
	max-width: 1380px;
	margin: 0 auto
}

.ptype {
	font-size: 1.5rem;
	font-weight: 500;
	margin: 15px 0 10px;
	color: #2a2d41
}

#sub .con_wrap .box#select {
	padding-bottom: 40px
}

#sub .con_wrap.mega .box>div {
	padding: 10px 50px 50px
}

#sub .con_wrap.mega .box>div:first-child {
	padding-top: 50px
}

#sub .con_wrap.mega .box>div.info {
	display: flex;
	justify-content: space-between;
	align-items: center
}

#sub .con_wrap.mega .box>div.info input {
	border-radius: 5px;
	padding-left: 38px;
	width: 176px;
	background: url("/resource/image/ico_search.svg") no-repeat 13px center;
	background-size: auto 16px
}

#sub .con_wrap.mega .box>div.info .count,
#sub .con_wrap.mega .box>div.info .count em {
	font-family: 'Poppins', sans-serif;
}

#sub .con_wrap.mega .box>div.info .count em {
	color: #3a60f9;
	font-size: 1.8rem;
	font-weight: bold
}






.table_type .table_head {
	display: flex;
	background: #e7e9eb;
	align-items: center;
	border-radius: 8px;
	overflow: hidden
}

.table_type .table_head>div {
	padding: 0 10px;
	color: #777777;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 38px
}

.table_type .table_head>div .met {
	display: flex;
	align-items: center
}

.table_type .table_head>div .met a {
	display: inline-block;
	background: url("/resource/image/ico_pencil.png") no-repeat;
	width: 11px;
	height: 11px;
	text-indent: -9999px;
	vertical-align: middle;
	margin-left: 5px
}

.table_type .table_head .chk label {
	background: transparent;
	color: #777777;
	font-size: 1.2rem;
	display: flex;
	align-items: center
}

.table_type .table_body .table_row {
	display: flex;
	border-bottom: 1px solid #e2e7ea;
	padding: 15px 0;
	align-items: center
}

.table_type .table_body>div {
	font-size: 1.2rem;
	color: #181818
}

.table_type .table_body>div label {
	color: #181818;
	font-size: 1.2rem
}

.table_type .table_body>div label em {
	font-size: 1.3rem;
	color: #1560fd
}

.table_type .table_body div.small label {
	color: #949b9f;
	height: auto;
	padding-left: 17px
}

.table_type .table_body div.small.cl_bk input[type="checkbox"]:checked+label {
	color: #3a60f9
}

.table_type .table_body div.small.cl_bk input[type="checkbox"]+label:before {
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background-size: 6px 6px
}

.table_type .table_body .table_row>div {
	padding: 0 10px;
	position: relative;
	border-left: 1px solid #e2e7ea;
}

.table_type .table_body .table_row>div .email em {
	color: #1560fd;
	font-size: 1.3rem
}

.table_type .table_body .table_row>div:first-child {
	border-left: 0
}

.table_type .table_body .drp_wrap>a {
	padding: 0
}

.table_type .table_body .drp_wrap>ul li a {
	padding: 0 10px;
	white-space: nowrap
}

.table_type .table_body .drp_wrap>a:before {
	right: 0
}

.table_type .drp_wrap {
	border: 0;
	width: 100%
}

.table_type .table_body .table_row>div {
	line-height: 1.3;
	display: inline-flex;
	flex-wrap: wrap;
	height: 35px;
	align-items: center;
}

.table_type .table_body .table_row div:first-child {
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	line-height: 1.3;
}

.table_type.type2 .table_head {
	height: 38px
}

.table_type .table_body .drp_wrap>a {
	font-size: 1.2rem;
	line-height: 35px
}

.table_type .chk_wrap label:before {
	margin-top: -10px;
}

.table_type.type2 em {
	color: #1560fd
}

.table_type .drp_wrap.on>ul,
.table_type .drp_wrap>ul {
	border: 0;
	border-radius: 0;
	box-shadow: 1.286px 1.532px 6px 0px rgba(60, 60, 60, 0.16);
	top: 35px;
	padding: 5px 0;
	background: #f1f2f3
}

.table_type .drp_wrap.on>ul li,
.table_type .drp_wrap>ul li {
	background: #f1f2f3;
	border-top: 0;
}

.table_type .drp_wrap.on>ul li a,
.table_type .drp_wrap>ul li a {
	padding: 5px 6px;
	color: #727679;
	font-size: 1.2rem;
	text-align: left;
	height: auto;
	line-height: 100%
}

#sub.sign_idx .mega .btn_wrap>div.small {
	max-width: 840px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto
}

#sub.sign_idx .mega .btn_wrap>div.small .btns:first-child {
	margin-left: 0
}

#sub.sign_idx .mega .btn_wrap>div.small .btns.gr {
	flex: 0 0 196px
}

#sub .con_wrap.mega #template {
	margin-bottom: 20px
}

#sub .con_wrap.mega #template .tit_wrap {
	padding-bottom: 15px
}

#sub .con_wrap.mega .box>div.pdf_wrap {
	padding-top: 0
}

#sub .con_wrap.mega .box>div.pdf_wrap img {
	max-width: 100%
}

.mega .exp li {
	display: flex;
	justify-content: space-between;
	box-shadow: 0px 2px 11.83px 1.17px rgba(121, 150, 183, 0.11);
	background: #fff;
	margin-top: 12px;
	border-radius: 10px;
	border: 1px solid #efefef;
	padding: 25px 34px 20px 30px
}

.mega .exp li:first-child {
	margin-top: 15px
}

.mega .exp li em {
	display: inline-block;
	font-family: 'Poppins';
	width: 30px;
	height: 30px;
	font-size: 1.4rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	border-radius: 50%;
	background-color: #1560fd
}

.mega .exp li strong {
	color: #1560fd;
	font-size: 1.8rem;
	font-weight: 800;
	margin-left: 10px
}

.mega .exp li p {
	font-size: 1.5rem;
	color: #2a2d41;
	padding-left: 45px;
	font-weight: 500
}

#sub .con_wrap.mega #select.box>div {
	padding-bottom: 10px
}

#sub .con_wrap.mega .box .ip_wrap.a_wrap2 a.btn_download {
	color: #f4f7f9;
	box-sizing: border-box;
	background: rgb(65, 102, 249);
	background: linear-gradient(180deg, rgba(65, 102, 249, 1) 0%, rgba(21, 66, 248, 1) 100%);
	box-shadow: 4px 3px 10px 0px rgba(140, 140, 140, 0.22);
	font-weight: 500
}

#sub .con_wrap.mega .box .ip_wrap.a_wrap2 a.btn_download.on #sub .con_wrap.mega .box .ip_wrap.a_wrap2 a.btn_download_on.on {
	font-weight: 500
}

#sub .con_wrap.mega .box .ip_wrap.a_wrap2 a.btn_download_on {
	border: 2px solid #1560fd;
	line-height: 46px;
	color: #1560fd;
	font-weight: 500;
}

#sub .con_wrap.mega .box .ip_wrap.a_wrap2 a.btn_download_on i,
#sub .con_wrap.mega .box .ip_wrap.a_wrap2 a.btn_download i {
	margin-left: 10px
}

#sub .con_wrap.mega .box .ip_wrap.a_wrap2 a.btn_download i img {
	width: 13px;
}

.mega #select {
	display: none
}

.mega #sign0 {
	display: none
}

.mega #sign1 {
	display: none
}

.mega#sign2 {
	margin-bottom: 20px
}

.mega #guide2 {
	margin-top: 20px
}

.mega #doc {
	display: none
}

#sub.sign_idx .mega #doc .box {
	display: block
}

.mega #excel {
	display: none;
	margin-top: 20px
}

#sub .con_wrap.mega .box .tit_wrap b.tit strong {
	color: #1560fd
}

#sub .con_wrap.mega #guide0 .box>div.tit_wrap {
	padding-bottom: 0
}

#sub .con_wrap.mega #sign2 .box>div:first-child {
	padding-bottom: 0
}





.mega .popup .pop .pop_tit strong em {
	color: #0d68ff;
	font-weight: 700
}

.mega .btnbox {
	max-width: 325px;
	margin: 30px auto 0;
	text-align: center;
	font-size: 0;
}

.mega .btnbox>div {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% + 5px);
	width: -webkit-calc(100% + 5px);
	width: -moz-calc(100% + 5px);
}

.mega .btnbox a {
	display: inline-block;
	width: calc(50% - 5px);
	width: -webkit-calc(50% - 5px);
	width: -moz-calc(100% - 5px);
	margin-left: 5px;
	height: 50px;
	line-height: 50px;
	font-size: 1.6rem;
	font-weight: 500;
	color: #f4f7f9;
	border-radius: 10px;
	background: rgb(142, 142, 144);
	background: linear-gradient(180deg, rgba(142, 142, 144, 1) 0%, rgba(114, 114, 116, 1) 100%);
	letter-spacing: -.1rem;
	box-shadow: 4px 3px 5px 0px rgba(140, 140, 140, 0.22);
}

.mega .btnbox a.bl {
	background: rgb(29, 102, 253);
	background: linear-gradient(180deg, rgba(29, 102, 253, 1) 0%, rgba(3, 62, 253, 1) 100%);
}

.mega .upload_done {
	display: none;
}

.mega .upload_done .findfile {
	height: 190px;
}

.mega .upload_done .findfile .bg {
	padding: 40px 0 50px 42%;
	background-image: url('/resource/image/ico_folder2.png');
	background-repeat: no-repeat;
	background-position: 21% 50%;
	box-sizing: border-box;
	background-color: #f5f9fc;
	border-radius: 8px;
	border: 1px solid #e2e7ea;
	color: #888888;
	font-size: 1.4rem
}

.mega .upload_done .findfile a.btn1,
#docPop3 .upload_done .findfile label.btn1 {
	width: 175px;
}

.mega .upload_done .filelist {
	margin-top: 10px;
}

.mega .upload_done .filelist ul li {
	position: relative;
	margin-top: 5px;
	padding: 0 50px 0 13px;
	border: 1px solid #1560fd;
	border-radius: 10px;
	box-sizing: border-box;
}

.mega .upload_done .filelist ul li:first-child {
	margin-top: 0;
}

.mega .upload_done .filelist span {
	font-size: 1.4rem;
	height: 48px;
	line-height: 48px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: keep-all;
}

.mega .upload_done .filelist a {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	width: 25px;
	height: 25px;
	margin-top: -12px;
	font-size: 0;
	color: transparent;
	background-image: url('/resource/image/ico_remove.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.mega .upload_done .scroll {
	max-height: 160px;
	padding-right: 20px;
	margin: 0 -20px 0 0;
}

.mega .upload_done .btnbox {
	margin-top: 30px;
}

.mega .findfile strong {
	line-height: 1;
	font-size: 1.8rem;
	color: #1560fd;
	font-weight: 700;
	letter-spacing: -.1rem;
}

.mega .stats_bar .file_form {
	position: relative;
	margin-top: 18px;
	/*220408*/
	padding: 14px 440px 14px 145px;
	box-sizing: border-box;
	background-color: #f4f9fc;
	border: 1px solid #e1e8eb;
	border-radius: 10px;
}

.mega .stats_bar .file_form .left {
	position: absolute;
	left: 20px;
	top: 0;
	height: 80px;
	line-height: 80px;
}

.mega .stats_bar .file_form .center .ip_box {
	position: relative;
	margin-top: 0;
}

.mega .stats_bar .file_form .center .ip_box input[type="text"] {
	border-color: #1560fd;
	color: #111;
}

.mega .stats_bar .file_form .center p .del_btn {
	position: absolute;
	right: 12px;
	top: 50%;
	margin-top: -12.5px;
}

.mega .stats_bar .file_form .right {
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -18px;
}

.mega .stats_bar .file_form .btn_wrap .btns {
	padding: 0 15px;
	box-sizing: border-box;
	height: 36px;
	line-height: 36px;
	font-size: 1.3rem;
	border-radius: 5px;
	text-align: left;
	cursor: pointer;
}

.mega .stats_bar .file_form .btn_wrap p {
	float: left;
	height: 36px;
	position: relative;
}

.mega .stats_bar .file_form .btn_wrap p label {
	float: none;
	margin-left: 0;
	position: relative;
}

.mega .stats_bar .file_form .btn_wrap p input[type="file"] {
	position: absolute;
	left: -99999999px;
	top: 0;
}

.mega .stats_bar .file_form .btn_wrap a.btns {
	margin-left: 5px;
	position: relative;
}

.mega .stats_bar .file_form .file_btn {
	width: 96px;
	background: linear-gradient(to bottom, rgb(22, 24, 39) 20%, rgb(2, 2, 2) 100%);
}

.mega .stats_bar .file_form .addr_btn {
	width: 132px;
	background: linear-gradient(to bottom, rgb(22, 24, 39) 20%, rgb(2, 2, 2) 100%);
}

.mega .stats_bar .file_form .file_btn::before,
#sub.regist .mega .file_form .addr_btn::before {
	content: '';
	display: block;
	clear: both;
	width: 7px;
	height: 8px;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -4px;
	background-image: url('/resource/image/ico_trig.svg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.mega .stats_bar .file_form .sample_down {
	width: 170px;
	/*background:linear-gradient( to bottom, rgb(159,171,180) 20%, rgb(139,154,165) 100%);*/
}

.mega .stats_bar .file_form .sample_down::before {
	content: '';
	display: block;
	clear: both;
	width: 10px;
	height: 10px;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -5px;
	background-image: url('/resource/image/ico_download.svg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.mega .stats_bar .error_box {
	margin-top: 10px;
	padding: 0 15px;
	box-sizing: border-box;
	position: relative;
	background-color: #de4747;
	border-radius: 10px;
}

.mega .stats_bar .error_box p {
	font-size: 0;
	height: 39px;
	line-height: 39px;
}

.mega .stats_bar .error_box p span {
	display: inline-block;
	padding: 0 7.5px;
	box-sizing: border-box;
	font-size: 1.4rem;
	font-weight: 400;
	color: #fff;
	position: relative;
}

.mega .stats_bar .error_box p span::before {
	content: '';
	display: block;
	clear: both;
	width: 2px;
	height: 12px;
	position: absolute;
	left: -1px;
	top: 13px;
	background-color: #e87e7e;
	transform: skew(-28deg);
	-webkit-transform: skew(-28deg)
}

.mega .stats_bar .error_box p span:first-child {
	padding-left: 0;
}

.mega .stats_bar .error_box p span:first-child::before {
	display: none;
}

.mega .stats_bar .error_box p b {
	font-weight: 600;
}

.mega .stats_bar .error_box .error_ch {
	display: block;
	position: absolute;
	right: 7px;
	top: 50%;
	margin-top: -13.5px;
	width: 100px;
	height: 27px;
	line-height: 27px;
	font-size: 12px;
	font-weight: 600;
	color: #d03232;
	border-radius: 8px;
	background-color: #f0e2e2;
	text-align: center;
}

.mega .stats_bar .g_info {
	margin-top: 20px;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.mega .stats_bar .g_info .left {
	height: 30px;
	line-height: 30px;
	display: flex;
	align-items: center
}

.mega .stats_bar .g_info .sp1 {
	font-size: 1.5rem;
	font-weight: 500;
	letter-spacing: -0.5px;
	line-height: 40px;
}

.mega .stats_bar .g_info .sp1 b {
	font-weight: 700;
}

.mega .stats_bar .g_info .sp1 b i {
	font-size: 1.3rem;
	font-weight: 700;
}

.mega .stats_bar .g_info .sp2 b {
	font-size: 1.8rem;
	font-weight: 700;
	color: #3a60f9;
}

/*220408*/
.mega .stats_bar .g_btn {
	position: absolute;
	right: 0;
	top: 0;
}

.mega .stats_bar .g_info .drp_wrap {
	margin-left: 22px;
	position: relative;
	border-radius: 4px
}

.mega .stats_bar .g_info .drp_wrap:before {
	content: '';
	position: absolute;
	left: -12px;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 1px;
	height: 13px;
	background-color: #c2cbd1
}

.mega .stats_bar .g_info .drp_wrap>a {
	padding: 0 10px;
	width: 76px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #4468f9;
	background-color: #f4f9fb;
}

.mega .stats_bar .g_info .drp_wrap>a::before {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 6px solid #1560fd;
}

.mega .stats_bar .g_info .drp_wrap>ul {
	top: 30px;
}

.mega .stats_bar .g_info .drp_wrap>ul>li>a {
	height: 28px;
	line-height: 28px;
	font-size: 1.3rem;
}

.mega .stats_bar .g_btn a.icon_btn {
	width: 100%;
	padding: 0 15px;
	font-size: 12px;
}

.mega .stats_bar .g_btn a.add_btn {
	background: linear-gradient(to bottom, rgb(46, 48, 61) 20%, rgb(13, 13, 13) 100%);
}

.mega .stats_bar .g_btn a.add_btn::before {
	width: 12px;
	height: 12px;
	margin-top: -5.5px;
	background-image: url('/resource/image/ico_plus4.svg');
}

.mega .stats_bar .g_btn a.list_del {
	background: linear-gradient(to bottom, rgb(159, 171, 180) 20%, rgb(139, 154, 165) 100%);
}

.mega .stats_bar .g_btn a.list_del::before {
	width: 12px;
	height: 2px;
	margin-top: -1px;
	right: 13px;
	background-image: none;
	background-color: #fff;
}

.mega .stats_bar .g_btn .srch_btn {
	position: absolute;
	left: 15px;
	top: 50%;
	margin-top: -8px;
	width: 16px;
	height: 16px;
	background-image: url('/resource/image/ico_search.svg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 16px;
	background-color: initial;
}

.mega .stats_bar .g_btn .srch_text {
	height: 40px;
	padding: 0 10px 0 40px;
	font-size: 12px;
	font-weight: 500;
	color: #111;
	border: 1px solid #d8d8d8;
	border-radius: 5px;
}

.mega .stats_bar .g_btn .srch_text::placeholder {
	font-size: 12px;
	font-weight: 500;
	color: #bfc5c9;
}

.mega .stats_bar .g_btn>ul {
	margin-left: -5px;
}

.mega .stats_bar .g_btn>ul>li {
	float: left;
	margin-left: 5px;
	text-align: left;
	position: relative;
}

.mega .stats_bar .g_btn>ul>li.li1 {
	width: 160px;
	margin-left: 0;
	/*220408*/
}

.mega .stats_bar .g_btn>ul>li.li2 {
	width: 107px;
}

.mega .stats_bar .g_btn>ul>li.li3 {
	width: 93px;
}

.mega .stats_bar .g_btn>ul>li.li4 {
	margin-left: 10px;
	width: 90px;
}

.mega .stats_bar .g_btn>ul>li.li5 {
	width: 178px;
	margin-top: -2px;
}

.mega .btns.red,
.second .btns.red {
	background-image: -moz-linear-gradient(90deg, rgb(153, 33, 9) 20%, rgb(172, 75, 0) 100%);
	background-image: -webkit-linear-gradient(90deg, rgb(153, 33, 9) 20%, rgb(172, 75, 0) 100%);
	background-image: -ms-linear-gradient(90deg, rgb(153, 33, 9) 20%, rgb(172, 75, 0) 100%);
	box-shadow: 0px 5px 10px 0px rgba(140, 140, 140, 0.22);
}

#sub.sign_idx .mega .btn_wrap>div.full {
	max-width: 880px;
	display: flex;
	justify-content: center;
	margin: 0 auto
}





/* 2차서명*/
.text-btn {
	display: flex;
	justify-content: space-between;
	padding: 50px;
	cursor: pointer
}

.text-btn i {
	display: inline-block;
	flex: 0 0 48px;
	height: 48px;
	background: url("/resource/image/ico_check_off.svg") no-repeat center center
}

.text-btn.on i {
	background-image: url("/resource/image/ico_check_on.svg")
}

.text-btn strong {
	font-size: 2.0rem;
	color: #111111;
	font-weight: 700
}

.text-btn strong em {
	color: #f43500;
	font-weight: 700
}

.text-btn p {
	color: #7c838c;
	font-size: 1.4rem
}

#sub .con_wrap.second .box.attach {
	padding: 0 0 40px
}

#sub .con_wrap.second .box.attach .tit_wrap,
#sub .con_wrap.second .box.request_attach .tit_wrap {
	padding-bottom: 20px
}

#sub .con_wrap.second .box.request_attach {
	padding-bottom: 50px
}

#sub .con_wrap.second .box.attach a {
	display: block;
	border-radius: 10px;
	padding: 15px 10px;
	border: 1px solid #e2e7ea;
	margin: 0 50px 10px;
	color: #1560fd;
	font-size: 1.3rem;
}

#sub .con_wrap.second .box.attach a.download {
	display: block;
	border-radius: 10px;
	padding: 15px 10px;
	border: 1px solid #e2e7ea;
	margin: 0 50px 10px;
	color: #1560fd;
	font-size: 1.3rem;
	background-image: url("/resource/image/ico_download2.svg");
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size: 21px 20px
}

#sub .con_wrap.second .box.attach a:hover {
	background-color: #eef5fe
}

.second .request_list {
	padding: 0 50px
}

.second .request_list li {
	border-radius: 10px;
	border: 1px solid #dadada;
	padding: 14px;
	background-color: #fbfbfb
}

.second .request_list li.active {
	border-color: #204bf8
}

.second .request_list li>div {
	background-color: #ffffff;
	padding: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #e8e8e8;
	border-radius: 10px
}

.second .request_list li>div .require {
	display: inline-block;
	color: #fff;
	border-radius: 2px;
	background-color: #1560fd;
	font-size: 1rem;
	text-align: center;
	flex: 0 0 28px;
	height: 16px;
	margin-right: 7px
}

.second .request_list li>div .file_name {
	flex: 0 0 195px;
	display: flex;
	align-items: center
}

.second .request_list li>div .file_name em {
	max-width: 196px;
	color: #7c838c;
	font-size: 1.3rem;
	flex: 0 0 196px;
	letter-spacing: -1px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.second .request_list li.active>div .file_name em {
	color: #395ff8
}

.second .request_list li>div .file_attach_wrap {
	flex: 0 0 25px;
	height: 25px;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	text-indent: -9999px
}

.second .request_list li>div .file_attach_wrap input[type="file"] {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0
}

.second .request_list li>div .file_attach_wrap input[type="file"]+label {
	text-indent: -9999px;
	background: #1560fd url("/resource/image/plus.svg") no-repeat center center;
	background-size: 12px 12px;
	position: absolute;
	left: 0;
	height: 25px;
	width: 25px;
	cursor: pointer;
	opacity: 1;
	z-index: 1
}

.second .request_list li>div .file_attach_wrap a {
	display: none;
	text-indent: -9999px;
	background-color: #e9e9e9;
	position: absolute;
	left: 0;
	height: 25px;
	width: 25px;
	cursor: pointer;
	z-index: 0;
	border-color: #e9e9e9;
	background-image: url("/resource/image/del.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 12px 12px;
}

.second .request_list li>p {
	font-size: 1.3rem;
	color: #7c838c;
	margin-top: 10px
}

.second .request_list li:not(:first-child) {
	margin-top: 10px
}

#sub.step2 .con_wrap.second .left .signatory .people_list .type1 li:not(.on) a {
	background-color: #f2f6f9;
	border-color: #e2e7ea;
	border-radius: 10px;
}

.second .box.message p {
	margin-top: 18px;
	font-size: 1.6rem;
	line-height: 1.5
}

#sub .con_wrap.second .box.bname {
	padding-bottom: 35px;
	position: relative
}

#sub .con_wrap.second .box.bname .tit_wrap {
	padding-bottom: 20px
}

#sub .con_wrap.second .box.count {
	padding-bottom: 35px;
	position: relative
}

#sub .con_wrap.second .box.count>a {
	position: absolute;
	width: 38px;
	height: 70px;
	top: 50%;
	transform: translateY(-50%);
	background-color: #e1e9ef;
	background-repeat: no-repeat;
	background-position: center center
}

#sub .con_wrap.second .box.count>a:hover {
	background-color: #181a29
}

#sub .con_wrap.second .box.count .prev {
	left: 0;
	border-radius: 0 10px 10px 0;
	background-image: url("/resource/image/tab_prev_off.svg")
}

#sub .con_wrap.second .box.count .next {
	right: 0;
	border-radius: 10px 0px 0px 10px;
	background-image: url("/resource/image/tab_next_off.svg")
}

#sub .con_wrap.second .box.count p {
	text-align: center;
	color: #111111;
	font-weight: 800;
	font-size: 2rem;
	margin-top: 10px;
	line-height: 100%
}

#sub .con_wrap.second .box.count p em {
	font-weight: 800;
	font-size: 2rem;
	color: #00d873
}

#sub .con_wrap.second .box.count .inner {
	display: flex;
	align-items: center;
	text-align: center;
	font-size: 2rem;
	justify-content: center;
	padding: 35px 0 0;
	line-height: 100%
}

#sub .con_wrap.second .box.count .inner span {
	font-size: 3rem;
	font-weight: bold;
}

#sub .con_wrap.second .box.count .inner span.slash {
	font-size: 2rem;
	margin: 0 5px
}

#sub .con_wrap.second .box.count .inner span.current {
	color: #00d873
}

.popup#help .pop .pop_top.ml {
	text-align: left
}

.popup#help .pop .pop_top.ml b {
	font-size: 2.0rem
}

.popup#help .pop .pop_top.ml p {
	font-weight: 500;
	font-size: 1.5rem;
	margin-top: 10px;
	line-height: 22px
}

.popup#help .user_area {
	margin-top: 20px;
	background-color: #f9f9f9;
	border-radius: 10px;
	border: 1px solid #e2e7ea;
	min-height: 280px
}

.popup#approve .pop {
	max-width: 450px;
	padding: 50px
}

.popup#approve .btn_wrap>div .btns {
	height: 50px;
	line-height: 50px
}

.popup#approve .pop_top b {
	font-size: 2.0rem
}

.popup#approve .pop_top p {
	font-size: 1.6rem;
	font-weight: 500
}

.popup#docReturn .pop {
	max-width: 450px;
	padding: 50px
}

.popup#docReturn .textarea {
	margin-top: 20px
}

.popup#docReturn .textarea textarea {
	width: 100%;
	padding: 20px;
	border-radius: 10px;
	resize: none;
	height: 200px;
	font-size: 1.4rem;
	font-weight: 500
}

.popup#docReturn .pop_top b {
	font-size: 2.0rem
}

.popup#docReturn .btn_wrap>div {
	padding: 0 20px;
	width: auto;
	display: flex;
	margin: 0
}

.popup#docReturn .btn_wrap>div .btns {
	height: 50px;
	line-height: 50px
}

.popup#docReturn .btn_wrap>div a:first-of-type {
	margin-left: 0
}

.popup#denyReason .pop {
	max-width: 450px;
	padding: 50px
}

.popup#denyReason .textarea {
	margin-top: 20px
}

.popup#denyReason .textarea textarea {
	width: 100%;
	padding: 20px;
	border-radius: 10px;
	resize: none;
	height: 200px;
	font-size: 1.4rem;
	font-weight: 500
}

.popup#denyReason .pop_top b {
	font-size: 2.0rem
}

.popup#denyReason .btn_wrap>div {
	padding: 0 20px;
	width: auto;
	display: flex;
	margin: 0
}

.popup#denyReason .btn_wrap>div .btns {
	height: 50px;
	line-height: 50px
}

.popup#denyReason .btn_wrap>div a:first-of-type {
	margin-left: 0
}


.second .sign_box {
	position: absolute;
	z-index: 10
}

.second .sign_box.active {
	z-index: 100
}

.second .sign_box textarea {
	border: 1px solid #2369fb;
	background-color: rgba(234, 243, 254, 0.8);
	box-shadow: 0px 0px 7.28px 0.72px rgba(0, 0, 0, 0.15);
	width: 126px;
	height: 33px;
	resize: none;
	border-radius: 3px;
	line-height: 1.23;
	padding: 5px 10px;
	font-size: 12pt;
	color: #111;
	letter-spacing: 0.3px;
}

.second .sign_box textarea::-webkit-input-placeholder {
	color: #999;
}


.second .sign_arrow {
	position: absolute;
	background: url("/resource/image/img_pos_arrow.svg") no-repeat;
	width: 90px;
	height: 57px;
	line-height: 54px;
	margin-top: -10px;
	color: #fff;
	text-align: left;
	padding: 0 10px 0 15px;
	transition: 0.3s ease-in-out;
	cursor: pointer
}

.second .stamp {
	position: absolute;
}

.second .sign_arrow strong {
	font-size: 1.2rem
}

.second .sign_arrow span {
	font-family: 'Poppins';
	font-weight: bold;
	color: #47de8b;
	font-size: 12px
}

.second .drp_wrap.float {
	box-shadow: 0px 0px 7.28px 0.72px rgba(0, 0, 0, 0.15);
	border-radius: 5px;
	border: 1px solid #1560fd;
	width: 221px;
	height: 43px;
}

.second .drp_wrap.float.on {
	border-bottom: 0;
	border-radius: 10px 10px 0 0
}

.second .drp_wrap.float>ul {
	top: 42px
}

.second .drp_wrap.float>a {
	line-height: 41px;
	text-align: left;
	color: #111111;
	font-size: 1.3rem
}

.second .drp_wrap.float>ul li a {
	height: 43px;
	line-height: 43px;
	text-align: left
}

.second .sign_box .chk input[type="checkbox"] {
	display: inline-block;
	position: absolute;
	left: -9999px;
	opacity: 0;
	visibility: hidden;
	width: 1px;
	height: 1px;
	filter: alpha(opacity=0);
	-ms-filter: alpha(opacity=0);
	overflow: hidden;
}

.second .sign_box .chk label {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 5px;
	background-color: #dbdfe2;
	cursor: pointer;
	padding-left: 0;
	line-height: unset;
}

.second .sign_box .chk label:before {
	display: none;
}

.second .sign_box .chk input[type="checkbox"]:checked+label {
	background-color: #1560fd;
	background-image: url(/resource/image/step2_edit_check.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.second .sign_box.flex {
	display: flex;
}

.second .sign_box.flex .chk {
	margin-left: 5px
}

.second .sign_box.flex .chk:first-child {
	margin-left: 0
}

.second .sign_box .signform {
	display: inline-block;
	border: 1px solid #1560fd;
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.502);
	box-shadow: 0px 0px 7.28px 0.72px rgba(0, 0, 0, 0.15);
	width: 154px;
	height: 48px;
	line-height: 48px;
	text-align: left;
	padding: 0 10px;
	font-size: 12px;
	font-weight: 500;
	padding: 10px;
	box-sizing: border-box;
}

.second .sign_box .signform p {
	line-height: 1.2;
	font-size: 12px;
}

.second .bname_list li a {
	display: block;
	border-radius: 10px;
	padding: 15px 10px;
	border: 1px solid #e2e7ea;
	margin: 0 50px 10px;
	color: #111111;
	font-size: 1.3rem;
}

.second .bname_list li a:hover,
.second .bname_list li a.on {
	background-color: #eef5fe;
	color: #1560fd;
	border-color: #2168fd
}



#sub .second .popup.sign_popup .draw_canvas #canvas1 {
	width: 100%;
	height: 100%
}

#sub .second .popup.sign_popup .draw_canvas {
	margin-top: 10px
}

#sub .second .popup.sign_popup .draw_canvas .canvas3 .top .ip_box {
	margin-top: 0
}

#sub .second .popup.sign_popup .draw_canvas .canvas_box {
	background-color: #f9f9f9;
	border-radius: 10px;
	border: 1px solid #f1f1f1
}

/*#sub .second  .popup.sign_popup .draw_canvas .canvas2 .bot ul li a{height: auto}
#sub .second  .popup.sign_popup .draw_canvas .canvas3 .bot ul li a{height: auto}*/
#sub .second .popup.sign_popup .draw_canvas .canvas3 .bot {
	height: auto
}

#sub .second .popup.sign_popup .tabs li>a {
	height: 40px;
	line-height: 38px;
	background-color: #f9fcfd;
	color: #1560fd;
	border-radius: 5px
}

#sub .second .popup.sign_popup .tabs li>a.active {
	background: #1560fd;
	color: #fff
}

#sub .second .popup.sign_popup .tabs li>a.disabled {
	background: #dadada;
	color: #a7a7a7
}

#sub .second .popup.sign_popup .draw_canvas .uploadStamp .bot .img_wrap {
	position: relative;
	height: 220px;
	box-shadow: none;
	background: #f9f9f9
}

#sub .second .popup.sign_popup .draw_canvas .ip_box input {
	height: 40px;
	padding: 0 4px 0 15px;
	border-radius: 5px
}

#sub .second .popup.sign_popup .draw_canvas .ip_box input[type="file"] {
	visibility: hidden;
	position: absolute;
	left: -9999px;
}





#sub .second .popup.sign_popup .draw_canvas .uploadStamp .top .ip_box a {
	height: 30px;
	line-height: 30px;
	margin-top: 0;
	transform: translateY(-50%);
	right: 4px
}

#sub .second .popup.sign_popup .draw_canvas .uploadStamp .rotate {
	margin-top: 6px;
	margin-bottom: -10px
}

#sub .second .popup.sign_popup .draw_canvas .uploadStamp .top {
	padding: 0;
	margin-bottom: 10px
}

#sub .second .popup.sign_popup .draw_canvas .uploadStamp .rotate .rotate_bar {
	display: flex
}

#sub .second .popup.sign_popup .draw_canvas .uploadStamp .rotate .bar {
	max-width: 320px
}

#sub .second .popup.sign_popup .draw_canvas .stamp_list .top .ip_box a {
	width: 53px;
	height: 32px;
	line-height: 32px;
	margin-top: 0;
	transform: translateY(-50%);
	right: 4px
}

#sub .second .popup.sign_popup .draw_canvas .stamp_list .top {
	padding-bottom: 0;
	margin-bottom: 8px
}

/* #sub .second  .popup.sign_popup .draw_canvas .canvas3 .tb{display: block} */
#sub .second .popup.sign_popup .draw_canvas .stamp_list .tb {
	display: table;
}

#sub .second .popup.sign_popup .canvas {
	height: 320px;
}

#sub .second .popup.sign_popup .draw_canvas .uploadStamp .bot .img_wrap .tit {
	margin-top: 0;
	margin-left: 0;
	transform: translate(-50%, -50%);
	background-position: top center;
	padding-top: 75px;
	background-size: 55px 61px;
	font-size: 14px
}

#sub .second .popup.sign_popup .draw_canvas .canvas2 .top {
	margin-bottom: 0;
	padding-top: 0
}

#sub .second .popup.sign_popup .draw_canvas .canvas2 .top .ip_box a {
	width: 53px;
	height: 32px;
	line-height: 32px;
	margin-top: 0;
	transform: translateY(-50%);
	right: 4px
}

#sub .second .popup.sign_popup .draw_canvas .uploadStamp .rotate span {
	color: #6c787e;
	margin-right: 10px;
	font-weight: 500
}

#sub .second .popup.sign_popup .no_member .draw_canvas .stamp_list .top {
	padding-top: 0
}

#sub .second .popup.sign_popup .draw_canvas .canvas2 .top .ip_box {
	margin-top: 0
}

#sub .second .popup.sign_popup .draw_canvas .uploadStamp .top .ip_box {
	margin-top: 0
}

#sub .second .popup.sign_popup .pop .pop_cont {
	margin-top: 15px
}

.second .canvas_box {
	width: 100%;
	position: relative
}

#sub .second #popup_bg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	z-index: 1000
}

.second .small_box {
	max-width: 840px;
	margin: 0 auto
}

.second .hidden_input {
	display: none
}

.second .title {
	padding-bottom: 20px
}

.second .title b {
	font-size: 2.0rem;
	color: #1560fd
}

.second .title p {
	color: #111111;
	font-size: 1.3rem;
}

#sub.step2 .second .stamp_list>.tb>.tbc {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: column
}

#sub.step2 .second .stamp_list>.tb .tbc ul.nomember {
	display: none;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 101%;
	margin-left: -1%;
	margin-top: -1%
}

#sub.step2 .second .no_member .canvas_wrap1 .canvas2>.tb .tbc ul.member {
	display: none
}

#sub.step2 .second .popup.sign_popup .no_member .draw_canvas .canvas2 .top {
	padding: 0 0 8px
}

#sub.step2 .second .stamp_list>.tb .tbc ul {
	display: flex;
	justify-content: left;
	padding-top: 0;
	padding-bottom: 0;
	width: 101%;
	margin-left: -1%;
	flex-wrap: wrap;
}

#sub.step2 .second .stamp_list>.tb .tbc .bot ul {
	margin-top: -1%
}

#sub.step2 .second .no_member .canvas_wrap1 .canvas2>.tb .tbc ul.member {
	display: none
}

#sub.step2 .second .canvas_wrap1 .canvas2>.tb .tbc ul.nomember {
	display: none
}

#sub.step2 .second .no_member .canvas_wrap1 .canvas2>.tb .tbc ul {
	display: flex;
	flex-wrap: wrap;
}

#sub.step2 .second .stamp_list>.tb .tbc ul li {
	flex: 0 0 24%;
	margin-top: 1%
}

#sub.step2 .second .no_member .canvas_wrap1 .stamp_list>.tb .tbc ul.member {
	display: none
}

#sub.step2 .second .no_member .canvas_wrap1 .stamp_list>.tb .tbc ul {
	display: flex
}

#sub.step2 .second .no_member .draw_canvas .stamp_list .top .ip_box {
	margin-top: 0
}

#sub.step2 .second .canvas>.tb .tbc ul li.none_stamp {
	flex: auto;
	font-size: 1.2rem;
}

#sub.step2 .second .canvas>.tb .tbc ul li a .tbc {
	display: flex;
	align-items: center;
	justify-content: center;
}

#sub.step2 .second .canvas>.tb .tbc ul li a {
	display: block;
	border-radius: 5px;
	border: 2px solid #e8ecee;
	padding: 10px 0;
	height: 85px;
	box-sizing: border-box;
	box-shadow: none
}

#sub.step2 .second .canvas>.tb .tbc ul li a.on {
	border-color: #1560fd;
}

#sub.step2 .second .canvas>.tb .tbc ul li a:hover {
	border-color: #4480fd
}

#sub.step2 .second .canvas>.tb .tbc ul li {
	flex: 0 0 24%;
	padding: 0;
	margin-left: 1%
}

#sub.step2 .second .canvas>.tb .tbc ul li a .tbc {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

#sub.step2 .second .draw_canvas .canvas2 .bot ul {
	/*display:flex;*/
	width: 24%;
}

#sub.step2 .second .canvas2>.tb .tbc ul {
	/*display:flex;*/
	justify-content: center;
	width: 101%;
	margin-left: -1%;
}

#sub.step2 .second .popup.sign_popup .draw_canvas .canvas2 .top {
	/*padding-top:20px;*/
	padding-bottom: 8px
}

#sub.step2 .second .canvas2>.tb .tbc ul li a {
	padding: 10px 0;
	height: 85px;
	box-sizing: border-box;
}

#sub .second .popup.sign_popup .draw_canvas .ip_box input::-webkit-input-placeholder {
	color: #4480fd
}

#sub.step2 .second .popup.sign_popup .btn_wrap>a.btns {
	margin-left: 0;
	max-width: 189px;
	height: 50px;
	line-height: 50px;
	font-size: 1.4rem
}

#sub.step2 .second .canvas3>.tb .tbc ul li a .tbc {
	display: flex;
	justify-content: center;
	align-items: center
}


/*220414 체크박스 추가*/
.table_type .table_head .chk.pic {
	width: 20px;
}

.table_type .table_head .chk.pic label {
	display: inline-block;
	font-size: 0;
	text-indent: -999999px;
	padding-left: 0;
}

.table_type .table_body .table_cell.pic {
	width: 20px;
}

.table_type .table_body .chk.pic label {
	display: inline-block;
	font-size: 0;
	text-indent: -999999px;
}




#sub.step2 .signSet .editBox:before,
.sign_box.require:not(.checkBox):before {
	display: block;
	content: '';
	width: 5px;
	height: 5px;
	background: #f43500;
	position: absolute;
	left: -10px;
	border-radius: 5px;
	top: 0;
}

.sign_box.require.checkBox .inputChk:nth-child(1):before {
	display: block;
	content: '';
	width: 5px;
	height: 5px;
	background: #f43500;
	position: absolute;
	left: -10px;
	border-radius: 5px;
	top: 0;
}

.second #signArrow {
	display: none;
	transition: none;
	animation: mnss 1s ease-in-out infinite;
	background: none;
	z-index: 99;
	margin-left: -70px;
}

.second #signArrow:before {
	background: url('/resource/image/img_pos_arrow.svg') no-repeat 0 0;
	width: 90px;
	height: 57px;
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 1px;
	z-index: -1;
}

.second #signArrow .togo {
	display: none;
}

.second #signArrow.fixed {
	position: fixed;
	margin-top: -30px;
	bottom: 50% !important;
	top: auto !important;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	animation: mbss 1s infinite;
	-webkit-animation: mbss 1s infinite;
	-moz-animation: mbss 1s infinite;
}

.second #signArrow.fixed .togo {
	display: block;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	font-size: 1.2rem;
	font-weight: bold;
}

.second #signArrow.fixed .text {
	display: none;
}

.second #signArrow.fixed.toTop .togo {
	text-indent: 22px;
	padding-left: 1.5px;
}

.second #signArrow.fixed.toBottom .togo {
	text-indent: 11px;
	padding-left: 4.5px;
}

.second #signArrow.toTop:before {
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
}

.second #signArrow.toBottom:before {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

#sub.sec_step2 .second .sign_box.stamp_box .ui-icon {
	right: -5.5px;
	bottom: -5.5px;
	width: 13px;
	height: 13px;
	background-color: #1560fd;
	background-image: none;
	border-radius: 100%;
}

#sub.sec_step2 .second .sign_box.stamp_box .imageUpload {
	overflow: hidden;
	border: 1px solid #1560fd;
	;
}

#sub.sec_step2 .second .sign_box.stamp_box .imageUpload .editBox {
	padding: 0;
	width: 200%;
}

#sub.sec_step2 .second .sign_box.stamp_box .cls_btn {
	position: absolute;
	top: -8px;
	right: -8px;
}

/* /sign/second/step4.html -> 스탬프 박스 / 스탬프 팝업 */
#sub.sec_step2 .stamp_box {
	position: absolute;
	right: 0;
	width: 40px;
	height: 80px;
	z-index: 1;
}

#sub.sec_step2 .stamp_box .stamp {
	width: 100%;
	height: 100%;
	font-size: 0;
	border: 1px solid #1560fd;
	box-sizing: border-box;
	overflow: hidden;
}

#sub.sec_step2 .stamp_box img {
	display: block;
	height: 100%;
}

#sub.sec_step2 .con_wrap .box>div.pdf_wrap .stamp_box img {
	max-width: none;
	width: auto;
}

#sub.sec_step2 #signPop2.popup .canvas ul li a .tbc {
	display: flex;
	align-items: center;
	justify-content: center;
}

#sub.sec_step2 #signPop2.popup .canvas ul li a {
	display: block;
	border-radius: 5px;
	border: 2px solid #e8ecee;
	padding: 10px 0;
	height: 85px;
	box-sizing: border-box;
	box-shadow: none
}

#sub.sec_step2 #signPop2.popup .canvas ul li a.on {
	border-color: #1560fd;
}

#sub.sec_step2 #signPop2.popup .canvas ul li a:hover {
	border-color: #4480fd
}

#sub.sec_step2 #signPop2.popup .canvas ul li {
	flex: 0 0 24%;
	padding: 0;
	margin-left: 1%
}

#sub.sec_step2 #signPop2.popup .canvas ul li a .tbc {
	display: flex;
	align-items: center;
	justify-content: center
}

#sub.sec_step2 #signPop2.popup .canvas .bot ul {
	display: flex;
	width: 24%;
}

#sub.sec_step2 #signPop2.popup .canvas>.tb .tbc ul {
	display: flex;
	justify-content: center;
	width: 101%;
	margin-left: -1%;
}

#sub.sec_step2 #signPop2.popup .canvas>.tb .tbc ul li a {
	padding: 10px 0;
	height: 85px;
	box-sizing: border-box;
}

#sub.sec_step2 #signPop2.popup .pop {
	border-radius: 20px;
}

#sub.sec_step2 #signPop2.popup .canvas {
	height: 240px;
}

#sub.sec_step2 #signPop2.popup .canvas3 {
	display: block;
}

#sub.sec_step2 #signPop2.popup .draw_canvas .canvas3 .tb {
	display: table;
}

#sub.sec_step2 #signPop2.popup .draw_canvas .canvas3 .nomember {
	display: none !important;
}

#sub.sec_step2 #signPop2.popup:after {
	left: auto;
	right: 145px;
	transform: none;
	display: none;
}

@keyframes mnss {
	0% {
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
	}

	50% {
		transform: translateX(5px);
		-webkit-transform: translateX(5px);
		-moz-transform: translateX(5px);
	}

	100% {
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
	}
}

@keyframes mbss {
	0% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
	}

	50% {
		transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
		-moz-transform: translateY(-10px);
	}

	100% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
	}
}

/* 
	content3 취합 - 2204015 
*/
.col_box {
	position: relative;
}

.loding_area {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	text-align: center;
}

#sub.doc_manage .col_tp .l_btns>a {
	margin-left: 5px;
}

#sub.doc_manage .col_tp .l_btns>a:first-child {
	margin-left: 0;
}


/*일반서명 현황 - 상세페이지*/
#sub.doc_manage.doc_view .list_wrap {
	padding-top: 0;
	margin-top: 0;
	border-top: 0;
}

#sub.doc_manage.normal_view .box_title {
	position: relative;
}

#sub.doc_manage.normal_view .box_title h3 {
	line-height: 36px;
}

#sub.doc_manage.normal_view .box_title a.r_gr {
	width: 110px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 5;
	text-align: center;
}

#sub.doc_manage.normal_view .box_title a.r_gr::before {
	display: none;
}

/*전체 진행이력*/
.rec_tbl .tb_wrap>ul>li {
	position: relative;
	padding-left: 160px !important;
	width: auto !important;
}

.rec_tbl .tb_wrap>ul>li.head {
	background-color: #e7e9eb;
	border-radius: 8px;
	margin-bottom: 3px !important;
}

.rec_tbl .tb_wrap>ul>li.head>div {
	height: 38px;
	line-height: 38px;
	font-size: 12px;
	color: #777;
}

.rec_tbl .tb_wrap>ul>li.head .relative_time {
	position: absolute;
	right: 15px;
	top: 0;
}

.rec_tbl .tb_wrap>ul>li .tbc {
	vertical-align: top;
}

.rec_tbl .tb_wrap>ul>li>div {
	width: auto !important;
}

.rec_tbl .tb_wrap>ul>li>div:first-child {
	position: absolute;
	left: 0;
	top: 0;
	padding: 0 13px;
	box-sizing: border-box;
	width: 170px !important;
	font-size: 1.3rem;
	font-weight: 500;
}

.rec_tbl .tb_wrap>ul>li>.pic {
	height: auto !important;
	padding-left: 13px !important;
	box-sizing: border-box;
}

.rec_tbl .tb_wrap>ul>li:not(.head) {
	margin-top: 0 !important;
	height: auto !important;
	border: 0 !important;
	border-bottom: 1px solid #e2e7ea !important;
	box-sizing: border-box;
	border-radius: 0 !important;
}

.rec_tbl .tb_wrap>ul>li:not(.head)>div:first-child {
	padding: 16px 0 16px 13px !important;
	line-height: 1;
}

.rec_tbl .tb_wrap>ul>li:not(.head)>.pic {
	width: auto !important;
	padding: 13.05px 0 13.05px 24px !important;
}

.rec_tbl .tb_wrap>ul>li:not(.head)>.pic span {
	display: inline-block;
	font-size: 1.4rem !important;
	position: relative;
	line-height: 1.35;
}

.rec_tbl .tb_wrap>ul>li:not(.head)>.pic span::before {
	content: '';
	display: block;
	clear: both;
	position: absolute;
	left: -13px;
	top: 4px;
	width: 1px;
	height: calc(100% - 8px);
	min-height: 12px;
	background-color: #ccc;
}

/*전체 진행이력 팝업*/
.doc_prog_all .pop {
	padding: 40px 20px 40px 40px;
}

.doc_prog_all .pop_inner {
	max-width: 700px;
}

.doc_prog_all .pop_inner .colTxt {
	height: 580px;
}

.doc_prog_all .pop_title {
	position: relative;
	padding-right: 20px;
	box-sizing: border-box;
}

.doc_prog_all .pop_title h3 {
	font-size: 1.7rem;
	font-weight: 800;
	color: #090909;
	line-height: 36px;
}

.doc_prog_all .pop_title a.cls {
	position: absolute;
	right: 20px;
	top: 0;
}

.doc_prog_all .rec_tbl {
	margin-top: 13px;
}

.doc_prog_all .rec_tbl .scroll {
	height: 420px;
	max-height: 511px;
}

.doc_prog_all .rec_tbl .tb_wrap>ul {
	padding-right: 20px;
	box-sizing: border-box;
}

/*디지털서명 감사 추적 인증서*/
#sub.inspection .cols .col {
	padding: 87px 50px 74px;
	border-radius: 0;
	box-shadow: none;
}

#sub.inspection .col_title h3 {
	font-weight: 600;
	font-size: 2.4rem;
	line-height: 1;
}

#sub.inspection .info_wrap {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}

#sub.inspection .insp_wrap {
	margin-top: 50px;
}

#sub.inspection .insp_wrap>div {
	margin-top: 60px;
}

#sub.inspection .insp_wrap>div.inst {
	margin-top: 50px;
}

#sub.inspection .insp_wrap>div:first-child {
	margin-top: 0;
}

#sub.inspection .insp_info {
	border-top: 2px solid #121212;
	box-sizing: border-box;
}

#sub.inspection .insp_info .box_title h4 {
	font-size: 2rem;
	line-height: 68px;
}

#sub.inspection .insp_info table th {
	text-align: left;
}

#sub.inspection .insp_info table tbody th {
	font-weight: 500;
	height: 50px;
}

#sub.inspection .insp_info table tbody tr {
	border-top: 1px solid #e2e7ea;
}

#sub.inspection .insp_info table tbody td {
	height: 50px;
}

#sub.inspection .insp_info table tbody td i {
	font-weight: 500;
}

#sub.inspection .insp_info table tbody td.d_id {
	font-weight: 500;
}

#sub.inspection .insp_info table tbody td.d_time {
	font-size: 0;
}

#sub.inspection .insp_info table tbody td.d_time span {
	display: inline-block;
	padding: 0 10px;
	box-sizing: border-box;
	font-size: 1.5rem;
	position: relative;
}

#sub.inspection .insp_info table tbody td.d_time span::before {
	content: '';
	display: block;
	clear: both;
	width: 1px;
	height: 11px;
	position: absolute;
	left: 0;
	top: 7px;
	background-color: rgba(17, 17, 17, 0.7);
}

#sub.inspection .insp_info table tbody td.d_time span:first-child {
	padding-left: 0;
}

#sub.inspection .insp_info table tbody td.d_time span:first-child::before {
	display: none;
}

#sub.inspection .insp_info .hu_list>div {
	padding: 30px;
	margin-bottom: 10px;
	box-sizing: border-box;
	background-color: #fcfcfc;
	border: 1px solid #e2e7ea;
	box-sizing: border-box;
	border-radius: 20px;
}

#sub.inspection .insp_info .hu_list table thead tr {
	border-bottom: 1px solid #667177;
	box-sizing: border-box;
}

#sub.inspection .insp_info .hu_list table thead th {
	height: 36px;
	font-size: 1.6rem;
	font-weight: 600;
}

#sub.inspection .insp_info .hu_list table tbody tr:first-child {
	border-top: 0;
}

#sub.inspection .insp_info .hu_list table tbody .signatory {
	text-align: center;
}

#sub.inspection .rec_tbl .tb_wrap>ul>li {
	padding-left: 198px !important;
}

#sub.inspection .rec_tbl .tb_wrap>ul>li>div:first-child {
	width: 198px !important;
	font-size: 1.4rem !important;
}

#sub.inspection .btn_wrap {
	margin-top: 42px;
}

#sub.inspection .btn_wrap>div {
	max-width: 600px;
}

.admin_chk {
	display: none;
}

/* 220504 - step2 옵션창 셀렉트 활성화 */
#sub.step2 .editTool .optionBox .optionCon .option_list .select_wrap>a.on~ul {
	border-color: #1560fd;
}

/*220510 - 대량서명 - input 추가*/
.table_type .table_body .table_row>div input[type="text"] {
	padding: 0 10px;
	height: 35px;
	font-size: 1.3rem;
	border: 1px solid #e2e7ea;
	border-radius: 8px;
	box-sizing: border-box;
}

.table_type .table_body .table_row>div input[type="text"]::placeholder {
	font-size: 1.3rem;
	color: #888;
}

.table_type .table_body .table_row>div.ip_hf input[type="text"] {
	margin-top: 3px;
	height: 18.5px;
	border-radius: 5px;
	font-size: 12px;
}

.table_type .table_body .table_row>div.ip_hf input[type="text"]:first-child {
	margin-top: 0;
}

.table_type .table_body .table_row>div.ip_hf input[type="text"]::placeholder {
	font-size: 12px;
}

.massErrorInput {
	border: 1px solid red !important;
}

/*220526 - 통합검색*/
.allSearch .drp_wrap {
	position: absolute;
	top: 10px;
	left: 20px;
	display: block;
	height: 40px;
	line-height: 40px;
	color: #4e70f9;
	z-index: 100;
	width: 100px;
}

.allSearch .drp_wrap>a {
	line-height: 40px;
}

.allSearch .drp_wrap>ul {
	top: 38px;
}

.allSearch .drp_wrap>ul li a {
	height: 40px;
	line-height: 40px;
}

.allSearch .tit_ip input,
.tit_ip select {
	padding-left: 130px;
}

/* 반응형 - 오름차순 정렬 셀렉트, 반응형 분류 타이틀 */
#sub .list_wrap.card .tb_wrap .mo_head {
	display: none !important;
}

#sub .list_wrap.list .tb_wrap>ul>li:not(.head).mo_head {
	display: none;
	margin-top: 30px;
	font-size: 1.6rem;
	font-weight: 700;
	color: #1560fd;
	border: none;
	height: auto;
	box-shadow: none;
	border-radius: 0;
	background-color: transparent;
}

#sub .list_wrap.list .tb_wrap>ul>li:not(.head):first-child {
	margin-top: 0 !important;
}

#sub .list_wrap.list .tb_wrap>ul>li:not(.head).mo_head>div {
	width: 100%;
	height: 40px;
	line-height: 40px;
}

/* 반응형 - sign/nomal/step2.html */
.step_wrapper {
	position: relative;
	/* overflow: hidden; */
}

#sub.step2 .con_wrap .left {
	position: relative;
	z-index: 1;
}

#sub.step2 .mo_menu {
	display: none;
	position: absolute;
	top: 50%;
	right: -30px;
	width: 30px;
	height: 80px;
	font-size: 0;
	color: transparent;
	border-radius: 0 10px 10px 0;
	background-color: #4e70f9;
}

#sub.step2 .mo_menu:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	margin-top: -8px;
	margin-left: -5px;
	width: 10px;
	height: 16px;
	background-image: url('/resource/image/ico_menu.svg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

#sub.step2 .mo_menu.on:before {
	transform: rotate(180deg);
}

#sub.step2 .mo_menu img {
	display: block;
	width: 10px;
}

#sub.step2 .mo_menu.hide {
	display: none;
}

#sub.step2 .mo_box {
	margin-top: 10px;
}

/* 공통 - 서명하기 step, 모바일 헤더 */
.step_header {
	display: none;
}

/* 공통 - 모바일 배경 */
.mo_bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	z-index: 3;
}

/* sign > normal > index */
#sub.sign_idx .col_box .drp_wrap>a {
	line-height: 48px;
	border-radius: 10px;
}

#sub.sign_idx .col_box .drp_wrap.on>a {
	border-radius: 10px 10px 0 0;
}

#sub.sign_idx .col_box .drp_wrap>ul {
	top: 48px;
}

#sub.sign_idx .col_box .drp_wrap>ul>li>a {
	height: 50px;
	line-height: 50px;
}

/*
   220418 content3
*/

#sub.basic_info .ip_box:first-child {
	margin-top: 0;
}

#sub.free .section1 {
	padding: 0;
}

#sub.free .section2 {
	margin-top: 50px;
}

/* #sub.payed .pay_info2 .tb_wrap > ul > li > div:last-child{position:absolute; right:20px; top:0;} */
#sub.payed .fee_info .right .btm ul li {
	margin-top: 3px;
}

#sub .feeList .listWrap .boxArea .colTxt .txt1 {
	font-size: 2rem !important;
}

#sub .feeList .boxArea .top_img .i_mo {
	display: none;
}

.co_pop4_1 .btn_wrap .ms_btn {
	display: none;
}

/*
   220420 content3
*/
#sub.basic_info .pageTitle .btn_wrap {
	margin-top: 0;
	position: absolute;
	right: 0;
	bottom: 0;
}

#sub.basic_info .pageTitle .btn_wrap .icon_btn {
	font-size: 12px;
	display: none;
}

#sub.basic_info .pageTitle .btn_wrap .btn_wait {
	width: 192px;
}

#sub.basic_info .pageTitle .btn_wrap .btn_wait:before {
	width: 19px;
	height: 17px;
	margin-top: -8.5px;
	background-image: url('/resource/image/ico_wait3.svg');
}

#sub.basic_info .pageTitle .btn_wrap .go_connect {
	width: 110px;
}

#sub.basic_info .pageTitle .btn_wrap .go_connect:before {
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background-image: url('/resource/image/ico_plus4.svg');
}

#sub.basic_info .pageTitle .btn_wrap .clear_connect {
	width: 110px;
}

#sub.basic_info .pageTitle .btn_wrap .clear_connect:before {
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background-image: url('/resource/image/ico_close2.svg');
}

#sub.basic_info .pageTitle .btn_wrap .icon_btn.active {
	display: block;
}

#sub.change_plan .section1 .box_title h3 {
	line-height: 1.4;
}

#sub.security .tb_wrap>ul>li:not(.head)>div:not(.last) {
	height: 50px;
}

#sub.regist .g_info .left .drp_wrap.on>ul {
	border-color: #c7d6dc;
}

/*
   220421 content3
*/

#sub.fld_idx .tit_tp>div p.bf:first-child {
	margin-top: 0;
}

#sub.fld_idx .f_mo_menu {
	display: none;
	position: absolute;
	top: 50%;
	right: -30px;
	margin-top: -40px;
	width: 30px;
	height: 80px;
	font-size: 0;
	color: transparent;
	border-radius: 0 10px 10px 0;
	background-color: #4e70f9;
	background-image: url('/resource/image/ico_menu.svg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 10px auto;
}

#sub.fld_idx .f_mo_menu.on {
	background-image: url('/resource/image/ico_menu_close.svg');
}

#sub .list_wrap.list2 .col_box {
	display: none;
	margin-top: 25px;
}

#sub.line_form .box2 .right>div:first-child b,
#sub.line_form .box2 .right>div:first-child .tlp_wrap,
#sub.line_form .box2 .right>div:first-child .toggle {
	display: inline-block;
	vertical-align: middle;
}

/* sign > second > step4 */
#sub.sec_step2 .con_wrap .box .tit_wrap b.tit strong {
	color: #1560fd;
}

#sub.sec_step2 .mo_nav {
	display: none;
}

.fix {
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;
	margin: 0 !important;
}

/*
   220422 content3
*/

#sub.doc_manage .list_wrap.list .tb_wrap>ul>li:not(.head) div p {
	line-height: 1;
}

#sub .list_wrap.list .tb_wrap>ul>li>div:not(.more_btn) {
	padding-left: 20px;
	box-sizing: border-box;
}

#sub .list_wrap.list .tb_wrap>ul>li>div:first-child {
	padding-left: 0;
}

#sub.linelist .tb_wrap>ul>li>div:first-child {
	padding-left: 0;
}

#sub.linelist .tb_wrap>ul>li.head>div:nth-child(1) {
	font-size: 0;
}

#sub.linelist .tb_wrap>ul>li.head>div:nth-child(1)>div,
#sub.linelist .tb_wrap>ul>li.head>div:nth-child(1)>a {
	display: inline-block;
	vertical-align: middle;
}

#sub.linelist .tb_wrap>ul>li.head>div:nth-child(1)>div {
	margin-left: 1px;
}

#sub.linelist .tb_wrap>ul>li.head>div:nth-child(1)>a {
	margin-left: 15px;
}

#sub.linelist .tb_wrap>ul>li.head>div:nth-child(4) {
	padding-right: 14px;
	box-sizing: border-box;
}

#sub.org_member .cols:first-child {
	margin-top: 0;
}


/* /popup/sign/mega/step1_1.html */
#signOk strong em {
	display: block;
}

/*
   220425 content3
*/
#sub.pay_details .list_wrap.list .tb_wrap>ul>li>div:not(.more_btn) {
	padding-left: 0;
}

#sub.pay_details .list_wrap.list .tb_wrap>ul>li>div:not(.more_btn):nth-child(4) {
	text-align: right !important;
	padding-right: 50px;
}

#sub.org_member .list_wrap.list .tb_wrap.ver4>ul>li>div {
	padding-left: 25px;
}

#sub.org_member .tb_wrap.ver4>ul>li>.hide_wrap .h_box>div {
	padding-right: 30px;
	box-sizing: border-box;
}

#sub.org_member .tb_wrap.ver4>ul>li>.hide_wrap .h_box>div>b {
	text-align: left;
	padding-left: 30px;
	box-sizing: border-box;
}

#sub.org_member .tb_wrap.ver4>ul>li>.hide_wrap .h_box>div:first-child>b {
	padding-left: 0;
}

#sub.makesigns .btm_util {
	text-align: center;
}

#sub.makesigns .btm_util .clear {
	display: inline-block;
	margin: 0;
	margin-left: -1%;
}

#sub.makesigns .btm_util .clear .drp_wrap {
	text-align: left;
}

/* #sub.stamp .list_wrap.list .tb_wrap > ul > li > div:not(.more_btn){padding-left:0;}
#sub.stamp .list_wrap.list .tb_wrap > ul > li:not(.mo_head){padding-left:30px !important; padding-right:10px !important;}
#sub.stamp .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(1){width:5.5%;}
#sub.stamp .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(2){width:23.5%;}
#sub.stamp .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(3){width:23.5%;}
#sub.stamp .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(4){width:15.5%}
#sub.stamp .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(5){width:15%}
#sub.stamp .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(6){width:17%}
#sub.stamp .list_wrap.list .tb_wrap > ul > li:not(.mo_head) > div:nth-child(7){position:absolute; right:20px; top:0; width:105px;} */

#sub.certifi_list .list_wrap.list .tb_wrap>ul>li>div:not(.more_btn) {
	padding-left: 10px;
}

#sub.certifi_list .list_wrap.list .tb_wrap>ul>li>div:first-child {
	padding-left: 0;
}

#sub.doc_manage.normal_view .doc_info .info_list ul li>div p span i {
	font-weight: 500;
}



#sub.doc_manage.normal_view .doc_info .file_list {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 95px);
	font-size: 0;
	padding-top: 0 !important;
}

#sub.doc_manage.normal_view .doc_info .file_list li {
	float: left;
	margin-left: 5px !important;
	margin-top: 0 !important;
}

#sub.doc_manage.normal_view .doc_info .file_list li:first-child {
	margin-left: 0 !important;
}

#sub.doc_manage.normal_view .doc_info .file_list li .icon_btn {
	width: auto;
	height: 30px;
	line-height: 30px;
	padding: 0 12px;
	font-size: 12px;
}

#sub.doc_manage.normal_view .doc_info .file_list li .icon_btn::before {
	display: none;
}

#sub.doc_manage.normal_view .doc_info .info_list ul li>div .file_nametag span {
	margin-left: 15px;
	margin-right: 10px;
	border-left: 1px solid #ccc;
	padding-left: 15px !important;
}

#sub.doc_manage.normal_view .doc_info .info_list ul li>div .file_nametag.none span {
	margin-left: 0px;
	margin-right: 10px;
	padding-left: 0 !important;
	border: none;
}


#sub.doc_manage.normal_sig .doc_info .info_list ul li.file_wrap>div {
	float: none;
	width: calc(100% - 10px) !important;
}

#sub.doc_manage.normal_sig .doc_info .info_list ul li.file_wrap>div .req_file {
	padding: 12px 0 12px;
	box-sizing: border-box;
	width: calc(100% - 100px);
	display: inline-block;
	vertical-align: middle;
}

#sub.doc_manage.normal_sig .doc_info .info_list ul li.file_wrap>div .req_file .icon_btn {
	width: auto;
}

#sub.doc_manage.normal_sig .doc_info .info_list ul li.file_wrap>div .req_file .icon_btn::before {
	display: none;
}

#sub.doc_manage.normal_sig .doc_info .info_list ul li.file_wrap ul {
	padding-top: 0;
	margin-left: -15px;
	margin-top: -15px;
}

#sub.doc_manage.normal_sig .doc_info .info_list ul li.file_wrap ul li {
	margin-left: 15px;
	margin-top: 15px;
	display: inline-block;
}

#sub.doc_manage.normal_sig .doc_info .info_list ul li.file_wrap ul li span {
	display: inline-block;
	vertical-align: middle;
	padding: 0 15px;
	box-sizing: border-box;
	font-size: 1.5rem;
	font-weight: 500;
	position: relative;
}

#sub.doc_manage.normal_sig .doc_info .info_list ul li.file_wrap ul li span::before {
	content: "" "";
	display: block;
	clear: both;
	width: 1px;
	height: 16px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -7.5px;
	background-color: #ccc;
}

#sub.doc_manage.normal_sig .doc_info .info_list ul li.file_wrap ul li a {
	vertical-align: middle;
}

#sub.doc_manage.normal_sig .doc_info .info_list ul li.file_wrap ul li.b_none span {
	padding-left: 0;
}

#sub.doc_manage.normal_sig .doc_info .info_list ul li.file_wrap ul li.b_none span::before {
	display: none;
}

#sub.doc_manage.normal_sig .doc_info .info_list ul li>div {
	font-size: 0;
	position: relative;
}

#sub.doc_manage.normal_sig .doc_info .info_list ul li>div p span i {
	font-weight: 500;
}

#sub.doc_manage.normal_view .doc_info .info_list ul li>div p {
	width: calc(100% - 95px);
}

/* 로그인 */
#sub.login {
	height: 100vh;
}

#sub.login .container {
	height: 100%;
}

#sub.login .contWrap {
	height: 95%;
}

/* 반응형 전체 메뉴 */
.gnb_bg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .4);
	z-index: 110;
	/*220602*/
}

#header .mo_navi {
	display: none;
	position: relative;
}

#header .mo_navi.searchBox {
	padding: 0;
	background-color: transparent;
	box-shadow: none;
	z-index: 60;
}

#header .mo_navi.searchBox .util {
	float: none;
	padding: 0 10px;
}

#header .mo_navi.searchBox .util .lang_select {
	position: absolute;
	top: 50%;
	right: 40px;
	margin: auto;
	margin-top: -22px;
}

#header .mo_navi.searchBox .util .lang_select ul {
	position: relative;
	margin: 0;
}

#header .mo_navi .login_btn {
	display: inline-block;
}

#header .mo_navi .login_btn img {
	display: block;
	height: 22px;
}

#header .mo_navi .logout_btn {
	display: inline-block;
}

#header .mo_navi .logout_btn img {
	display: block;
	height: 22px;
}

#header .mo_navi .gnb_close {
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -9px;
	display: block;
	width: 19px;
	height: 19px;
	background-image: url('/resource/image/svg_close.svg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}


/*
   220426 content3
*/
#sub.inspection .insp_info .hu_list table tbody tr:first-child th,
#sub.inspection .insp_info .hu_list table tbody tr:first-child td {
	border-color: #667177;
}

#sub.inspection .insp_info .hu_list table tbody .signatory div {
	display: inline-block;
	width: 101px;
}

.rec_tbl .tb_wrap>ul>li .tbc em {
	font-weight: 500;
}

.rec_tbl .tb_wrap>ul>li.head>div:first-child {
	font-size: 12px !important;
}

/*
   220427 content3
*/

#sub.inspection .insp_info .tb_wrap2>ul {
	position: relative;
}

#sub.inspection .insp_info .tb_wrap2>ul>li.head {
	height: 36px;
	font-size: 1.6rem;
	font-weight: 600;
}

#sub.inspection .insp_info .tb_wrap2>ul>li:not(.head) {
	height: 51px;
	position: relative;
	clear: both;
	font-size: 0;
}

#sub.inspection .insp_info .tb_wrap2>ul>li:not(.head)>div {
	float: left;
	padding: 12.5px 0;
	font-size: 1.5rem;
	box-sizing: border-box;
	border-top: 1px solid #e2e7ea;
}

#sub.inspection .insp_info .tb_wrap2>ul>li:not(.head)>div:nth-child(1) {
	width: 13%;
	padding-right: 10px;
}

#sub.inspection .insp_info .tb_wrap2>ul>li:not(.head)>div:nth-child(2) {
	width: 37%;
}

#sub.inspection .insp_info .tb_wrap2>ul>li:not(.head)>div:nth-child(3) {
	width: 13%;
	padding-right: 10px;
}

#sub.inspection .insp_info .tb_wrap2>ul>li:not(.head)>div:nth-child(4) {
	width: 37%;
}

#sub.inspection .insp_info .tb_wrap2>ul>li:not(.head) .font-bl {
	font-weight: 500;
}

#sub.inspection .insp_info .tb_wrap2>ul>li.pic>div:nth-child(2) {
	width: 87%;
	font-weight: 500;
}

#sub.inspection .insp_info .tb_wrap2>ul>li.pic2>div {
	border-color: #667177;
}

#sub.inspection .insp_info .tb_wrap2>ul>li i {
	font-weight: 500;
}

#sub.inspection .insp_info .tb_wrap2>ul>li div.d_id {
	font-weight: 500;
}

#sub.inspection .insp_info .tb_wrap2>ul>li div.d_time {
	font-size: 0;
}

#sub.inspection .insp_info .tb_wrap2>ul>li div.d_time span {
	display: inline-block;
	padding: 0 10px;
	box-sizing: border-box;
	font-size: 1.5rem;
	position: relative;
}

#sub.inspection .insp_info .tb_wrap2>ul>li div.d_time span::before {
	content: '';
	display: block;
	clear: both;
	width: 1px;
	height: 11px;
	position: absolute;
	left: 0;
	top: 7px;
	background-color: rgba(17, 17, 17, 0.7);
}

#sub.inspection .insp_info .tb_wrap2>ul>li div.d_time span:first-child {
	padding-left: 0;
}

#sub.inspection .insp_info .tb_wrap2>ul>li div.d_time span:first-child::before {
	display: none;
}

#sub.inspection .insp_info .hu_list>div {
	padding: 30px;
	box-sizing: border-box;
	background-color: #fcfcfc;
	border: 1px solid #e2e7ea;
	box-sizing: border-box;
	border-radius: 20px;
}

#sub.inspection .insp_info .hu_list .tb_wrap2>ul>li:not(.head)>div:nth-child(1) {
	width: 14.1%;
}

#sub.inspection .insp_info .hu_list .tb_wrap2>ul>li:not(.head)>div:nth-child(2) {
	width: 35.9%;
}

#sub.inspection .insp_info .hu_list .tb_wrap2>ul>li:not(.head)>div:nth-child(3) {
	width: 14.1%;
}

#sub.inspection .insp_info .hu_list .tb_wrap2>ul>li:not(.head)>div:nth-child(4) {
	width: 35.9%;
}

#sub.inspection .insp_info .hu_list .tb_wrap2>ul>li:not(.head) .signatory {
	position: absolute;
	right: 16.85%;
	top: 100%;
	/*margin-top:-26px;*/
	width: auto !important;
	height: auto;
	padding: 0;
	font-size: 0;
	border: 0;
}

#sub.inspection .insp_info .hu_list .tb_wrap2>ul>li:not(.head) .signatory div {
	display: inline-block;
	width: 101px;
}

.popup .pop.sign_start .pop_info .doc_list {
	padding: 36px 11px 15px;
	box-sizing: border-box;
}

.popup .pop.sign_start {
	padding: 60px 30px 45px;
}

.tlp_wrap p img {
	width: 16px;
	height: 16px;
}

#sub.step2 .con_wrap .box .tit_wrap .tooltip_open {
	display: none;
	font-size: 0;
	text-indent: -99999px;
	width: 21px;
	height: 21px;
	position: absolute;
	right: 0;
	top: 0;
	background-image: url('/resource/image/s_tooltip.svg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

.w_mark.img img {
	width: 21px;
}

.t_box.img img {
	width: 13px;
	height: 13px;
}

.chkBox.img img {
	width: 17px;
	height: 17px;
}

.selBox.img img {
	width: 48px;
	height: 16px;
}

.imgUpd.img img {
	width: 23px;
	height: 17px;
}

.stmp_add.img img {
	width: 17px;
	height: 17px;
}

.f_add.img img {
	width: 22px;
	height: 19px;
}

.multiple.img img {
	width: 29px;
	height: 21px;
}

#sub.step2 .con_wrap .left .box_row .box.layout1 .img img {
	width: 31px;
	height: 34px;
}

#sub.step2 .con_wrap .left .box_row .box.layout2 .img img {
	width: 35px;
	height: 35px;
}

#sub.step2 .con_wrap .left .box_row .box.document1 .img img {
	width: 45px;
	height: 34px;
}

#sub.step2 .con_wrap .left .box_row .box.document2 .img img {
	width: 32px;
	height: 35px;
}

.pop_edit_tip .pop {
	background-color: rgba(31, 21, 45, 0.9);
	padding: 50px 30px 30px;
}

.pop_edit_tip .pop .pop_tit strong {
	color: #fff;
}

.pop_edit_tip .pop_cont ul li {
	position: relative;
	margin-top: 10px;
	padding-left: 85px;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 10px;
	overflow: hidden;
}

.pop_edit_tip .pop_cont ul li:first-child {
	margin-top: 0;
}

.pop_edit_tip .pop_cont ul li .left {
	position: absolute;
	left: 0;
	top: 0;
	width: 85px;
	height: 70px;
	text-align: center;
	background-color: #1761fe;
}

.pop_edit_tip .pop_cont ul li .left .img {
	line-height: 1;
}

.pop_edit_tip .pop_cont ul li .left em {
	display: block;
	margin-top: 4px;
	font-size: 1.3rem;
	font-weight: 500;
	color: #fff;
	letter-spacing: -0.5px;
	line-height: 1;
}

.pop_edit_tip .pop_cont ul li .right {
	height: 70px;
	padding: 0 20px;
	box-sizing: border-box;
}

.pop_edit_tip .pop_cont ul li .right p {
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 17px;
}

.pop_edit_tip .pop .btn_wrap {
	margin-top: 20px;
}

.pop_edit_tip .pop .btn_wrap>div {
	width: 100%;
	margin-left: 0;
}

.pop_edit_tip .pop .btn_wrap .btns {
	width: 100%;
	margin-left: 0;
	max-width: 180px;
	height: 40px;
	line-height: 40px;
	font-size: 1.4rem !important;
}


/* 서명하기 모바일 스케일 버튼 */
.mo_scale {
	display: none;
	position: fixed;
	bottom: 15px;
	right: 15px;
	z-index: 1;
}

.mo_scale a {
	display: block;
	margin-top: 5px;
	width: 40px;
	height: 40px;
	font-size: 0;
	color: transparent;
	border-radius: 40px;
	border: 1px solid #d9e3ef;
	background-color: #e2eaf4;
	background-size: 15px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.17);
	box-sizing: border-box;
}

.mo_scale a:first-child {
	margin-top: 0;
}

.mo_scale a.minus {
	background-image: url('/resource/image/scale_minus.svg');
}

.mo_scale a.plus {
	background-image: url('/resource/image/scale_plus.svg');
}

/*
   220428 content3
*/
.popup.info .view .list2 {
	padding-bottom: 0;
}

.co_pop4_2_1 .pop {
	position: relative;
}

.popup.info .btn_wrap {
	margin-top: 28px !important;
}

.myinfo_pop6 .ch_wrap ul li .customRadio label {
	padding-left: 27px;
	line-height: 22px;
}

.myinfo_pop6 .ch_wrap ul li .customRadio label:before {
	width: 22px;
	height: 22px;
	margin-top: -11px;
}

.myinfo_pop6 .ch_wrap ul li .customRadio label:after {
	left: 5px;
}

#sub.preview #sub_header>div>div {
	float: left;
	padding: 0;
}

#sub.popup.addr .drp_box {
	padding-right: 30px;
	box-sizing: border-box;
}

/* 220429 - /account/corporate/signline/write.html */
#sub.line_form .con_wrap .box {
	position: relative;
}

/*
   220429 content3
*/
#sub.sign_opt .opt_wrap .box_title h3 {
	display: inline-block;
	vertical-align: middle;
}

#main .row1 .box .box_tit .right .img img {
	max-width: 68px;
}

#main .row1 .box .box_tit .right1 .img img {
	max-height: 57px;
}

#main .row1 .box .box_tit .right2 .img img {
	max-height: 70px;
}

#main .row1 .box .box_tit .right3 .img img {
	max-height: 66px;
}

#main .row3 .box5 .box_cont .right .img img {
	max-width: 257px;
}

#sub.org_member .list_wrap.list3 .col_box {
	margin-top: 50px;
}

#sub.payed .tabs.st1 ul li {
	height: auto;
	line-height: 1;
	padding: 20px 20px 20px 105px;
}

/*
   220502 content3
*/
#docPop3 .template_list ul.list .btns a img {
	display: inline-block;
	width: 10px;
	height: 11px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -5.5px;
	margin-left: -5px;
}

#docPop3 .template_list ul.box .btns a img {
	display: none;
}

#sub .con_wrap .box #addSign p img {
	width: 36px;
	height: 37px;
}

#docPop3 .filetab>ul>li:nth-child(1) .ico img {
	width: 39px;
	height: 32px;
}

#docPop3 .filetab>ul>li:nth-child(2) .ico img {
	width: 34px;
	height: 32px;
}

#docPop3 .filetab>ul>li:nth-child(3) .ico img {
	width: 32px;
	height: 36px;
}

#docPop3 .filetab>ul>li:nth-child(5) .ico img {
	width: 35px;
	height: 31px;
}

#docPop3 .filetop img {
	width: 26px;
	height: 26px;
}

#sub .con_wrap .box .ip_wrap .ip_box>a.doc_btn {
	width: 17px;
}

#sub .con_wrap .box .ip_wrap .ip_box>a.pwd_btn {
	width: 18px;
}

/*#sub.sign_idx .mega .exp li.li01 .img img{width:276px; height:61px;}
#sub.sign_idx .mega .exp li.li02 .img img{width:268px; height:76px;}
#sub.sign_idx .mega .exp li.li03 .img img{width:257px; height:60px;}*/

.popup .pop .pop_info .doc_list .tb.li01 .tbc .rd {
	background-size: 82px 75px;
}

.popup .pop .pop_info .doc_list .tb.li02 .tbc .rd {
	background-size: 69px 67px;
}

.popup .pop .pop_info .doc_list .tb.li03 .tbc .rd {
	background-size: 68px 69px;
}

.popup .pop .pop_info .doc_list .tb.li04 .tbc .rd {
	background-size: 71px 69px;
}

/*220503*/
.myinfo_pop6_2 .ch_wrap ul {
	margin-top: 0 !important;
}

.myinfo_pop6_2 .ch_wrap ul li {
	float: none !important;
	width: 100% !important;
}

.myinfo_pop6_2 .ch_wrap ul li:first-child {
	margin-top: 0;
}


.second .sign_box textarea::placeholder {
	font-size: 12px !important;
	line-height: 33px;
}

.second .sign_box textarea::-webkit-placeholder {
	font-size: 12px !important;
	line-height: 33px;
}

.second .sign_box textarea::-moz-placeholder {
	font-size: 12px !important;
	line-height: 33px;
}

/* 220504 - step2 옵션창 셀렉트 활성화 */
#sub.step2 .editTool .optionBox .optionCon .option_list .select_wrap>a.on~ul {
	border-color: #1560fd;
}

/*220510 - 대량서명 - input 추가*/
.table_type .table_body .table_row>div input[type="text"] {
	padding: 0 10px;
	height: 35px;
	font-size: 1.3rem;
	border: 1px solid #e2e7ea;
	border-radius: 8px;
	box-sizing: border-box;
}

.table_type .table_body .table_row>div input[type="text"]::placeholder {
	font-size: 1.3rem;
	color: #888;
}

.table_type .table_body .table_row>div.ip_hf input[type="text"] {
	margin-top: 3px;
	height: 18.5px;
	border-radius: 5px;
	font-size: 12px;
}

.table_type .table_body .table_row>div.ip_hf input[type="text"]:first-child {
	margin-top: 0;
}

.table_type .table_body .table_row>div.ip_hf input[type="text"]::placeholder {
	font-size: 12px;
}

#sub.line_form .con_wrap .box1 {
	z-index: 5;
}

/* 220512 - 비밀번호 변경 팝업 */
.guide_list ul li {
	position: relative;
	margin-top: 8px;
	padding-left: 10px;
	font-size: 1.4rem;
	color: #8a9093;
	letter-spacing: -.06rem;
	box-sizing: border-box;
}

.guide_list ul li:before {
	content: '';
	position: absolute;
	top: 9px;
	left: 0;
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 4px;
	background-color: #8a9093;
}

.guide_list ul li:first-child {
	margin-top: 0;
}

.popup.pw_pop .pop .pop_tit strong {
	font-size: 2.4rem;
	line-height: 1.4;
}

.popup.pw_pop .pop .pop_tit p {
	margin-top: 20px;
	font-size: 1.5rem;
	color: #242940;
	letter-spacing: -.14rem;
	line-height: 1.5;
}

.popup.pw_pop .pop .btn_wrap {
	margin-top: 25px;
}

.popup.pw_pop .pop .pop_cont {
	margin-top: 25px;
}

.pw_pop .pop_inner {
	max-width: 540px;
}

.pw_pop .guide_list {
	margin-top: 25px;
}

.pw_pop .ip_box input {
	display: block;
	margin-top: 10px;
	padding: 0 15px;
	height: 50px;
	border-radius: 10px;
	border: 1px solid #e2e7ea;
	box-sizing: border-box;
}

.pw_pop .ip_box input::plceholder {
	font-size: 1.4rem;
	color: #949b9f;
}

.pw_pop .ip_box input:not(:placeholder-shown) {
	border-color: #1560fd;
	color: #1560fd;
	font-size: 1.4rem;
}

.pw_pop .ip_box input:first-child {
	margin-top: 0;
}

/* 220516 */
/* 대량서명 - /sign/mega/step1 */
.cell-wd10 {
	width: 4%
}

.ntcPop .form_wrap {
	width: calc(100% + 10px);
	margin-left: -10px;
}

.ntcPop .form_wrap .layout {
	float: left;
	width: calc(50% - 10px);
	margin-left: 10px;
}

#sub.mega_step1 .btn_wrap>a.gr {
	width: 230px;
}

#sub.mega_step1 .btn_wrap>a.btns {
	width: 290px;
}

/*
   220516 content3
*/
a.icon_btn.remv2:before {
	content: "";
	display: block;
	position: absolute;
	left: 13px;
	/*220517*/
	top: 50%;
	margin-top: -6.5px;
	width: 11px;
	height: 13px;
	background-image: url('/resource/image/ico_remove2.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.popup .pop .mo_close {
	display: none;
	margin-top: 30px;
}

.popup .pop .pop_close {
	font-size: 0;
	text-align: center;
}

.popup .pop .pop_close a {
	display: inline-block;
	position: relative;
	color: #fff;
	font-size: 1.3rem;
	width: 96px;
	line-height: 36px;
	background: #181a29;
	box-shadow: 4px 3px 10px 0px rgba(0, 0, 0, 0.22);
	border-radius: 5px;
	padding: 0 14px;
	box-sizing: Border-box;
	text-align: left;
}

.popup .pop .pop_close a:before {
	width: 9px;
	height: 9px;
	top: 50%;
	margin-top: -4.5px;
	content: '';
	position: Absolute;
	right: 14px;
	background-image: url('/resource/image/close_w_ico2.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto;
	opacity: .6;
}

#sub.doc_manage.normal_view .doc_info .info_list ul li .ico_wrap .go_sign {
	width: auto;
	text-align: center;
}

#sub.doc_manage.normal_view .doc_info .info_list ul li .ico_wrap .go_sign::before {
	display: none;
}

#sub.doc_manage.normal_view .doc_info .info_list ul li .ico_wrap a.remv2 {
	/*width:125px; text-align:right;*/
	width: 36px !important;
	padding: 0;
	font-size: 0;
	text-indent: -9999px;
}

/*220517*/
#sub.doc_manage.normal_view .doc_info .info_list ul li .ico_wrap a.insp {
	width: auto;
}

#sub.doc_manage.normal_view .doc_info .info_list ul li .ico_wrap a.insp::before {
	display: none;
}

.doc_pop.doc_pop .pop_inner .pop {
	padding: 50px;
}

.doc_pop.doc_pop2 .pop_inner {
	max-width: 550px;
}

.doc_pop.doc_pop2 .sel_drp {
	font-size: 0;
	width: 100%;
	max-width: 465px;
	margin: 15px auto 0;
}

.doc_pop.doc_pop2 .sel_drp .drp_wrap {
	display: inline-block;
	vertical-align: middle;
	width: 117px;
}

.doc_pop.doc_pop2 .sel_drp .drp_1 {
	margin-left: 0;
}

.doc_pop.doc_pop2 .sel_drp>div>span {
	margin-left: 10px;
	display: inline-block;
	vertical-align: middle;
	font-size: 1.6rem;
	width: calc(100% - 127px);
}

.doc_pop.doc_pop2 .pop .btn_wrap {
	margin-top: 30px;
}

a.icon_btn.wd_auto {
	width: auto;
}

a.icon_btn.non_icon::before {
	display: none !important;
}

#sub.doc_manage .col_tp .l_btns>a.dwld1 {
	width: 140px;
}

#sub.doc_manage.template_idx2 .list_wrap.card .tb_wrap>ul>li>div:nth-child(4) {
	margin-top: -8px;
}

#sub.doc_manage.template_idx2 .list_wrap.list .tb_wrap>ul>li>div:nth-child(2) {
	width: 16%;
}

#sub.doc_manage.template_idx2 .list_wrap.list .tb_wrap>ul>li>div:nth-child(3) {
	width: 17%;
}

#sub.doc_manage.template_idx2 .list_wrap.list .tb_wrap>ul>li>div:nth-child(4) {
	width: 17%
}

#sub.doc_manage.template_idx2 .list_wrap.list .tb_wrap>ul>li>div:nth-child(5) {
	width: 12%
}

#sub.doc_manage.doc_manage2_1 .list_wrap.card .tb_wrap>ul>li>div:nth-child(4) {
	padding-top: 0;
	margin-top: -8px;
}

#sub.doc_manage.doc_manage2_1 .list_wrap.list .tb_wrap>ul>li>div:nth-child(2) {
	width: 21%;
}

#sub.doc_manage.doc_manage2_1 .list_wrap.list .tb_wrap>ul>li>div:nth-child(3) {
	width: 26%;
}

#sub.doc_manage.doc_manage2_1 .list_wrap.list .tb_wrap>ul>li>div:nth-child(4) {
	width: 15%;
}

#sub.doc_manage.work_rejected .list_wrap.card .tb_wrap>ul>li>div:nth-child(5) {
	padding-top: 0;
	margin-top: -8px;
}

#sub.doc_manage.work_rejected .list_wrap.list .tb_wrap>ul>li>div:nth-child(2) {
	width: 22%;
}

#sub.doc_manage.work_rejected .list_wrap.list .tb_wrap>ul>li>div:nth-child(4) {
	width: 26%;
}

#sub.doc_manage.work_rejected .list_wrap.list .tb_wrap>ul>li>div:nth-child(5) {
	width: 12%;
}

.prog_pop .pop_inner .pop {
	padding: 50px;
}

.prog_pop .pop_inner .pop .btn_wrap {
	margin-top: 23px;
}



/* 0516 링크서명 (step1) */
#guideBox p.red {
	margin-top: 5px;
	text-indent: 5px;
	font-size: 1.4rem;
	font-weight: 500;
	color: #c02933;
}

#guideBox .tit .subtit {
	font-size: 1.4rem;
	font-weight: 500;
	color: #c02933;
}

.link_pop .cl_btn {
	right: 90px !important;
}

.link_pop .cl_btn.share_btn {
	width: 40px !important;
	font-size: 0;
	color: transparent;
	background-color: #b3bdd0;
	background-image: url('/resource/image/ico_link.svg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 15px;
}

.link_pop .cl_btn.copy_btn {
	right: 5px !important;
}

.link_pop .ip_wrap .ip_box input[type="text"] {
	padding: 4px 140px 4px 16px !important;
}

/* 0517 링크서명 (step2) */
#sub.link_step2 .btn_wrap>a.gr {
	width: 290px;
}

/* 0517 - 회원가입 초대장 알림 팝업 */
.popup.invite_pop .pop {
	padding: 50px;
}

.popup.invite_pop .pop_inner {
	max-width: 580px;
}

.popup.invite_pop .pop h3 {
	margin-top: 20px;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -.1rem;
}

.popup.invite_pop .pop span {
	display: block;
	margin-top: 10px;
	font-size: 1.6rem;
	font-weight: 500;
	text-align: center;
}

.popup.invite_pop .pop .btn_wrap {
	margin-top: 30px;
}

.popup.invite_pop .ico {
	text-align: center;
}

.popup.invite_pop .ico img {
	display: inline-block;
	width: 80px;
}


/* 0517 - 링크 2차서명(step4_link1)*/
.link_wrapper {
	max-width: 100%;
	padding: 0;
	height: 100%;
	min-height: auto !important;
}

.link_wrapper .wrapBox {
	height: 100%;
	border-radius: 0;
	border-radius: 0;
}

.link_wrapper .wrapBox .link_step {
	height: 100%;
}

#sub.link {
	background-color: rgba(0, 0, 0, .6);
}

#sub.link .link_pop .warn_box {
	margin-top: 0;
}

#sub.link .link_pop .warn_box strong {
	display: block;
	margin-top: 15px;
	font-size: 2.2rem;
}

#sub.link .link_pop .warn_box p {
	color: #111;
	font-size: 1.4rem;
	font-weight: 500;
}

/* 0517 - 링크 2차서명(step4_link2)*/
#sub.link2 .btn_wrap>a.gr {
	width: 290px;
}

/* 0517 - 회원가입 팀명 입력 팝업 */
.popup.join_team .pop {
	padding: 50px;
}

.popup.join_team .pop_inner {
	max-width: 560px;
}

.popup.join_team h3 {
	font-size: 2rem;
	font-weight: 700;
	text-align: left;
}

.popup.join_team .ip_box {
	position: relative;
	margin-top: 20px;
}

.popup.join_team .ip_box em {
	position: absolute;
	top: 0;
	left: 20px;
	display: block;
	font-size: 1.4rem;
	line-height: 50px;
	font-weight: 500;
	color: #1560fd;
}

.popup.join_team .ip_box input[type=text] {
	padding-left: 65px;
	padding-right: 20px;
	font-size: 1.4rem;
	font-weight: 500;
	color: #111;
}

.popup.join_team .ip_box input[type=text]::placeholder {
	font-weight: 500;
	font-size: 1.4rem;
	color: #949b9f;
}

.popup.join_team .pop .btn_wrap {
	margin-top: 30px;
}


/* 0517 - mega > step1 */
.table_type .table_body .table_row>div.term input[type="text"] {
	max-width: 50px;
	padding: 0 5px;
	margin-right: 13px;
	text-align: center;
}

.table_type .table_body .table_row>div.term span {
	position: absolute;
	top: 50%;
	left: 70%;
	margin-top: -8px;
}

/* 0517 - mage > gate */
#sub.mega_gate #guide0 {
	display: none;
}

/* 0517 - official > step2 */
#sub.official_step2 .con_wrap .left .edit .edit_list ul li.add_mega .img {
	text-align: center;
}

#sub.official_step2 .con_wrap .left .edit .edit_list ul li.add_mega .img img.off {
	display: none;
}

#sub.official_step2 .con_wrap .left .edit .edit_list ul li.add_mega .img img.on {
	display: none;
}

#sub.official_step2 .con_wrap .left .edit .edit_list ul li.add_mega.on .img img.on {
	display: inline-block;
}

#sub.official_step2 .btn_wrap .mega_ok {
	display: none;
}

/* 0517 - official > step3_1 */
#sub.official_step3_1 .form_area>div:first-child {
	margin-top: 0;
}

/* 0517 - official > step3_2 */
#sub.official_step3_2 #guideBox #guide1 .box {
	display: block;
}

/* 0518 - normal > step2 레이아웃 저장 팝업 */
.popup.layout_pop .ip_wrap .ip_box input[type=text] {
	padding-left: 110px;
	color: #111;
	font-weight: 500;
}

.popup.layout_pop .ip_box em {
	left: 15px;
}

/* 0518 - normal > step2 레이아웃 불러오기 팝업 */
#sub.step2 .layoutLoad .mid {
	max-height: 366px;
	box-sizing: border-box;
	padding-right: 5px;
}

#sub.step2 .layoutLoad .layout_cont {
	display: none;
}

#sub.step2 .layoutLoad .layout_cont>ul {
	margin-top: 20px;
	padding: 15px 20px;
	border-radius: 5px;
	background-color: #e6eff6;
	box-sizing: border-box;
}

#sub.step2 .layoutLoad .layout_cont>ul>li {
	position: relative;
	float: left;
	width: 50%;
	padding-left: 6px;
	line-height: 1.6;
	font-size: 1.4rem;
	font-weight: 500;
	color: #111;
	box-sizing: border-box;
}

#sub.step2 .layoutLoad .layout_cont>ul>li:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	margin-top: -1px;
	width: 3px;
	height: 3px;
	border-radius: 3px;
	background-color: #111;
}

#sub.step2 .layoutLoad .layout_cont>ul>li b {
	color: #395ff8;
}

#sub.step2 .layoutLoad .layout_remove {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 36px;
	height: 36px;
	font-size: 0;
	color: transparent;
	border-radius: 5px;
	background-color: #b4bbc0;
	background-image: url('/resource/image/remove_ico.svg');
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: 50% 50%;
}

/* 0518 - sign > seconed > step4_link2 서명완료 팝업 */
.popup.link_done .ico img {
	width: 90px;
}

/* 0518 - sign > seconed > step4_link2 서명완료 팝업 */
.sns_ico {
	position: relative;
	float: left;
	display: block;
	margin-right: 10px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
	text-align: center;
	vertical-align: middle;
}

.sns_ico img {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	transform: translate(-50%, -50%);
	filter: drop-shadow(3px 2px 1.5px rgba(0, 0, 0, .2));
}

.sns_ico.facebook {
	background-color: #3b5999;
	/*background-image: url('/resource/image/ico_facebook_logo.svg'); */
}

.sns_ico.facebook img {
	width: 7px;
}

.sns_ico.naver {
	background-color: #1ec800;
	/*background-image: url('/resource/image/ico_naver_logo.svg');*/
}

.sns_ico.naver img {
	width: 12px;
}

.sns_ico.kakao {
	background-color: #ffce43;
	/*background-image: url('/resource/image/ico_kakao_logo.svg');*/
}

.sns_ico.kakao img {
	width: 10px;
}

.sns_ico.google {
	background-color: #ef4d56;
	/*background-image: url('/resource/image/ico_google_logo.svg');*/
}

.sns_ico.google img {
	width: 14px;
}

/* 0518 - sign > 아이디찾기 팝업 */
.popup.myid_info .scroll {
	max-height: 300px;
	padding-right: 5px;
	box-sizing: border-box;
}

.popup.myid_info .list_box {
	margin-top: 20px;
}

.popup.myid_info .list_box ul li {
	position: relative;
	padding: 10px 20px 10px 10px;
	margin-top: 10px;
	text-align: left;
	font-size: 0;
	border-radius: 10px;
	border: 1px solid #e2e7ea;
	background: #f9fcfd;
	box-sizing: border-box;
}

.popup.myid_info .list_box ul li:first-child {
	margin-top: 0;
}

.popup.myid_info .list_box ul li>div {
	float: left;
	width: calc(100% - 95px);
	overflow: hidden;
}

.popup.myid_info .list_box ul li>div em {
	float: left;
	display: block;
	width: calc(100% - 40px);
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	font-size: 1.4rem;
	font-weight: 500;
	color: #395ff8;
	vertical-align: middle;
}

.popup.myid_info .list_box ul li>span {
	float: right;
	display: inline-block;
	width: 88px;
	height: 30px;
	line-height: 30px;
	font-size: 1.3rem;
	color: #888;
}

.popup.myid_info .pop .btn_wrap {
	margin-top: 20px;
}

/*
   220517 content3
*/
.colTxt .txt4 {
	margin-top: 14px;
	display: block;
	font-size: 1.6rem;
	font-weight: 500;
	letter-spacing: -0.5px;
	line-height: 1.3;
}

#docPop1.popup .pop .pop_top .pop_close {
	right: 15px;
}

#docPop3 .filetab2 {
	margin-top: 22px;
}

#docPop3 .filetab2 ul {
	border: 1px solid #e1e8eb;
	border-radius: 10px;
	background-color: #f6f6f6;
}

#docPop3 .filetab2 ul li {
	float: left;
	display: table;
	height: 110px;
	width: 20%;
	border-right: 1px solid #e1e8eb;
	box-sizing: border-box;
}

#docPop3 .filetab2 ul li a {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#docPop3 .filetab2 ul li:last-child {
	border-right: 0;
}

#docPop3 .filetab2 ul li.on a {
	background-color: #1560fd;
	box-shadow: 4px 3px 7px 0px rgba(0, 0, 0, 0.35);
	border-radius: 10px;
}

#docPop3 .filetab2 ul li.on em {
	color: #fff;
}

#docPop3 .filetab2 .ico {
	display: block;
	height: 36px;
	line-height: 36px;
	font-size: 0;
}

#docPop3 .filetab2 em {
	display: block;
	margin-top: 12px;
	font-size: 1.5rem;
	font-weight: 500;
	color: #616572;
	line-height: 1;
}

#docPop3 .filetab2>ul>li:nth-child(1) .ico img {
	width: 39px;
	height: 32px;
}

#docPop3 .filetab2>ul>li:nth-child(2) .ico img {
	width: 34px;
	height: 32px;
}

#docPop3 .filetab2>ul>li:nth-child(3) .ico img {
	width: 42px;
	height: 35px;
}

#docPop3 .filetab2>ul>li:nth-child(4) .ico img {
	width: 32px;
	height: 36px;
}

#docPop3 .filetab2>ul>li:nth-child(5) .ico img {
	width: 35px;
	height: 31px;
}

.prog_pop.prog_pop .pop .btn_wrap>div {
	margin-left: -5px;
}

.prog_pop.prog_pop .pop .btn_wrap .btns {
	width: calc(50% - 5px);
	width: -webkit-calc(50% - 5px);
	margin-left: 5px;
}

.prog_pop.prog_pop1 .pop_inner {
	max-width: 540px;
}

.prog_pop.prog_pop1 .pop {
	padding: 50px 55px;
}

.prog_pop.prog_pop1 .box_title .txt1 {
	font-size: 2.4rem;
	letter-spacing: -0.5px;
}

.prog_pop.prog_pop1 .box_title span {
	display: block;
	margin-top: 7px;
	font-size: 1.8rem;
	font-weight: 400;
	letter-spacing: -0.5px;
	line-height: 1;
}

.prog_pop.prog_pop1 .pop .btn_wrap {
	margin-top: 30px;
}

.prog_pop.prog_pop1_2 .box_title {
	margin-top: 10px;
}

.prog_pop.prog_pop1_2 .ico_box img {
	width: 70px;
}

.prog_pop.prog_pop1_2 .pop .btn_wrap {
	margin-top: 35px;
}

.prog_pop.prog_pop1_3 .pop_inner {
	max-width: 560px;
}

.prog_pop.prog_pop2 .pop_inner {
	max-width: 540px;
}

.prog_pop.prog_pop3 .pop_inner {
	max-width: 560px;
}

.prog_pop.prog_pop3 .pop {
	padding: 50px 50px 45px;
}

.prog_pop.prog_pop3 .txt_area {
	margin-top: 12px;
}

.prog_pop.prog_pop3 .txt_area textarea {
	width: 100%;
	height: 105px;
	padding: 12px;
	font-size: 1.5rem;
	line-height: 1.5;
	border-radius: 10px;
	border: 1px solid #e2e7ea;
	resize: none;
	box-sizing: border-box;
}

.prog_pop.prog_pop3 .txt_area textarea[disabled] {
	background-color: #f3f6f9;
}

.prog_pop.prog_pop3 .pop .btn_wrap {
	margin-top: 20px;
}

.prog_pop.prog_pop5 .colTxt p b {
	display: block;
	margin-top: 13px;
}

.prog_pop.prog_pop5 .pop .btn_wrap {
	margin-top: 35px;
}


/* #sub.doc_manage.mass_idx .list_wrap.card .tb_wrap > ul > li > div:nth-child(5){padding-top:0; margin-top:-8px;}
#sub.doc_manage.mass_idx .list_wrap.list .tb_wrap > ul > li > div:nth-child(1){width:23%;}
#sub.doc_manage.mass_idx .list_wrap.list .tb_wrap > ul > li > div:nth-child(2){width:13%;}
#sub.doc_manage.mass_idx .list_wrap.list .tb_wrap > ul > li > div:nth-child(3){width:21%;}
#sub.doc_manage.mass_idx .list_wrap.list .tb_wrap > ul > li > div:nth-child(4){width:21%;}
#sub.doc_manage.mass_idx .list_wrap.list .tb_wrap > ul > li > div:nth-child(5){width:22%;}
#sub.doc_manage.mass_idx .list_wrap.list .tb_wrap > ul > li > div{width:23%;} */

/* #sub .list_wrap.list .tb_wrap > ul > li:not(.head).mo_head > div{width:100% !important;}

#sub.doc_manage.mass_view .list_wrap.card .tb_wrap > ul > li > div:nth-child(4){margin-top:-8px;}
#sub.doc_manage.mass_view .list_wrap.card .tb_wrap > ul > li > div:nth-child(5){margin-top:-8px;}
#sub.doc_manage.mass_view .list_wrap.card .tb_wrap > ul > li > div:nth-child(6){margin-top:-8px;}

#sub.doc_manage.mass_view .list_wrap.list .tb_wrap > ul > li > div:nth-child(1){width:18.5%;}
#sub.doc_manage.mass_view .list_wrap.list .tb_wrap > ul > li > div:nth-child(2){width:9%;}
#sub.doc_manage.mass_view .list_wrap.list .tb_wrap > ul > li > div:nth-child(3){width:19.5%;}
#sub.doc_manage.mass_view .list_wrap.list .tb_wrap > ul > li > div:nth-child(4){width:16.5%;}
#sub.doc_manage.mass_view .list_wrap.list .tb_wrap > ul > li > div:nth-child(5){width:12%;}
#sub.doc_manage.mass_view .list_wrap.list .tb_wrap > ul > li > div:nth-child(6){width:12%;}
#sub.doc_manage.mass_view .list_wrap.list .tb_wrap > ul > li > div:nth-child(7){width:12%;} */

.rdbtn {
	background: linear-gradient(to bottom, #ae1600 0%, #9c0000 100%) !important;
}

.icon_btn.rj_btn {
	width: 100%;
	text-align: center;
}

.icon_btn.rj_btn::before {
	display: none;
}

.icon_btn.edit_btn {
	width: 34px;
	padding: 0;
	font-size: 0;
	background-image: url('/resource/image/edit_ico_w.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #aeb4b7;
}

.icon_btn.edit_btn::before {
	display: none;
}

#sub.doc_manage.doc_rejected .list_wrap .tb_wrap>ul>li>div>div>div.wr {
	position: relative;
	padding-left: 44px;
	box-sizing: border-box;
}

#sub.doc_manage.doc_rejected .list_wrap .tb_wrap>ul>li>div .rj_complete {
	display: block;
	width: 100%;
	height: 36px;
	line-height: 36px;
	font-size: 1.3rem;
	font-weight: 400;
	color: #fff;
	text-align: center;
	background-color: #adb4b8;
	border-radius: 5px;
}

#sub.doc_manage.doc_rejected .list_wrap .tb_wrap>ul>li>div .edit_btn {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
}

#sub.doc_manage.doc_rejected .list_wrap.card .tb_wrap>ul>li>div .rd1 {
	display: block;
}

#sub.doc_manage.doc_rejected .list_wrap.card .tb_wrap>ul>li>div .rd2 {
	display: none;
}

#sub.doc_manage.doc_rejected .list_wrap.card .tb_wrap>ul>li>div:nth-child(5) {
	padding-top: 0;
	margin-top: -5px;
}

#sub.doc_manage.doc_rejected .list_wrap.list .tb_wrap>ul>li>div .rd1 {
	display: none;
}

#sub.doc_manage.doc_rejected .list_wrap.list .tb_wrap>ul>li>div .rd2 {
	display: block;
}

#sub.doc_manage.doc_rejected .list_wrap.list .tb_wrap>ul>li {
	position: relative;
	padding-right: 196px;
}

/*#sub.doc_manage.doc_rejected .list_wrap.list .tb_wrap > ul > li > div:nth-child(1){width:18%;}
#sub.doc_manage.doc_rejected .list_wrap.list .tb_wrap > ul > li > div:nth-child(2){width:20%;}
#sub.doc_manage.doc_rejected .list_wrap.list .tb_wrap > ul > li > div:nth-child(3){width:27%;}
#sub.doc_manage.doc_rejected .list_wrap.list .tb_wrap > ul > li > div:nth-child(4){width:35%;}*/
#sub.doc_manage.doc_rejected .list_wrap.list .tb_wrap>ul>li>div:nth-child(5) {
	padding-left: 0;
	width: 156px;
	position: absolute;
	right: 20px;
	top: 0;
	text-align: right;
}

#sub.doc_manage.doc_rejected .list_wrap.list .tb_wrap>ul>li>div .rj_btn {
	width: 112px;
	padding: 0;
}


/*
   220518 content3
*/
#sub.doc_manage.rejected_view .rj_box {
	padding: 18px 20px 18px 50px !important;
}

#sub.doc_manage.rejected_view .rj_box .rj_inner {
	position: relative;
}

#sub.doc_manage.rejected_view .rj_box .box_title h3 {
	position: absolute;
	left: 0;
	top: 0;
}

#sub.doc_manage.rejected_view .rj_box .box_title p {
	margin-top: 0;
	height: 36px;
	line-height: 36px;
	font-size: 1.5rem;
	font-weight: 500;
	color: #111;
}

#sub.doc_manage.rejected_view .rj_box .rj_btn {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 5;
	width: 108px;
}

#sub.doc_manage.rejected_view .doc_info .info_list ul li .ico_wrap .icon_btn.doc_wte {
	padding-left: 15px;
	padding-right: 35px;
}

#sub.doc_manage.rejected_view .doc_info .info_list ul li .ico_wrap .icon_btn.doc_wte::before {
	clear: both;
	width: 11px;
	height: 11px;
	right: 15px;
	margin-top: -5.5px;
	background-image: url('/resource/image/edit_ico_w.svg');
}

#sub.doc_manage.rejected_view .rj_box1 .box_title {
	padding-left: 115px;
	padding-right: 118px;
	box-sizing: border-box;
}

#sub.doc_manage.rejected_view .rj_box2 .box_title {
	padding-left: 155px;
	box-sizing: border-box;
}

#sub.doc_manage.rejected_view .rj_box2 .box_title p a {
	display: inline-block;
	padding: 0 20px;
	box-sizing: border-box;
}

#sub.doc_manage.template_idx2 .list_wrap.card .tb_wrap .btn_wrap .sm_btn {
	width: 100%;
	font-size: 1.3rem;
	color: #fff;
	text-align: center;
	line-height: 36px;
	background-position: 64% 50%;
}


/* 220523 - /popup/sign/link/step2_1 */
.popup.link_pop .pop .btn_wrap .btns {
	/*width: 240px;*/
}

/*
   220523 content3
*/
a.icon_btn.upld {
	width: 106px;
}

a.icon_btn.upld:before {
	width: 11px;
	height: 11px;
	margin-top: -4.5px;
	background-image: url('/resource/image/down_ico.svg');
	background-size: contain;
	transform: rotate(180deg);
}

.mem_pop .pop_inner {
	max-width: 540px;
}

.mem_pop .pop {
	padding: 50px;
}

.certifi_pop .pop_inner {
	max-width: 540px;
}

.certifi_pop .pop {
	padding: 50px;
}

#sub.doc_manage.mass_progress_view .last_wrap .btm_twrap .ico_wrap {
	position: relative;
}

#sub.doc_manage.mass_progress_view .last_wrap .btm_twrap .ico_wrap a.xls {
	width: 155px;
	position: absolute;
	right: 0;
	top: 0;
}

#sub.doc_manage.mass_progress_view .last_wrap .btm_twrap .ico_wrap a.xls::before {
	background-image: url('/resource/image/down_ico2.svg');
	width: 15px;
	height: 13px;
	background-size: contain;
	right: 8px;
	margin-top: -6.5px;
}

#sub.regist .addr_mass {
	margin-top: 18px;
}

/*
   220526 content3
*/
#sub.doc_manage .list_wrap.card .tb_wrap>ul>li .tb:nth-child(2) {
	padding-top: 20px;
}

/*
   220527 content3
*/
#sub.org_member .tb_wrap.ver4>ul>li>.tb {
	cursor: pointer;
}

#sub.fld_idx.grade_idx1 .tp_wrap .tit_tp {
	position: relative;
	padding-right: 75px;
}

#sub.fld_idx.grade_idx1 .tp_wrap .tit_tp div {
	padding-top: 0;
}

#sub.fld_idx.grade_idx1 .tp_wrap .tit_tp .tit_txt b {
	display: inline-block;
	color: #242940;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.1;
}

#sub.fld_idx.grade_idx1 .tp_wrap .tit_tp .tit_txt p {
	display: block;
	margin-left: 0;
	margin-top: 10px;
	color: #c02933;
}

#sub.fld_idx.grade_idx1 .tp_wrap .tit_tp {
	padding: 7.5px 0;
	box-sizing: border-box;
}

#sub.fld_idx.grade_idx1 .tp_wrap .tbw_list .tit_tp div {
	padding-top: 0;
}

#sub.fld_idx.grade_idx1 .tp_wrap .tit_btn {
	font-size: 0;
	position: absolute;
	right: 0;
	top: 50%;
	z-index: 10;
	margin-top: -20px;
}

#sub.fld_idx.grade_idx1 .tit_btn a,
#sub.fld_idx.grade_idx1 .tit_btn input[type="submit"] {
	display: none;
	padding: 0 10px;
	height: 40px;
	line-height: 40px;
}

#sub.fld_idx.grade_idx1 .tit_btn a.on,
#sub.fld_idx.grade_idx1 .tit_btn input[type="submit"].on {
	display: inline-block;
}

input[type="submit"].cl_btn {
	display: inline-block;
	padding: 0 5px;
	height: 50px;
	line-height: 50px;
	font-size: 1.4rem;
	font-weight: 500;
	color: #fff;
	text-align: center;
	border-radius: 8px;
	background-color: #1560fd;
	box-sizing: border-box;
	cursor: pointer;
}

#policy_pop .pop_inner {
	max-width: 580px;
}

#policy_pop .pop {
	padding: 50px;
}

#policy_pop .box_title h3 {
	line-height: 1;
}

#policy_pop .box_wrap1 {
	padding-bottom: 40px;
	box-sizing: border-box;
}

#policy_pop .box_wrap2 {
	padding-top: 30px;
	box-sizing: border-box;
	border-top: 1px solid #e0e0e0;
}

#policy_pop .box_cont {
	margin-top: 20px;
}

#policy_pop .txt_box {
	padding: 18px;
	box-sizing: border-box;
	background-color: #f9fcfd;
	border: 1px solid #e2e7ea;
	border-radius: 5px;
}

#policy_pop .txt_box p {
	margin-top: 22px;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.5;
}

#policy_pop .txt_box p:first-child {
	margin-top: 0;
}

#policy_pop .chk_wrap {
	text-align: center;
}

#policy_pop .chk_wrap label {
	font-size: 1.5rem;
	line-height: 20px;
}

#policy_pop .chk_wrap label:before {
	border-color: #1f202d;
}

#policy_pop .chk_wrap input[type="checkbox"]:checked+label:before {
	background-color: #1f202d;
}

#policy_pop .pop .btn_wrap {
	margin-top: 30px;
}

/*
   220530 content3
*/
#main .row1 .box .box_cont>.active {
	display: block;
}

#main .row1 .box2 .box_cont .no_using ul li a {
	display: inline-block;
	margin-top: 12px;
	width: 116px;
	height: 41.25px;
	line-height: 41.25px;
	font-size: 13px;
	font-weight: 600;
	color: #fff;
	background: linear-gradient(to bottom, #a1adb6 20%, #8a99a4 100%);
	border-radius: 5px;
}

#main .row1 .box2 .box_cont>div {
	display: none;
}

#main .row1 .box2 .box_cont .no_using ul li>div {
	height: 140px;
}

#main .row1 .box2 .box_cont .no_using ul li em {
	display: block;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1;
}

#main .row1 .box3 .box_cont .no_using .box_btn {
	height: 214px;
}

#main .row1 .box3 .box_cont>div {
	display: none;
}

#main .row1 .box3 .box_cont .no_using>div {
	padding: 0 15px;
	box-sizing: border-box;
}

#main .row1 .box3 .box_cont .no_using p {
	font-weight: 500;
	line-height: 1.5;
}

#main .row1 .box3 .box_cont .no_using a {
	display: inline-block;
	margin-top: 16px;
	width: 100%;
	max-width: 246px;
	height: 65px;
	line-height: 65px;
	font-size: 1.6rem;
	font-weight: 600;
	color: #fff;
	border-radius: 10px;
	background: rgb(65, 102, 249);
	background: linear-gradient(180deg, rgba(65, 102, 249, 1) 0%, rgba(21, 66, 248, 1) 100%);
}

#sub .feeList .boxArea .btm_fee .box_tit p {
	margin-top: 4px;
	font-weight: 400;
	line-height: 1;
}

#sub .feeList .fee_tbl {
	width: 100%;
	max-width: 936px;
	margin: 23px auto 0 auto;
}

#sub .feeList .fee_tbl ul {
	border-top: 2px solid #7d99a9;
	border-bottom: 1px solid #c6c6c6;
	box-sizing: border-box;
	position: relative;
}

#sub .feeList .fee_tbl ul li>div {
	float: left;
}

#sub .feeList .fee_tbl ul li>div:nth-child(1) {
	width: 17%;
}

#sub .feeList .fee_tbl ul li>div:nth-child(2) {
	width: 16.5%;
}

#sub .feeList .fee_tbl ul li>div:nth-child(3) {
	width: 16.5%;
}

#sub .feeList .fee_tbl ul li>div:nth-child(4) {
	width: 16.5%;
}

#sub .feeList .fee_tbl ul li>div:nth-child(5) {
	width: 16.5%;
}

#sub .feeList .fee_tbl ul li>div:nth-child(6) {
	width: 17%;
}

#sub .feeList .fee_tbl ul li>div.fir {
	font-size: 1.5rem !important;
	font-weight: 600 !important;
}

#sub .feeList .fee_tbl ul li.head>div {
	height: 64px;
	font-size: 1.6rem;
	font-weight: 300;
	color: #1560fd;
	background-color: #f6fbfe;
}

#sub .feeList .fee_tbl ul li.head>div b {
	font-weight: 600;
}

#sub .feeList .fee_tbl ul li.head>div b.poppins {
	font-size: 1.8rem;
}

#sub .feeList .fee_tbl ul li:not(.head)>div {
	height: auto;
	border-top: 1px solid #c6c6c6;
	padding: 15px 10px;
	box-sizing: border-box;
	font-size: 0;
}

#sub .feeList .fee_tbl ul li:not(.head)>div.pic {
	font-size: 1.8rem;
	font-weight: 600;
}

#sub .feeList .fee_tbl ul li:not(.head)>div a {
	display: block;
	border-radius: 10px;
	position: relative;
	transition: none;
}

/*#sub .feeList .fee_tbl ul li:not(.head) > div a::before{content:""; display:block; clear:both; position:absolute; left:0; top:0; width:100%; height:100%; background-color: rgb(65,102,249); background: linear-gradient(180deg, #375ef8 0%, #0b3af6 100%); opacity:0; border-radius:10px;}*/
#sub .feeList .fee_tbl ul li:not(.head)>div a.on {
	box-shadow: 5px 5px 10px 0 rgba(140, 140, 140, 0.22);
	background: linear-gradient(180deg, #375ef8 0%, #0b3af6 100%);
}

#sub .feeList .fee_tbl ul li:not(.head)>div a.on::before {
	opacity: 1;
}

#sub .feeList .fee_tbl ul li.month_fee>div {
	min-height: 85px;
}

#sub .feeList .fee_tbl ul li.month_fee>div.pic {
	min-height: 197px;
	position: absolute;
	right: 0;
	bottom: 0;
}

#sub .feeList .fee_tbl ul li.month_fee>div a {
	padding: 18px 0;
	box-sizing: border-box;
}

#sub .feeList .fee_tbl ul li.month_fee>div em {
	display: inline-block;
	padding-left: 25px;
	box-sizing: border-box;
	font-size: 1.8rem;
	font-weight: 500;
	color: #0e101f;
	position: relative;
	line-height: 1;
}

#sub .feeList .fee_tbl ul li.month_fee>div em::before {
	content: "";
	display: block;
	clear: both;
	width: 21px;
	height: 22px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -7px;
	background-image: url('/resource/image/ico_won3_1_b.svg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

#sub .feeList .fee_tbl ul li.month_fee>div a.on em {
	color: #fff;
}

#sub .feeList .fee_tbl ul li.month_fee>div a.on em::before {
	background-image: url('/resource/image/ico_won3_1_w.svg');
}

#sub .feeList .fee_tbl ul li.year_fee>div {
	min-height: 112px;
}

#sub .feeList .fee_tbl ul li.year_fee>div a {
	padding: 20px 0;
	box-sizing: border-box;
}

#sub .feeList .fee_tbl ul li.year_fee>div a p {
	display: inline-block;
	padding-left: 18px;
	font-size: 12px;
	font-weight: 500;
	color: rgba(14, 16, 31, 0.7);
	line-height: 1;
	position: relative;
}

#sub .feeList .fee_tbl ul li.year_fee>div a p::before {
	content: "";
	display: block;
	clear: both;
	width: 15px;
	height: 9px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -4px;
	background-image: url('/resource/image/ico_won3_2_g2.svg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	opacity: 0.7;
}

#sub .feeList .fee_tbl ul li.year_fee>div a p span {
	font-size: 1.4rem;
}

#sub .feeList .fee_tbl ul li.year_fee>div a strong {
	display: inline-block;
	margin-top: 5px;
	padding-left: 25px;
	font-size: 2.2rem;
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.9px;
	position: relative;
}

#sub .feeList .fee_tbl ul li.year_fee>div a strong::before {
	content: "";
	display: block;
	clear: both;
	width: 21px;
	height: 13px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -7px;
	background-image: url('/resource/image/ico_won3_3_b.svg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

#sub .feeList .fee_tbl ul li.year_fee>div a.on p {
	color: rgba(255, 255, 255, 0.77);
}

#sub .feeList .fee_tbl ul li.year_fee>div a.on p::before {
	background-image: url('/resource/image/ico_won3_2_g.svg');
}

#sub .feeList .fee_tbl ul li.year_fee>div a.on strong {
	color: #fff;
}

#sub .feeList .fee_tbl ul li.year_fee>div a.on strong::before {
	background-image: url('/resource/image/ico_won3_3_w.svg');
}

#sub .feeList .fee_tbl ul li:not(.head)>div a::after {
	display: block;
	clear: both;
	width: 53px;
	height: 52px;
	line-height: 52px;
	position: absolute;
	right: -25px;
	top: -23px;
	font-size: 1.3rem;
	font-weight: 600;
	color: #fff;
	letter-spacing: -0.3px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#sub .feeList .fee_tbl ul li:not(.head)>div a.current {
	border: 1px solid #5a86fd;
	background-color: #f6fbfe;
}

#sub .feeList .fee_tbl ul li:not(.head)>div a.current.on {
	border: 0;
}

#sub .feeList .fee_tbl ul li:not(.head)>div a.current::after {
	content: '사용중';
	background-image: url('/resource/image/ico_shape1.svg');
}

#sub .feeList .fee_tbl ul li:not(.head)>div a.recmd {
	border: 1px solid #2fc673;
	background-color: rgba(236, 251, 243, 0.95);
}

#sub .feeList .fee_tbl ul li:not(.head)>div a.recmd.on {
	border: 0;
}

#sub .feeList .fee_tbl ul li:not(.head)>div a.recmd::after {
	content: '추천';
	background-image: url('/resource/image/ico_shape2.svg');
}

#sub.change_plan .feeList .fee_tbl ul li.month_fee>div.pic {
	min-height: 199px;
}



/*220531*/
#sub.doc_manage.normal_sig .list_wrap .tb_wrap>ul>li .more_btn .m_btn_wrap>a {
	width: 30px;
	height: 30px;
}

#sub.doc_manage.normal_sig .list_wrap.list .tb_wrap>ul>li .more_btn {
	top: 50%;
	margin-top: -15px;
}

#sub.doc_manage.mass_view .list_wrap.card .tb_wrap>ul>li>div:nth-child(7) {
	margin-top: -8px;
}

#sub.doc_manage.normal_view .last_section .box_cont .tb_wrap>ul>li .tb.fir {
	position: relative;
}

#sub.doc_manage.normal_view .last_section .box_cont .tb_wrap>ul>li .tb.fir .icon_btn {
	width: auto;
	font-size: 13px;
}

#sub.doc_manage.normal_view .last_section .box_cont .tb_wrap>ul>li .tb.fir .icon_btn::before {
	display: none;
}

#sub.step_form .w_box .ip_wrap .ip_box input[type="email"],
#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 40px 4px 14px;
}

#sub.step_form .con_wrap .box .ip_wrap.md>div:nth-child(1) {
	position: relative;
	z-index: 2;
}

#sub.step_form .con_wrap .box .g_box .ip_wrap.md>div:nth-child(2) {
	position: relative;
	z-index: 1;
}

#sub.step_form .con_wrap .box .g_box .ip_wrap:nth-child(1) {
	position: relative;
	z-index: 2;
}

#sub.step_form .con_wrap .box .g_box .ip_wrap:nth-child(2) {
	position: relative;
	z-index: 1;
}

#sub.step_form .con_wrap .box .g_box .infoTypeDiv {
	display: flex;
}

#sub.step_form .con_wrap .box .g_box .infoTypeDiv .option_wrap {
	display: flex;
	flex: 3;
}

#sub.step_form .con_wrap .box .g_box .infoTypeDiv>div:nth-child(2) {
	flex: 2;
}

#sub.step_form .con_wrap .box .g_box .infoTypeDiv .option_wrap>div {
	flex: 1;
}

#sub.step_form .con_wrap .box .g_box .infoTypeDiv .option_wrap>div:nth-child(2) {
	margin-left: 10px;
}

/* .myinfo_pop12 .ip_wrap{height:415px; padding-bottom:3px; box-sizing:border-box;} */
#sub.line_form .box1.zid-10 {
	z-index: 10 !important;
}

#sub.ctf_form .w_box .ip_wrap .addr input[type="text"] {
	padding: 0 95px 0 65px;
}

.doc_pop.doc_pop2 .sel_drp>div {
	display: inline-block;
}

.doc_pop.doc_pop2 .sel_drp>div:nth-child(1) {
	width: 43%;
}

.doc_pop.doc_pop2 .sel_drp>div:nth-child(2) {
	width: 57%;
}


/*220602*/
#sub .feeList .fee_tbl ul li:not(.head)>div.b_none {
	border: none;
}

#sub .feeList .fee_tbl ul li>div.pic {
	width: 17%;
}

/* #sub.doc_manage.normal_sig.mass_view .list_wrap.list .tb_wrap{padding-top:45px;} */

/*220603*/
#sub.doc_manage.mass_view .btm_twrap .sc_wrap .l_wrap .drp_wrap>a {
	border-radius: 5px;
}

.co_pop2 .top .add_btn {
	line-height: 48px;
}

.co_pop5 .pop {
	padding: 45px 25px 48px 50px;
}

#docPop3 .pop_cont {
	max-height: 100%;
}

.co_pop2 div.pdr23_75 {
	padding-right: 23.75px;
	box-sizing: border-box;
}

.co_pop2 .top .ip_con {
	max-height: 160px;
	overflow: auto;
	margin-bottom: 10px;
	padding: 5px;
}

.co_pop5 .file_up .file_list2 ul {
	max-height: 160px;
	overflow: auto;
}

.co_pop5 div.pdr25,
.co_pop5 ul.pdr25 {
	padding-right: 25px;
	box-sizing: border-box;
}

#sub.doc_manage.normal_sig .doc_info .info_list ul li.file_wrap>div {
	float: none;
	width: calc(100% - 10px) !important;
}

#sub.doc_manage.normal_sig .doc_info .info_list ul li.file_wrap>div .req_file {
	padding: 12px 0 20px;
	box-sizing: border-box;
	width: calc(100% - 95px);
	display: inline-block;
	vertical-align: middle;
}

#sub.doc_manage.normal_sig .doc_info .info_list ul li.file_wrap>div .req_file .icon_btn {
	width: auto;
}

#sub.doc_manage.normal_sig .doc_info .info_list ul li.file_wrap>div .req_file .icon_btn::before {
	display: none;
}

#sub.doc_manage.normal_sig .doc_info .info_list ul li.file_wrap ul {
	padding-top: 0;
	margin-left: -15px;
	margin-top: -15px;
}

#sub.doc_manage.normal_sig .doc_info .info_list ul li.file_wrap ul li {
	margin-left: 15px;
	margin-top: 15px;
	display: inline-block;
}

#sub.doc_manage.normal_sig .doc_info .info_list ul li.file_wrap ul li span {
	display: inline-block;
	vertical-align: middle;
	padding: 0 15px;
	box-sizing: border-box;
	font-size: 1.5rem;
	font-weight: 500;
	position: relative;
}

#sub.doc_manage.normal_sig .doc_info .info_list ul li.file_wrap ul li span::before {
	content: "";
	display: block;
	clear: both;
	width: 1px;
	height: 16px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -7.5px;
	background-color: #ccc;
}

#sub.doc_manage.normal_sig .doc_info .info_list ul li.file_wrap ul li a {
	vertical-align: middle;
}

#sub.doc_manage.normal_sig .doc_info .info_list ul li.file_wrap ul li.b_none span {
	padding-left: 0;
}

#sub.doc_manage.normal_sig .doc_info .info_list ul li.file_wrap ul li.b_none span::before {
	display: none;
}

#sub.popup.teampop2 .tb_wrap.ver2>ul>li.head>div {
	height: 19px;
	line-height: 19px;
}

.co_pop .file_up .file_list2 ul {
	max-height: 160px;
	overflow: auto;
}

#docPop3 #tabcon2 .template_list.box {
	max-height: none;
}

#docPop3 .template_list ul.box li {
	height: 165px;
}

#docPop3 .template_list ul.box li .tit {
	height: 27px;
}

#docPop3 .template_list ul.box li .team,
#docPop3 #template_list ul.box li .name {
	height: 24px;
}

#docPop3 .template_list ul.box .btns {
	height: 53px;
}

#sub.doc_manage .list_wrap .tb_wrap>ul>li .tb.fir .prs_btn {
	position: absolute;
	right: 18px;
	top: 50%;
	margin-top: -18px;
	display: none;
	padding: 0 14px;
	height: 36px;
	line-height: 36px;
	font-size: 1.3rem;
	color: #fff;
	font-weight: 500;
	box-sizing: border-box;
	border-radius: 5px;
	text-align: left;
	overflow: hidden;
	z-index: 1;
	box-shadow: 0px 5px 10px 0px rgb(140 140 140 / 22%);
	background: linear-gradient(to bottom, #101222 0%, #000 100%);
}

#sub.mass_view .list_wrap.list .tb_wrap>ul>li:not(.head).mo_head {
	padding: 0 10px;
}

#sub.mass_view .list_wrap.list .tb_wrap>ul>li:not(.head).mo_head strong {
	display: inline-block;
	position: relative;
	padding-left: 20px;
	box-sizing: border-box;
}

#sub.mass_view .list_wrap.list .tb_wrap>ul>li:not(.head).mo_head strong::before {
	content: "";
	display: block;
	clear: both;
	width: 10px;
	height: 10px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -5px;
	border-radius: 10px;
}

#sub.mass_view .list_wrap.list .tb_wrap>ul>li:not(.head).mo_head strong.grn:before {
	background: #2fc673
}

#sub.mass_view .list_wrap.list .tb_wrap>ul>li:not(.head).mo_head strong.ye:before {
	background: #fec323
}

#sub.mass_view .list_wrap.list .tb_wrap>ul>li:not(.head).mo_head strong.rdg:before {
	background: #ec2606
}

#sub.mass_view .list_wrap.list .tb_wrap>ul>li:not(.head).mo_head strong.bkbg:before {
	background: #2b2d31
}

#sub.mass_view .list_wrap.list .tb_wrap>ul>li:not(.head).mo_head strong.blbg:before {
	background: #3273fc
}

#sub.mass_view .list_wrap.list .tb_wrap>ul>li:not(.head).mo_head strong.gry:before {
	background: #d6dadd
}

#sub.mass_view .list_wrap.list .tb_wrap>ul>li:not(.head).mo_head strong.ngr:before {
	background: #00e2bf
}

/* 220615 */
#sub .con_wrap .box .ip_wrap .ip_box>a.pwd_btn img {
	display: none;
}

#sub .con_wrap .box .ip_wrap .ip_box>a.pwd_btn .off {
	display: block;
}

#sub .con_wrap .box .ip_wrap .ip_box>a.pwd_btn.on .on {
	display: block;
	margin-top: 2px;
}

#sub .con_wrap .box .ip_wrap .ip_box>a.pwd_btn.on .off {
	display: none;
}


/*220616*/
#sub.certifi_list .list_wrap.list .col_box .drp_box {
	display: none;
}

#sub.certifi_list .list_wrap .col_box .list_type {
	height: 26px;
}

#sub.step2.sec_step2 .canvas_wrap .scale_wrap div canvas {
	margin-left: 0;
}

#sub.step2.sec_step2 .canvas_wrap .scale_wrap div canvas {
	margin-top: 10px;
}

#sub.step2.sec_step2 .canvas_wrap .scale_wrap div canvas:first-child {
	margin-top: 0;
}

#sub.step2.sec_step2 .canvas_wrap {
	margin: 0 auto;
}

.popup.fixed .pop_inner .pop_top {
	padding-right: 14px;
	box-sizing: border-box;
	/*220620*/
}

.popup.fixed .filetab {
	padding-right: 14px;
	box-sizing: border-box;
	/*220620*/
}

#sub.doc_manage .list_wrap .tb_wrap>ul>li .tb.fir .chk_wrap.cl_bk label {
	padding-left: 0;
	width: 20px;
	height: 20px;
	vertical-align: middle;
}

#sub.doc_manage .list_wrap .tb_wrap>ul>li .tb.fir .chk_wrap.cl_bk label::before {
	position: static;
	margin-top: 0;
}

#sub.popup.addr .tb_wrap:not(.scroll)>ul {
	padding-right: 0;
}

#sub.certifi_list .list_wrap.list .date .tbc div:nth-child(2) {
	display: none;
}

body {
	-webkit-tap-highlight-color: transparent !important;
}


/* 220617 */
#docPop3 .filetab2 {
	padding-right: 14px;
	box-sizing: border-box;
}

#docPop3 .pop_cont.large {
	/*max-height:572px;*/
}

#sub.basic_info .sns_info .sns_box {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 5px;
}

#sub.basic_info .sns_info .sns_box img {
	display: inline-block;
	filter: drop-shadow(3px 2px 1.5px rgba(0, 0, 0, .2));
}

#sub.basic_info .sns_info .sns_box.facebook_bg img {
	width: 10px;
}

#sub.basic_info .sns_info .sns_box.google_bg img {
	width: 17px;
}

#sub.basic_info .sns_info .sns_box.naver_bg img {
	width: 16px;
}

#sub.basic_info .sns_info .sns_box.kakao_bg img {
	width: 12px;
}

.popup.teampop2.fixed .pop_inner .pop {
	padding-right: 36px;
}

.popup.fixed.myinfo_pop3 .pop_inner1 .pop {
	padding-right: 50px;
}

/*220620*/
.popup.teampop .pop .ip_wrap .ip_box .ips:first-child {
	margin-top: 0;
}

.popup.teampop .pop .wid100.btn_wrap>div {
	width: 100%;
	margin-left: 0;
}

.popup.teampop .pdr14 {
	padding-right: 14px;
	box-sizing: border-box;
}

.popup.teampop .pop .brd_top .brd_in {
	border-top: 1px solid #b6bdc2;
	padding-top: 28px;
	box-sizing: border-box;
}

.popup.teampop_4 .pop {
	padding: 50px 36px 50px 50px;
}

.popup.join_team .box_title {
	padding-right: 5px;
	box-sizing: border-box;
}

.popup.join_team .pop .btn_wrap {
	padding-right: 5px;
	box-sizing: border-box;
}

#sub .list_wrap.list2 .col_box {
	display: none;
	margin-top: 25px;
}

#sub .list_wrap.list3 .col_box {
	display: none;
	margin-top: 25px;
}

#sub.popup.addr .pop {
	padding: 50px 36px 50px 50px;
}

#sub.step2 .layoutLoad .top {
	padding-right: 5px;
	box-sizing: border-box;
}

#sub.step2 .layoutLoad .pop {
	padding: 50px 45px 50px 50px;
}

#sub.step2 .layoutLoad .btm {
	padding-right: 5px;
	box-sizing: border-box;
}

#sub.step2 .editTool .op_btn {
	display: none;
}

#sub.step2 .editTool.active .op_btn {
	display: none;
	position: fixed;
	bottom: 0px;
	right: 10px;
	width: 160px;
	height: 50px;
	line-height: 48px;
	font-size: 1.4rem;
	font-weight: 700;
	color: #4e70f9;
	text-align: center;
	border-radius: 10px 10px 0 0;
	border-left: 1px solid #1560fd;
	border-top: 1px solid #1560fd;
	border-right: 1px solid #1560fd;
	background-color: #fff;
	box-sizing: border-box;
}

#sub .feeList .boxArea .top_img.fee2 p {
	border-radius: 10px;
	overflow: hidden;
}

.co_pop4_2_1 .file_chk .ip_wrap {
	padding-right: 14px;
	box-sizing: border-box;
}

/* #sub.fld_idx .tb_wrap table tbody td .chk_wrap label{padding-left:0; width:20px; height:20px;} */

#sub.approval_line_setting .getApprovalLineBox {
	display: none;
}

#sub.approval_line_setting .chk_wrap label:before {
	top: 13%
}

#sub.security .pagenate li a.board.prev {
	margin-right: 40px;
}

#sub.security .pagenate li a.board.next {
	margin-left: 40px;
}

.docRemainPop {
	overflow: inherit !important;
}

.remainMemberList {
	height: 350px;
}

.noticeText {
	position: relative;
	top: -10px;
}

.remainMemberList>ul {
	padding: 0 10px;
}

.remainMemberList>ul>li {
	margin-top: 5px;
	padding: 0 15px;
	box-sizing: border-box;
	line-height: 43px;
	font-size: 1.4rem;
	border: 1px solid #e2e7ea;
	border-radius: 5px;
	background-color: #f9fcfd;
}

.remainMemberList>ul>li .memberName {
	display: flex;
	text-align: left;
	border-bottom: 1px solid #ddd;
	padding: 1px 8px;
}

.remainMemberList>ul>li .memberName b {
	flex: 4;
	text-align: left;
}

.remainMemberList>ul>li .memberName p {
	flex: 2;
	text-align: right;
}

.remainMemberList>ul>li .remainDocCount ul {
	padding: 5px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
}

.remainMemberList.link_node>ul>li .remainDocCount ul {
	grid-template-columns: 1fr;
}

.remainMemberList>ul>li .remainDocCount ul li {
	height: 30px;
	margin-left: 15px;
	line-height: 30px;
	text-align: left;
	display: flex;
	padding-left: 10px;
}

.remainMemberList>ul>li .remainDocCount ul li b {
	position: relative;
	flex: 1
}

.remainMemberList>ul>li .remainDocCount ul li b:before {
	width: 10px;
	height: 10px;
	content: '';
	position: absolute;
	left: -15px;
	top: 49%;
	margin-top: -4px;
	background: #fec323;
	border-radius: 50%
}

.remainMemberList>ul>li .remainDocCount ul li b.ngr:Before {
	background: #00e2bf
}

.remainMemberList>ul>li .remainDocCount ul li b.grn:Before {
	background: #2fc673
}

.remainMemberList>ul>li .remainDocCount ul li b.ye:Before {
	background: #fec323
}

.remainMemberList>ul>li .remainDocCount ul li b.rdg:Before {
	background: #ec2606
}

.remainMemberList>ul>li .remainDocCount ul li b.bkbg:Before {
	background: #2b2d31
}

.remainMemberList>ul>li .remainDocCount ul li b.blbg:Before {
	background: #3273fc
}

.remainMemberList>ul>li .remainDocCount ul li b.gry:Before {
	background: #b0b4b7
}

.remainMemberList>ul>li .remainDocCount ul li p {
	padding-right: 15px;
	text-align: right;
	flex: 1;
}

.freeProductControl {
	display: flex;
}

.freeProductControl>div {
	flex: 1;
}

#sub.member .lang_select ul {
	position: absolute;
	right: 1%;
	top: 1%;
	padding: 0 14px;
	height: 44px;
	line-height: 44px;
	margin: 13px 0;
	width: 108px;
	border: 1px solid #eee;
	box-shadow: 0px 2px 11.83px 1.17px rgba(0, 0, 0, 0.09);
	box-sizing: border-box;
	border-radius: 10px;
	overflow: hidden;
	background-color: #fff;
	z-index: 10000;
}

#sub.member .lang_select ul:before {
	content: "";
	display: block;
	position: absolute;
	right: 14px;
	top: 18px;
	width: 11px;
	height: 6px;
	background-image: url(/resource/image/ico_select_down.svg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 11px 6px;
}

#sub.member .lang_select ul li a {
	display: block;
	font-size: 1.4rem;
	font-weight: 700;
	color: #181a29;
}

#sub.security.pagenatelia.board.prev {
	margin-right: 40px;
}

#sub.security.pagenatelia.board.next {
	margin-left: 40px;
}

#sub.doc_manage.moveDocPage .list_wrap .tb_wrap>ul>li .tb.fir .chk_wrap {
	display: flex;
}

#sub.doc_manage.moveDocPage .list_wrap .tb_wrap .tb .tbc .docStatus b {
	padding-left: 18px;
	display: inline-block;
	color: #111 !important;
	font-size: 1.4rem !important;
	font-weight: 500 !important;
	line-height: 20px;
	position: relative;
	margin-left: 10px;
}

#sub.doc_manage.moveDocPage .list_wrap .tb_wrap .tb .tbc .docStatus b:before {
	width: 12px;
	height: 12px;
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -4px;
	background: #fec323;
	border-radius: 50%;
}

#sub.doc_manage.moveDocPage .list_wrap .tb_wrap .tb .tbc .docStatus b.ngr:before {
	background: #00e2bf
}

#sub.doc_manage.moveDocPage .list_wrap .tb_wrap .tb .tbc .docStatus b.grn:Before {
	background: #2fc673
}

#sub.doc_manage.moveDocPage .list_wrap .tb_wrap .tb .tbc .docStatus b.ye:Before {
	background: #fec323
}

#sub.doc_manage.moveDocPage .list_wrap .tb_wrap .tb .tbc .docStatus b.rdg:Before {
	background: #ec2606
}

#sub.doc_manage.moveDocPage .list_wrap .tb_wrap .tb .tbc .docStatus b.bkbg:Before {
	background: #2b2d31
}

#sub.doc_manage.moveDocPage .list_wrap .tb_wrap .tb .tbc .docStatus b.blbg:Before {
	background: #3273fc
}

#sub.doc_manage.moveDocPage .list_wrap .tb_wrap .tb .tbc .docStatus b.gry:Before {
	background: #d6dadd
}

#sub.doc_manage.moveDocPage .list_wrap .tb_wrap .tb .tbc .docStatus b.blk:Before {
	background: #555555
}

#sub.doc_manage.moveDocPage .list_wrap .tb_wrap .tb .tbc .docStatus b.ngr:Before {
	background: #00e2bf
}


/* jhlee */
.red_line {
	border: #E31A1F 1px solid !important;
}

input.form_error {
	border: #E31A1F 1px solid !important;
	color: #E31A1F !important;
}

input.form_error::placeholder {
	color: #E31A1F !important;
}

.error_msg {
	color: #E31A1F;
	font-size: 1.2rem;
	padding-left: 10px;
}

.regist .tb .error_msg {
	position: absolute;
	left: 0;
	top: 57px;
}

.li_body .tb{
	position: relative;
}

.ellipsis {
	width: 320px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.list_wrap.card .ellipsis {
	width: 220px;
}

/* cykim*/

.dir_root {
	display: flex;
	align-items: center;
}

.actableList {
	width: 380px;
	height: 175px;
	resize: none;
	overflow-x: hidden;
	text-overflow: ellipsis;
}

#notCompMem {
	height: 200px;
}

#notCompMem .img {
	text-align: center;
}

#notCompMem .img img {
	height: 150px;
}

#notcompMem .txt.txt2 {
	padding-top: 40px;
	text-align: center;
}

#notcompMem .txt.txt2 b {
	font-size: 150%;
	text-align: center;
}

.profile_btn {
	display: flex;
}

.profile_btn .icon_btn {
	margin: 5px 5px;
}

.cancel_request {
	width: 1000px;
}

.contactNotice {
	height: 100%;

	font-size: 10pt;
	color: #c02933;
}

.allSignBox label:before {
	margin-top: 0 !important;
}

.teamMemberListTable {
	padding-top: 30px;
	border-top: 1px solid #eee;
}

.remainSignCount {
	font-size: 20pt;
}

.mgtop_10 {margin-top: 10px !important;}
.mgtop_30 {margin-top: 30px !important;}
.mgleft_0 {margin-left: 0px !important;}
.mgleft_3 {margin-left: 3px;}
.mgleft_5 {margin-left: 5px !important;}
.mgright_5 {margin-right: 5px !important;}
.mgright_15 {margin-right: 15px !important;}
.mgleft_40 {margin-left: 40px;}
.mgleft_2per {margin-left: 2%;}
.mgbottom_2per {margin-bottom: 2%;}
.pd_15 {padding: 15px;}
.pdleft_120 {padding-left: 120px !important;}
.height30 {height: 30px;}
.height50 {height: 50px;}
.wd330 {width: 330px !important;}
.wd350 {width: 350px !important;}

/* 멤버 관리 페이지 버튼 설정 */
.memPageBtn {
	color: white !important;
	font-size: 1.3rem;
	letter-spacing: -.05em;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	line-height: 36px;
	border-radius: 5px;
	text-align: center;
	height: 36px;
}

.wid_50 {width: 50px;}
.wid_80 {width: 80px;}
.wid_120 {width: 120px;}
.memPageBtn4 {display: inline-block; vertical-align: middle; width: 34px; height: 36px;	font-size: 0;	color: transparent;	border-radius: 5px;	background-color: #b6bdc2;	background-image: url('/resource/image/edit_ico_w.svg');	background-position: center center;	background-repeat: no-repeat;	background-size: 10px}
.displayNone {display: none !important;}
.pwResetBtn {line-height: 36px !important; font-size: 1.2rem !important; float: left !important; width: 120px !important;}

/* 문서 목록 페이지 Count */
.completeCount, .ingCount {width: 20%; font-weight: 600; font-size: 20px; color: rgb(37, 79, 248);}
.countText {margin-left: 30px; text-align: left; width: 80%; font-weight: 500; font-size: 18px;}
.borderNone {border: none;}

#authBtn {position: absolute; z-index: 10; top: 15px; right: 5%; width: 80px; height: 30px; background-color: #9fabb4; color: #ffffff; text-align: center; line-height: 30px; border-radius: 5px;}
#authBtn.active{background-color: #4468f9;}
#authBtn.complete{background-color: #2fc673}

#sub.step2 .con_wrap .left .box_row .box.request{float:left; width:97%; margin-left:3%; margin-top:20px; border:1px solid transparent; transition:all 0.2s; box-sizing:border-box;}
#sub.step2 .con_wrap .left .box_row .box.request:hover{border:1px solid #1560fd;}
#sub.step2 .con_wrap .left .box_row .box.request a{display:block; height:75px; text-align:center; line-height: 75px;}
#sub.step2 .con_wrap .left .box_row .box.request a em{display:block; font-size:1.6rem; font-weight:700; line-height:1; margin-top:15px;}
#sub.step2 .con_wrap .left .box_row .box.request .tlp_wrap{position:absolute; right:7px; top:7px;}
#sub.step2 .con_wrap .left .box_row .box.request .tlp_wrap .tlp_box{width:150px; z-index:1000;}

#sub.step2 .con_wrap .left .request a span{position:relative; display:inline-block; font-size:1.6rem; font-weight:700; padding-right:24px;}
#sub.step2 .con_wrap .left .request a span:after{content:""; display:block; position:absolute; right:0; top:50%; margin-top:-9.5px; width:19px; height:19px; background-image:url(/resource/image/step2_request_ico.svg); background-repeat:no-repeat; background-position:50% 50%;}
#sub.step2 .con_wrap .left .request a.signCopyAll span:after{right: -10px; top:47%; width:25px; height:25px; background-image:url(/resource/image/ico_gnb_03.svg);}

#signAllCopy .pop .ip_box.chk_area {width: 103%; margin-left: -3%;}
#signAllCopy .pop .chk_area > div {float: left; width: 24%; margin-left: 1%; }
#signAllCopy .pop .chk_area input[type='checkbox']{display: inline-block; position: absolute; left: -9999px; opacity: 0; visibility: hidden; width: 1px; height: 1px; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); overflow: hidden;}
#signAllCopy .pop .chk_area label {display: block; padding-left: 45px; font-size: 1.4rem; color: #929ca1; cursor: pointer; position: relative; height: 48px; line-height: 46px; border: 1px solid #e2e7ea; border-radius: 10px; background-color: #fff;}
#signAllCopy .pop .chk_area label:before {position: absolute; top: 50%; left: 10px; width: 25px; margin-top: -12.5px; height: 25px; box-sizing: border-box; background-color: #dbdfe2; border-radius: 5px; text-align: center;clear: both; content: ''; display: block; box-shadow: 2px 4px 3.8px 0.2px rgba(0, 0, 0, 0.1) inset;}
#signAllCopy .pop .chk_area input[type='checkbox']:checked  + label {color: #191919;}
#signAllCopy .pop .chk_area input[type='checkbox']:checked  + label:before {content:''; width: 25px; height: 25px; line-height: 25px; background-color: #191919; background-image: url('/resource/image/ico_check2.png'); background-repeat: no-repeat; background-position: 50% 50%;}
#signAllCopy .pop .chk_area input[type='checkbox']:disabled  + label {display: block; padding-left: 45px; font-size: 1.4rem; color: #bec0c2; cursor: pointer; position: relative; height: 48px; line-height: 46px; border: 1px solid #e2e7ea; border-radius: 10px; background-color: #fff;}
#signAllCopy .pop .chk_area input[type='checkbox']:disabled  + label:before {position: absolute; top: 50%; left: 10px; width: 25px; margin-top: -12.5px; height: 25px; box-sizing: border-box; background-color: #bec0c2; border-radius: 5px; text-align: center;clear: both; content: ''; display: block; box-shadow: 2px 4px 3.8px 0.2px rgba(0, 0, 0, 0.1) inset;}

#signAllCopy .pop .ip_wrap{margin: 15px 0;}
#signAllCopy .pop .ip_wrap.md{margin-top:0;}
#signAllCopy .pop .ip_wrap .ip_box input[type="text"] {border-radius: 10px; border: 1px solid #e1e1e1; background: #fff; color: #666666; padding: 4px 14px; font-size: 1.4rem; font-weight: 400; box-sizing: border-box; line-height: 50px; height: 50px;}
#signAllCopy .pop .ip_wrap > div{margin-top: 10px;}
#signAllCopy .pop .ip_wrap .ip_box input:disabled {background-color: #f1f1f1c4;}
#signAllCopy .pop .ip_wrap > div .phone_box {margin-left:-2%;width:102%;margin-top:10px;}
#signAllCopy .pop .ip_wrap > div .col_box {margin-left:-2%;width:102%;margin-top:10px;}
#signAllCopy .pop .ip_wrap > div .col_box > div{float:left;}
#signAllCopy .pop .ip_wrap > div .col_box .drp_wrap{width:40%;}
#signAllCopy .pop .ip_wrap > div .col_box .drp_wrap > a {line-height: 48px; border-radius: 10px;}
#signAllCopy .pop .ip_wrap > div .col_box .drp_wrap > ul {top: 48px;}
#signAllCopy .pop .ip_wrap > div .col_box .ip_box{width:58%; margin-left: 2%;}
#signAllCopy .pop .ip_wrap > div .col_box .col_max {width:calc(100% - 15px);}
#signAllCopy .pop .ip_wrap .s_tit{font-size:0;}
#signAllCopy .pop .ip_wrap .s_tit > b{display:inline-block; vertical-align:middle;font-size:1.3rem;font-weight:500;line-height:16px;  letter-spacing:-0.05em;color:#191919;}

#signAllCopy .error_msg {padding: 0;}

/* 비밀번호 입력칸 */
.pwSwitch {font-size: 12px;color: #222;text-decoration: underline;white-space: nowrap;outline-offset: -2px;border-radius: 0 0 8px 0;}
.pwBox {margin-top: 16px; display: flex; width: 100%; height: 60px; font-weight: 400; color: #111; border-radius: 10px; border: 1px solid #eee; box-shadow: 0px 2px 11.83px 1.17px rgba(0, 0, 0, 0.09); box-sizing: border-box;}
.pwBox em {width:20%; margin-left: 20px; display: block; height: 60px; line-height: 60px; font-weight: 700; color: #4e70f9; z-index: 100; font-size: 1.4rem;}
.pwBox input {width:67%; border: none;}
.pwBox a {width:13%; display:flex;}
.pwBox img {width:20px; display: none;}
.pwBtn .off {display: block;}
.pwBtn.on .on {display: block; margin-top: 2px;}
.pwBtn.on .off {display: none; }

#setResend .btnbox div{
	display:  flex;
}

#setResend .btnbox button {
	display: inline-block;
	width: calc(50% - 5px);
	width: -webkit-calc(50% - 5px);
	width: -moz-calc(100% - 5px);
	margin-left: 5px;
	height: 50px;
	line-height: 50px;
	font-size: 1.6rem;
	font-weight: 500;
	color: #f4f7f9;
	border-radius: 10px;
	background: rgb(142, 142, 144);
	background: linear-gradient(180deg, rgba(142, 142, 144, 1) 0%, rgba(114, 114, 116, 1) 100%);
	letter-spacing: -.1rem;
	box-shadow: 4px 3px 5px 0px rgba(140, 140, 140, 0.22);
}

#setResend .btnbox button.bl{
	background: linear-gradient(180deg, rgba(29, 102, 253, 1) 0%, rgba(3, 62, 253, 1) 100%);
}

.resendMemberList > ul {
	display: flex;
	flex-direction: column;
	padding: 5px;
	overflow: hidden;
}

.resendMemberList > ul > li {
	height: 75px;

	background: #ffffff;
	border: 1px solid #1560fd;
	border-radius: 5px;

	margin: 5px 10px;
	padding: 5px 10px;

	display: grid;
	grid-template-columns: 1fr 2.5fr;
}

.resendMemberList .memberName {
	display: grid;
	grid-template-columns: 1fr 2fr;

	border-right: 1px solid #ccc;
}

.resendMemberList .memberName .name{
	display: flex;
  align-items: center;

	padding-left: 5px;
}


.resendMemberList .chk_area input[type='checkbox'] {
	display: inline-block;
	position: absolute;
	left: -9999px;
	opacity: 0;
	visibility: hidden;
	width: 1px;
	height: 1px;
	filter: alpha(opacity=0);
	-ms-filter: alpha(opacity=0);
	overflow: hidden;
}

.resendMemberList .chk_area label {
	display: block;
	font-size: 1.4rem;
	color: #929ca1;
	cursor: pointer;
	position: relative;
	left: -5px;
	height: 40px;
	border-radius: 10px;
}
.resendMemberList .chk_area {
	position: relative;
}

.resendMemberList .chk_area label::before {
	position: absolute;
	top: 30px;
	left: 10px;
	width: 25px;
	height: 25px;
	box-sizing: border-box;
	background-color: #dbdfe2;
	border-radius: 5px;
	text-align: center;
	clear: both;
	content: '';
	display: block;
	box-shadow: 2px 4px 3.8px 0.2px rgba(0, 0, 0, 0.1) inset;
}

.resendMemberList input[type='checkbox']:checked+label:before {
	content: '';
	width: 25px;
	height: 25px;
	line-height: 25px;
	background-color: #1560fd;
	background-image: url(/resource/image/ico_check2.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}


.resendMemberList .alertSetting{
	display: grid;
	grid-template-rows: 1fr 1fr;
	text-align: left;
	padding-left: 10px;
}

.resendMemberList .alertSetting .telOption {
	display: grid;
	grid-template-columns: 1fr 2fr;
}

.resendMemberList .alertSetting .telField {
	position: relative;
	left: -10px;
}

.resendMemberList .alertSetting .telField input[type=text] {
	line-height: 0px;
	width: 90%;
	height: 25px;
	border-radius: 5px;
	position: absolute;
	top: 20%;
	right: -5px;

	font-size: 1.3rem;
}

.resendMemberList .alertSetting .chk_area label {
	left: 25px;
	line-height: 40px;
}

.resendMemberList .alertSetting .chk_area label::before {
	top: 10px;
  left: -25px;

	width: 20px;
	height: 20px;
}

.resendMemberList .alertSetting .chk_area input[type='checkbox']:disabled+label:before {
	content: '';
	width: 20px;
	height: 20px;
	line-height: 25px;
	background-color: #9b9ea1;
}

.resendMemberList .alertSetting .chk_area input[type='checkbox']:checked+label:before {
	content: '';
	width: 20px;
	height: 20px;
	line-height: 25px;
	background-color: #1560fd;
	background-image: url(/resource/image/ico_check2.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.resendMemberList .alertSetting .chk_area input[type='checkbox']:checked:disabled+label:before {
	background-color: #9b9ea1;
}