html,
body {
	height: auto;
	position: relative;
	overflow-x: hidden;
	margin:0;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
	width: 0;
}

html *,
body * {
	box-sizing: border-box;
	word-break: keep-all;
}

body {
	font-family: 'Pretendard';
}

a {
	text-decoration: none;
}

.wrapper {
	display: flex;
	flex-direction: column;
}

.wrapper .main {
	flex: 1;
}
@font-face {
	font-family: 'InkLipquid';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'InkLipquid';
	src: url('/mobile/olmasign/asset/font/THEFACESHOP+INKLIPQUID_window.ttf') format('truetype'),
	url('/mobile/asset/font/THEFACESHOP+INKLIPQUID_mac.oft') format('opentype'),
	url('https://cdn.jsdelivr.net/gh/fontbee/font@main/Thefaceshop/InkLipquid.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

/* Header */

.pc {
	display: block;
}

.mobile {
	display: none;
}

.header .pc .hd {
	position: fixed;
	top: 0;
	z-index: 99999;
	width: 100%;
	height: 100px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	padding: 0 3rem;
	background: #fff;
	border-bottom: 1px solid #eee;
	transition: all 0.1s ease;
}

.header .pc .hd.scrolled {
	position: fixed;
	top: 0;
	z-index: 99999;
	width: 100%;
	height: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	padding: 0 3rem;
	background: #fff;
	border-bottom: 1px solid #eee;
	transition: height 0.1s ease;
}

.header .pc .hd.scrolled .nav > ul > li {
	min-height: 50px;
	position: relative;
	padding: 0 1.875rem;
	transition: min-height 0.2s ease;
}

.header .pc .hd.scrolled .depth_wrap {
	display: none;
	height: 60px;
	position: absolute;
	top: 50px;
	transition: top 0.2s ease;
}

.header .pc .hd.scrolled .depth_wrap.on {
	display: block;
}

.header .pc .hd.scrolled .header .on .depth_wrap {
	top:50px;
	transition: top 0.2s ease;
}

.header .pc .hd.scrolled .depth_wrap .depth {
	display: flex;
	justify-content: flex-start;
	z-index: 5;
	width:1200px;
	height: 59px;
	margin: 0 auto;
	background: #fff;
}

.header .pc .hd.scrolled .menu_bg {
	display: none;
	width: 100%;
	height: 60px;
	position: absolute;
	top: 50px;
	left: 0;
	border-bottom: 1px solid #eee;
	background: #fff;
	z-index: -1;
	transition: top 0.1s ease;
}

.header .pc .hd.scrolled .nav > ul > li:hover:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	opacity: 1;
	width: 100%;
	border-bottom: 3px solid #099a96;
	transition: 0.2s ease-out;
}

.header .pc .hd * {
	display: flex;
	align-items: center;
	gap: 1.875em;
	font-weight: 500;
	color: #222;
	transition: all 0.2s ease;
}

.header .pc .hd .brand {
	cursor: pointer;
}

.header .pc .hd .nav .hd_btns {
	gap: 10px;
}

.header .pc .hd .nav .hd_btns > a {
	background: #fff;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 600;
	text-align: center;
	display: inline-block;
	width: 100%;
	min-width: 90px;
	padding: 10px 0;
}

.header .pc .hd .nav .hd_btns > a:first-child {
	border: 1px solid #ddd;
	color: #222;
}

.header .pc .hd .nav .hd_btns > a:last-child {
	background: #099a96;
	color: #fff;
}

.header .pc .hd .nav > ul {
	display: flex;
	gap: 0;
}

.header .pc .hd .nav > ul > li {
	min-height: 100px;
	position: relative;
	padding: 0 1.875rem;
}

.header .pc .hd .nav > ul > li.event>a,
.header .pc .hd .nav > ul > li.free>a {
	gap: 0.5em;
}

.header .pc .hd .nav > ul > li.event>a::after {
	content: "무료체험";
	width: 70px;
	padding: 4px 0;
	background: #DD0000;
	border-radius: 25px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	animation: blink 1.6s ease-in-out infinite both;
}
@keyframes blink{
	0%, 100% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}
.header .pc .hd .nav > ul > li.event>a::after {
	content: "특별할인";
	width: 70px;
	padding: 4px 0;
	background: #099A96;
	border-radius: 25px;
	font-size: 14px;
	color: #fff;
	text-align: center;
}

.header .pc .hd .nav > ul > li::after {
	content: "";
	position: absolute;
	border-bottom: 10px solid #099a96;
	width: 0;
	opacity: 0;
}

.header .pc .hd .nav > ul > li:hover {
	background: rgba(12, 155, 151, 0.03);
	cursor: pointer;
	transition: 0.5s ease;
}

.header .pc .hd .nav > ul > li:hover > a {
	color: #099a96;
}

.header .pc .hd .nav > ul > li:hover:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	opacity: 1;
	width: 100%;
	border-bottom: 3px solid #099a96;
	transition: 0.3s ease-out;
}

.header .pc .nav.on {
	display: block;
}

.header .pc .hd.on {
	height: 100%;
}

.header .pc .depth_wrap {
	display: none;
	height: 60px;
	position: absolute;
	top: 100px;
}

.header .pc .depth_wrap.on {
	display: block;
}

.header .pc .header .on .depth_wrap {
	top:100px
}

.header .pc .depth_wrap .depth {
	display: flex;
	justify-content: flex-start;
	z-index: 5;
	width:1200px;
	height: 59px;
	margin: 0 auto;
	background: #fff;
}

.header .pc .menu_bg {
	display: none;
	width: 100%;
	height: 60px;
	position: absolute;
	top: 100px;
	left: 0;
	border-bottom: 1px solid #eee;
	background: #fff;
	z-index: -1;
}

.header .pc .depth_wrap .depth li {
	min-width: auto;
}

.header .pc .depth_wrap .depth li + li {
	margin-left: 30px;
}

.header .pc .depth_wrap .depth a {
	font-size: 16px;
	font-weight: 500;
	color: #222;
	padding: 0;
}

.header .pc .depth_wrap .depth a:hover {
	color: #099a96;
}


.header .mobile .hd .ham {
	display: none;
	cursor: pointer;
	position: absolute;
}

.header .mobile .hd .m_nav {
	/*   display: none; */
}




/* Footer */

.ft {
	width: 100%;
	margin: 0 auto;
	padding: 3.75rem;
	background: #222;
}

.ft-top {
	border-bottom: 1px solid #444;
	padding: 0 0 2.5rem 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.ft-top .contact-area {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.ft-top .contact-area .call {
	display: flex;
	align-items: center;
	gap: 1.25rem;
}

.ft-top .contact-area .call dt {
	font-size: 15px;
	color: #ddd;
}

.ft-top .contact-area .call dd {
	font-size: 20px;
	font-weight: 800;
	color: #ddd;
}

.ft-top .contact-area p {
	font-size: 15px;
	color: #ddd;
}

.ft-top .link-area {
	display: flex;
	/*gap: 3.75rem;*/
	gap: 1.875rem;
}

.ft-top .link-area li {
	font-size: 15px;
	color: #ddd;
}

.ft-bottom {
	padding: 2.5rem 0 0 0;
	display: flex;
	justify-content: space-between;
}

.ft-bottom .info-area {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.ft-bottom .info-area div {
	font-size: 15px;
	color: #777;
}

.ft-bottom .info-area .address {
	font-size: 15px;
	color: #777;
}

.ft-bottom .info-area .address ul:first-child {
	overflow: hidden;
	margin-bottom: 0.5rem;
}

.ft-bottom .info-area .address ul:first-child li {
	float: left;
	position: relative;
}

.ft-bottom .info-area .address ul:first-child li + li {
	margin-left: 10px;
	padding-left: 10px;
}

.ft-bottom .info-area .address ul:first-child li + li::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 14px;
	border-left: 1px solid #777;
}

.ft-bottom .link-area {
	display: flex;
	flex-direction: column;
	gap: 2.375rem;
}

.ft-bottom .link-area .sns {
	display: flex;
	gap: 1.25rem;
}

.ft-bottom .link-area .link {
	display: flex;
	justify-content: flex-end;
	gap: 1.875rem;
}

.ft-bottom .link-area .link li {
	font-size: 15px;
	color: #777;
}




/* Main */

.scroll_container,
.scroll_area {
	height: 100%;
}

.main_img {
	background: black;
	opacity: 0.99;
	position: relative;
	overflow: hidden;
	height: 100vh;
}

.main_img .main_img_inner {
	background: center/cover url("/mobile/olmasign/asset/img/main.jpg") no-repeat;
	opacity: 0.4;
	width: 100%;
	height: 100%;
}

.main_img .freeBtn:hover {
	transition: 1s ease;
	box-shadow: 300px 0 0 0 rgba(0, 0, 0, 0.5) inset;
}

.main_img h1 {
	position: absolute;
	font-size: 3.125rem;
	font-weight:600;
	color: #fff;
	line-height: 1.4;
	text-align: center;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25), 0px 2px 2px rgba(0, 0, 0, 0.25);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
	opacity: 1;
	/*  opacity: 0;  */
}

.btn-wrap{
	display: flex;
	gap: 60px
}
.btn-6_wrap {
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 250px;
	height: 60px;
	padding: 1rem;
	background: rgba(12, 155, 151, 0.1);
	border: 1px solid #0c9b97;
	border-radius: 5px;
}

.btn-6 {
	position: absolute;
	width: 250px;
	height: 60px;
	font-size: 20px;
	color: #d3fffe;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn-6 span {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-radius: 50%;
	background: #0c9b97;
	transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
	transform: translate(-50%, -50%);
	z-index: -1;
}

.btn-6:hover {
	color: white;
}

.btn-6:hover span {
	width: 225%;
	height: 562.5px;
}

.btn-6:active {
	background-color: #0c9b97;
}

.btn-7_wrap {
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 250px;
	height: 60px;
	padding: 1rem;
	background: #21C0AF;
	border: 1px solid #0c9b97;
	border-radius: 5px;
}
.btn-7 {
	position: absolute;
	width: 250px;
	height: 60px;
	font-size: 20px;
	color: #d3fffe;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}

.btn-7 span {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-radius: 50%;
	background: #026865;
	transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
	transform: translate(-50%, -50%);
	z-index: -1;
}

.btn-7:hover {
	color: white;
}

.btn-7:hover span {
	width: 225%;
	height: 562.5px;
}
.btn-7:active {
	background-color: #026865;
}

.stepper {
	padding: 100px 0;
}


.stepper .step_row {
	display: flex;
	align-items: center;
	gap: 4rem;
	width: 1200px;
}

.stepper .step_row .step_col {
	flex: 1;
}

.stepper .step_row .step_col img {
	filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.1));
}

.step_txt {
	display: flex;
	flex-direction: column;
	gap: 35px;
	margin-top: 60px;
}

.step_txt h2 {
	font-size: 30px;
	font-weight: 700;
	color: #222;
}

.step_txt p {
	font-size: 16px;
	font-weight: 500;
	color: #777;
	line-height: 1.5;
}

.step_desc {
	flex: 0.55 !important;
	width: 100%;
	height: 398px;
	margin-top: 100px;
}

.step_desc * {
	font-size: 20px;
}

.step_desc > ul {
	display: flex;
	justify-content: space-between;
	position: relative;
}

.step_desc > ul > li {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 62px;
	height: 62px;
	background: #eee;
	border-radius: 50%;
	padding: 1.2rem;
	position: relative;
	cursor: pointer;
}

.step_desc > ul > li:nth-child(1)::after,
.step_desc > ul > li:nth-child(2)::after,
.step_desc > ul > li:nth-child(3)::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 62px;
	z-index: -2;
	width: 85%;
	height: 2px;
	background: #e7e7e7;
}

.step_desc > ul > li .stepBtn {
	width: 62px;
	height: 62px;
}

.step_desc > ul > .ic_step1 {
	background: #eee url("/mobile/olmasign/asset/img/stepper_01.png") no-repeat center center;
	position: relative;
}

.step_desc > ul > .ic_step1::before {
	content: attr(data-text);
	position: absolute;
	top: -30px;
	/* width: 47px; */
	font-size: 14px;
	font-weight: 500;
	color: #a8a8a8;
}

.step_desc > ul > .ic_step2 {
	background: #eee url("/mobile/olmasign/asset/img/stepper_02.png") no-repeat center center;
	position: relative;
}

.step_desc > ul > .ic_step2::before {
	content: attr(data-text);
	position: absolute;
	top: -30px;
	/* width: 47px; */
	font-size: 14px;
	font-weight: 500;
	color: #a8a8a8;
}

.step_desc > ul > .ic_step3 {
	background: #eee url("/mobile/olmasign/asset/img/stepper_03.png") no-repeat center center;
	position: relative;
}

.step_desc > ul > .ic_step3::before {
	content: attr(data-text);
	position: absolute;
	top: -30px;
	font-size: 14px;
	font-weight: 500;
	color: #a8a8a8;
}

.step_desc > ul > .ic_step4 {
	background: #eee url("/mobile/olmasign/asset/img/stepper_04.png") no-repeat center center;
	position: relative;
}

.step_desc > ul > .ic_step4::before {
	content: attr(data-text);
	position: absolute;
	top: -30px;
	font-size: 14px;
	font-weight: 500;
	color: #a8a8a8;
}

.step_desc > ul > .active::before {
	font-weight: 700;
	color: #026865;

	/*mj 추가*/
	width: 100%;
	text-align: center;
}

.step_desc > ul > li:nth-child(1).active {
	background: #099a96 url('/mobile/olmasign/asset/img/stepper_01_on.png') no-repeat center center;
}

.step_desc > ul > li:nth-child(2).active {
	background: #099a96 url('/mobile/olmasign/asset/img/stepper_02_on.png') no-repeat center center;
}

.step_desc > ul > li:nth-child(3).active {
	background: #099a96 url('/mobile/olmasign/asset/img/stepper_03_on.png') no-repeat center center;
}

.step_desc > ul > li:nth-child(4).active {
	background: #099a96 url('/mobile/olmasign/asset/img/stepper_04_on.png') no-repeat center center;
}


.scroll_container {
	overflow-y: auto;
	overflow-x: hidden;
	/* scroll-snap-type: y mandatory; */
}

.scroll_container::-webkit-scrollbar {
	width: 14px;
}

.scroll_container::-webkit-scrollbar-thumb {
	background-color: #ccc;
}

.scroll_container::-webkit-scrollbar-track {
	background-color: #eee;
}

.scroll_area {
	scroll-snap-align: start;
}

.scroll_container,
.scroll_area {
	margin: 0 auto;
}

.scroll_area {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.swiper {
	width: 100%;
	max-width: 1200px;
}

.swiper-wrapper {
	max-width: 900px;
}

.swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	width: 1000px;
	font-size: 18px;
	text-align: center;
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.swiper-button-next {
	background: center/50% url("/mobile/olmasign/asset/img/right.svg") no-repeat #fff;
	width: 60px !important;
	height: 60px !important;
	border-radius: 50%;
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.swiper-button-prev {
	background: center/50% url("/mobile/olmasign/asset/img/left.svg") no-repeat #fff;
	width: 60px !important;
	height: 60px !important;
	border-radius: 50%;
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.swiper-button-next::after,
.swiper-button-prev::after {
	display: none;
}

.swiper-pagination {
	bottom: var(--swiper-pagination-bottom, 0px) !important;
}

.constract {
	background: #f5fcfb;
	display: flex;
	flex-direction: column;
	gap: 80px;
	position: relative;
	padding: 100px 0;
}

.constract .constrant_hd {
	display: flex;
	flex-direction: column;
	gap: 40px;
	position: relative;
	opacity: 1;
	/* opacity: 0; */
}

.constract .constrant_hd h2 {
	font-size: 40px;
	font-weight: 500;
	color: #222;
}

.constract .constrant_hd p {
	font-size: 20px;
	font-weight: 600;
	color: #026865;
	text-align: center;
}

.constract_col ul {
	display: flex;
	justify-content: space-between;
	width: 1200px;
}

.constract_col ul li {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 30px;
	font-size: 18px;
	font-weight: 700;
	color: #222;
}

/*
.constract_col ul li a:hover {
	color: #0c9b97;
	font-weight: 600;
}
.constract_col ul li a:hover .img_wrap {
	transform: rotateY(180deg);
	background: #068682;
}
*/

.constract_col ul li .img_wrap {
	border-radius: 50%;
	background: #fff;
	width: 160px;
	height: 160px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	transition: transform 0.5s ease-out;
	transform-style: preserve-3d;
}

.constract_col ul li .img_wrap img {
	object-fit: contain;
}

.creBtn_wrap {
	position: relative;
	background: #099a96;
	border-radius: 5px;
	overflow: hidden;
	width: 250px;
	height: 60px;
	cursor: pointer;
}

.creBtn_wrap > span {
	position: absolute;
	z-index: 10;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 250px;
	height: 60px;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}

.creBtn_wrap .creBtn {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60px;
	font-size: 18px;
	color: #fff;
}

.creBtn_wrap:hover .creBtn::after {
	left: 0px;
}

.creBtn_wrap .creBtn::after {
	content: "";
	display: inline-block;
	background: #0c9b97;
	width: 250px;
	height: 60px;
	font-size: 18px;
	text-align: center;
	position: absolute;
	left: -250px;
	z-index: 0;
	transition: 0.2s ease-in-out;
	mix-blend-mode: multiply;
}


.carousel_area {
	display: flex;
	flex-direction: column;
	gap: 80px;
	position: relative;
	background: #f6f6f6;
	padding: 100px 0;
}

.carousel_area > h2 {
	position: relative;
	font-size: 40px;
	font-weight: 500;
	color: #222;
	text-align: center;
	line-height: 1.4;
	opacity: 1;
	/* opacity: 0; */
}

.carousel_area .carousel_inner {
	width: 1360px;
	position: relative;
}


@keyframes slideIn {
	from {
		top: 35%;
		opacity: 0;
	}
	to {
		top: 40%;
		opacity: 1;
	}
}

@keyframes slideOut {
	from {
		top: 40%;
		opacity: 1;
	}
	to {
		top: 35%;
		opacity: 0;
	}
}


.carousels .carousel {
	padding: 1rem 1.5rem;
}

.carousels .carousel .carousel_item {
	background: #fff;
	width: 100%;
	min-height: 380px;
	margin: inherit 2rem !important;
	padding: 2em 2.5em;
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	gap: 1rem;
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
	border-radius: 14px;
}

.carousels .carousel .carousel_item img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
}

.carousels .carousel .carousel_item h2 {
	font-size: 20px;
	font-weight: 700;
	color: #222;
	margin: 20px 0;
}

.carousels .carousel .carousel_item span {
	display: block;
	font-size: 13px;
	font-weight: 500;
	color: #a8a8a8;
	margin-top: 10px;
}

.carousels .carousel .carousel_item span:last-child {
	font-weight: 500;
	color: #444;
}

.carousels .carousel .carousel_item p {
	font-size: 14px;
	font-weight: 500;
	color: #777;
	line-height: 1.5;
	letter-spacing: -0.5px;
}


@keyframes slideIn2 {
	from {
		top: 0%;
		opacity: 0;
	}
	to {
		top: 3%;
		opacity: 1;
	}
}

@keyframes slideOut2 {
	from {
		top: 3%;
		opacity: 1;
	}
	to {
		top: 0%;
		opacity: 0;
	}
}


.erp_sync {
	display: flex;
	flex-direction: column;
	gap: 80px;
	text-align: center;
	padding: 100px 0;
}

.erp_sync .erp_sync_content {
	display: flex;
	justify-content: space-between;
	gap: 3rem;
	width: 1200px;
}

.erp_sync .erp_sync_content .erp_sync_lis {
	text-align: left;
}

.erp_sync .erp_sync_content .erp_sync_lis > li {
	border-bottom: 1px solid #e0e0e0;
	padding: 46px 62px;
}

.erp_sync .erp_sync_content .erp_sync_lis > li:nth-child(1) {
	border-top: 1px solid #e0e0e0;
}

.erp_sync .erp_sync_content .erp_sync_details {
	position: relative;
}

.erp_sync .erp_sync_content .erp_sync_details .erp_sync_detail.on {
	display: none;
}

.erp_sync .erp_sync_content .erp_sync_details .erp_sync_detail {
	width: 800px;
}

.erp_sync .erp_sync_content .erp_sync_details .erp_sync_detail img {
	width: 100%;
	filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.1));
}

.erp_sync * {
	font-size: 18px;
}

.erp_sync .erp_sync_hd {
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
}

.erp_sync .erp_sync_hd > h2 {
	font-size: 40px;
	font-weight: 500;
	color: #222;
}

.erp_sync .erp_sync_hd p {
	font-size: 18px;
	font-weight: 500;
	color: #777;
}

.accHead {
	font-size: 20px;
	font-weight: 500;
	color: #222;
	width: 100%;
}

.erp_sync .erp_sync_lis .on {
	background: #0c9b97;
}

.erp_sync .erp_sync_lis .on .accHead {
	font-size: 20px;
	font-weight: 700;
	color: #fff;
}

.erp_sync .erp_sync_lis .accContent li a {
	font-size: 16px;
	color: #fff;
	line-height: 1.5;
}

.erp_sync .erp_sync_lis .accContent li a::before {
	content: "·";
	margin-right: 5px;
}

.hide {
	display: none;
}

.accContent {
	transition: all 0.5s ease;
	max-height: 0;
	overflow: hidden;
}

.accContent li:nth-child(1) {
	margin-top: 20px;
}

.pc_video {
	display: block;
}

.mobile_video {
	display: none;
}

.erp_sync .erp_url_link {
	width: 250px;
	height: 60px;
	border-radius: 5px;
	border: 1px solid #1d2731;
	font-size: 18px;
	font-weight: 700;
	color: #1d2731;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.safe_service {
	background: #f2f9f9;
	display: flex;
	flex-direction: column;
	text-align: center;
	gap: 80px;
	padding: 100px 0;
}

.safe_service .safe_service_hd h2 {
	font-size: 40px;
	font-weight: 500;
	color: #222;
	text-align: center;
}

.safe_service .safe_service_inner {
	width: 1200px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 40px;
}

.safe_service .safe_service_inner > div {
	border-radius: 10px;
	background: #fff;
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);
	min-height: 550px;
}

.safe_service .safe_service_inner div .text {
	padding: 40px;
}

.safe_service .safe_service_inner div h3 {
	font-size: 22px;
	font-weight: 700;
	color: #026865;
	text-align: center;
}


.safe_service .safe_service_inner div p {
	font-size: 16px;
	font-weight: 500;
	color: #777;
	line-height: 1.5;
	text-align: left;
	margin-top: 20px;
}

.safe_service .service_url_link {
	width: 250px;
	height: 60px;
	border-radius: 5px;
	border: 1px solid #1d2731;
	font-size: 18px;
	font-weight: 700;
	color: #1d2731;
	display: flex;
	flex-direction: column;
	justify-content: center;
}




/* Sub */

.sub {
	margin: 100px 0 0 0;
}

.sub .sub_inner .sub_hd {
	width: 1200px;
	margin: 100px auto;
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.sub .sub_inner .sub_hd h1 {
	font-size: 50px;
	font-weight: 600;
	line-height: 1.2;
	position: relative;
}

.sub .sub_inner .customer_hd h1::before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #099a96;
	border-radius: 100%;
	position: absolute;
	top: -15px;
	left: 15px;
}

.sub .sub_inner .customer_hd .pc-banner{display: block;}
.sub .sub_inner .customer_hd .m-banner{display: none;}

.sub .sub_inner .sub_hd h1 span {
	color: #026865;
}

.sub .sub_inner .sub_hd p {
	font-size: 22px;
	font-weight: 500;
	line-height: 1.2;
}




/* 서비스 소개 */

.service {
	background: #099a96 center/cover url('/mobile/olmasign/asset/img/bg_service.jpg') no-repeat;
}

.service .service_inner {
	width: 1200px;
	margin: 0 auto;
	padding: 80px 100px;
	display: flex;
	justify-content: space-between;
}

.service .service_inner .ico {
	border-radius: 100px;
	background: #fff;
	width: 180px;
	height: 180px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
}

.service .service_inner h3 {
	font-size: 30px;
	font-weight: 600;
	color: #fff;
	text-align: center;
}

.service .service_inner p {
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	line-height: 1.2;
	text-align: center;
	margin-top: 20px;
}

.service .service_inner p span {
	font-weight: 600;
}

.reason .reason_inner {
	width: 1200px;
	margin: 0 auto;
	padding: 100px 0;
}

.reason .reason_inner .reason_hd h2 {
	font-size: 40px;
	font-weight: 400;
	color: #222;
	line-height: 1.4;
}

.reason .reason_inner .reason_hd h2 span {
	font-weight: 600;
}

.reason .reason_inner .reason_con > div {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 130px;
	margin-top: 100px;
}

.reason .reason_inner .reason_con > div:nth-child(2) {
	flex-direction: row-reverse;
	justify-content: space-between;
}

.reason .reason_inner .reason_con div p {
	font-size: 60px;
	font-weight: 300;
	color: #eaeaea;
}

.reason .reason_inner .reason_con div .title {
	margin: 40px 0 30px;
}

.reason .reason_inner .reason_con div .title h3 {
	font-size: 40px;
	font-weight: 700;
	color: #222;
}

.reason .reason_inner .reason_con div .title p {
	font-size: 30px;
	font-weight: 400;
	color: #222;
	line-height: 1.2;
	margin-top: 15px;
}

.reason .reason_inner .reason_con div .title p span {
	font-size: 30px;
	font-weight: 700;
	color: #099a96;
}

.reason .reason_inner .reason_con div .text li {
	font-size: 16px;
	font-weight: 400;
	color: #777;
	line-height: 1.2;
	margin-top: 0;
	padding-left: 10px;
	position: relative;
}

.reason .reason_inner .reason_con div .text li::before {
	content: "·";
	position: absolute;
	top: 0;
	left: 0;
}

.reason .reason_inner .reason_con div .text li + li {
	margin-top: 10px;
}

.features {
	background: bottom/cover url('/mobile/olmasign/asset/img/bg_service02.jpg') no-repeat;
}

.features .features_inner {
	/*width: 1200px;
     margin: 0 auto; */
	padding: 100px 0;
	display: flex;
	gap: 80px;
	margin-left: 350px;
}

.features .features_inner .features_hd h2 {
	font-size: 50px;
	font-weight: 400;
	color: #222;
	line-height: 1.3;
}

.features .features_inner .features_hd h2 span {
	font-weight: 600;
	color: #026865;
}

.features .features_inner .features_hd .control {
	position: relative;
	top: 40px;
	left: 0;
}

.features .features_inner .features_hd .control .prev {
	background: #fff center/100% url('/mobile/olmasign/asset/img/btn_arrow_prev03.svg') no-repeat;
	background-size: 25px 20px;
	border: 0;
	border-radius: 100px;
	width: 70px;
	height: 70px;
	margin-right: 20px;
	text-indent: -9999px;
}

.features .features_inner .features_hd .control .next {
	background: #fff center/100% url('/mobile/olmasign/asset/img/btn_arrow_next03.svg') no-repeat;
	background-size: 25px 20px;
	border: 0;
	border-radius: 100px;
	width: 70px;
	height: 70px;
	text-indent: -9999px;
}

.features .features_inner .features_con {
	display: flex;
	gap: 60px;
	width: 38%;
}

.features .features_inner .features_con div p {
	font-size: 22px;
	font-weight: 400;
	color: #a8a8a8;
}

.features .features_inner .features_con div h3 {
	font-size: 28px;
	font-weight: 700;
	color: #026865;
	margin: 25px 0 20px;
}

.features .features_inner .features_con div img {
	margin-bottom: 40px;
}

.features .features_inner .features_con div ul li {
	font-size: 16px;
	font-weight: 500;
	color: #222;
	margin-top: 0;
	padding-left: 10px;
	position: relative;
}

.features .features_inner .features_con div ul li::before {
	content: "·";
	position: absolute;
	top: 0;
	left: 0;
}

.features .features_inner .features_con div ul li + li {
	margin-top: 10px;
}

.product_consult .product_inner {
	width: 1200px;
	margin: 0 auto;
	padding: 100px 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 100px;
}

.product_consult .product_inner .product_con,
.product_consult .product_inner .product_form {
	width: 50%;
}

.product_consult .product_inner .product_con {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.product_consult .product_inner .product_con .title p {
	font-size: 20px;
	font-weight: 500;
}

.product_consult .product_inner .product_con .title h2 {
	font-size: 40px;
	font-weight: 600;
	color: #222;
	margin: 40px 0 25px;
}

.product_consult .product_inner .product_con .title .call {
	font-size: 34px;
	font-weight: 700;
	color: #099a96;
	position: relative;
	padding: 0 0 0 38px;
}

.product_consult .product_inner .product_con .title .call::before {
	content: "";
	display: inline-block;
	width: 28px;
	height: 28px;
	background: center/100% url("/mobile/olmasign/asset/img/ico_call01.svg") no-repeat;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
}

.product_consult .product_inner .product_con .text {
	font-size: 16px;
	font-weight: 500;
	color: #777;
	line-height: 1.5;
	margin-top: 40px;
}

.product_consult .product_inner .product_con ul {
	margin-top: 40px;
}

.product_consult .product_inner .product_con ul li {
	font-size: 16px;
	font-weight: 500;
	color: #444;
}

.product_consult .product_inner .product_con ul li::before {
	content: "";
	display: inline-block;
	width: 17.092px;
	height: 12.728px;
	background: center/100% url("/mobile/olmasign/asset/img/ico_check.svg") no-repeat;
	margin-right: 10px;
}

.product_consult .product_inner .product_con ul li + li {
	margin-top: 20px;
}

.product_consult .product_inner .product_form ul {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.product_consult .product_inner .product_form input {
	box-sizing: border-box;
	border: 1px solid #ccc;
	background: #fff;
	width: 100%;
	height: 52px;
	padding: 0 20px;
	font-family: 'Pretendard';
}

.product_consult .product_inner .product_form input::placeholder {
	font-family: 'Pretendard';
	font-size: 15px;
	font-weight: 500;
	color: #bbb;
}

.product_consult .product_inner .product_form textarea {
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #ccc;
	width: 100%;
	height: 65px;
	padding: 20px;
	font-family: 'Pretendard';
	border-radius: 0;
}

.product_consult .product_inner .product_form textarea::placeholder {
	font-family: 'Pretendard';
	font-size: 15px;
	font-weight: 500;
	color: #bbb;
}

.product_consult .product_inner .product_form .readonly {
	height: 65px;
	font-family: 'Pretendard';
	font-size: 14px;
	font-weight: 500;
	color: #777;
}

.product_consult .product_inner .product_form .checkbox {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}


.product_consult .product_inner .product_form .checkbox input[type="checkbox"]{
	width: 18px;
	height: 18px;
	vertical-align: bottom;
	margin-right : 5px;
	padding:0;
}

.product_consult .product_inner .product_form .checkbox label {
	font-family: 'Pretendard';
	font-size: 16px;
	font-weight: 500;
	color: #444;
}

.product_consult .product_inner .product_form .submit_btn button {
	width: 100%;
	height: 60px;
	background: #026865;
	border: 0;
	margin-top: 40px;
	font-family: 'Pretendard';
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}




/* 계약 서식 */

.comfortable .comfortable_inner {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 100px;
	display: flex;
	justify-content: space-between;
	gap: 40px;
}

.comfortable .comfortable_inner dl {
	background: #fff;
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
	width: 100%;
}

.comfortable .comfortable_inner dt {
	font-size: 23px;
	font-weight: 500;
	color: #222;
	line-height: 1.4;
	padding: 45px;
}

.comfortable .comfortable_inner dt span {
	font-weight: 700;
	color: #026865;
}

.form {
	background: #f5fcfb;
}

.form .form_inner {
	width: 1200px;
	margin: 0 auto;
	padding: 100px 0;
}

.form .form_inner .form_hd h2 {
	font-size: 40px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 80px;
}

.form .form_inner .form_hd h2 {
	font-size: 40px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 80px;
}

.form .form_inner .form_con .tab_menu {
	display: flex;
	justify-content: center;
	gap: 80px;
}

.form .form_inner .form_con .tab_menu li {
	font-size: 20px;
	font-weight: 700;
	color: #222;
	cursor: pointer;
}

.form .form_inner .form_con .tab_menu li.on {
	font-size: 20px;
	font-weight: 700;
	color: #099a96;
	border-bottom: 3px solid #099a96;
	padding-bottom: 10px;
}

.form .form_inner .form_con .search {
	position: relative;
	width: 700px;
	margin: 50px auto 60px;
}

.form .form_inner .form_con .search input {
	box-sizing: border-box;
	border: 0;
	border-radius: 100px;
	background: #fff;
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
	width: 700px;
	height: 52px;
	padding: 0 30px;
	font-family: 'Pretendard';
}

.form .form_inner .form_con .search button {
	background: center/100% url('/mobile/olmasign/asset/img/btn_search.svg') no-repeat;
	border: 0;
	width: 22px;
	height: 22px;
	position: absolute;
	top: 50%;
	right: 25px;
	transform: translateY(-50%);
}

.form .form_inner .form_con .search button .blind {
	display: inline-block;
	text-indent: -9999px;
}

.form .form_inner .form_con .tab_con {
	display: none;
}

.form .form_inner .form_con .on {
	display: block;
}

.form .form_inner .form_con .box_wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}

.form .form_inner .form_con .tab_con .con_box {
	border-radius: 10px;
	background: #fff;
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
	width: calc((100% / 3) - (80px / 3));
}

.form .form_inner .form_con .tab_con .con_box .img {
	border-radius: 10px 10px 0 0;
	background: #f2f2f2;
	padding: 30px 0 0 0;
	text-align: center;
}

.form .form_inner .form_con .tab_con .con_box .text {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 24px;
	padding: 30px 0;
}

.form .form_inner .form_con .tab_con .con_box .text h3 {
	font-size: 22px;
	font-weight: 600;
	color: #222;
}

.form .form_inner .form_con .tab_con .con_box .text h3 span {
	font-size: 15px;
	font-weight: 500;
	color: #222;
}

.form .form_inner .form_con .tab_con .con_box .text p {
	width: 180px;
	height: 40px;
	border-radius: 100px;
	border: 1px solid #026865;
	font-size: 16px;
	font-weight: 600;
	color: #026865;
	display: flex;
	justify-content: center;
	align-items: center;
}

.form .form_inner .form_con .tab_con .con_box .text p::after {
	content: "";
	display: inline-block;
	background: center/100% url("/mobile/olmasign/asset/img/btn_download.svg") no-repeat;
	width: 16px;
	height: 16px;
	position: relative;
	top: -1px;
	left: 6px;
}

.form .form_inner .form_con .form_btn {
	text-align: center;
	margin-top: 80px;
}

.form .form_inner .form_con .form_btn button {
	width: 250px;
	height: 60px;
	background: #099a96;
	border: 0;
	border-radius: 5px;
	font-family: 'Pretendard';
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}




/* 도장/사인 제작 */

.signature_01 {
	background: #f5fcfb;
}

.signature_02 {
	background: #fff;
}

.signature_03 {
	background: #f6f6f6;
}

.signature .signature_inner {
	width: 1200px;
	margin: 0 auto;
	padding: 100px 80px;
	display: flex;
	justify-content: space-between;
}

.signature .signature_inner dl dd.numb {
	display: inline-block;
	border-bottom: 3px solid #099a96;
	padding-bottom: 5px;
	font-size: 30px;
	font-weight: 200;
	color: #222;
}

.signature .signature_inner dl dt {
	font-size: 40px;
	font-weight: 400;
	color: #222;
	line-height:1.4;
	padding: 20px 0 30px;
}

.signature .signature_inner dl dt span {
	font-size: 40px;
	font-weight: 700;
	color: #099a96;
}

.signature .signature_inner dl dd {
	font-size: 22px;
	font-weight: 500;
	color: #222;
	line-height: 1.4;
}

.signature .signature_inner img {
	filter: drop-shadow(0px 0px 30px rgba(63, 78, 77, 0.05));
}

.contractstart .contractstart_inner {
	width: 1200px;
	margin: 0 auto;
	padding-top: 100px;
}

.contractstart .contractstart_inner .contractstart_hd h2 {
	font-size: 40px;
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
}

.contractstart .contractstart_inner .contractstart_hd h2 span {
	color: #099a96;
}

.contractstart .contractstart_inner .contractstart_btn {
	text-align: center;
	margin: 50px 0 80px;
}

.contractstart .contractstart_inner .contractstart_btn button {
	width: 250px;
	height: 60px;
	background: #099a96;
	border: 0;
	font-family: 'Pretendard';
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}

.contractstart .contractstart_inner .contractstart_con {
	filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.10));
	text-align: center;
}




/* 법적 효력 */

.law .law_inner {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 100px;
}

.law .law_inner .law_hd h2 {
	font-size: 35px;
	font-weight: 700;
	color: #222;
	margin-bottom: 80px;
}

.law .law_inner .law_hd h2 span {
	color: #026865;
}

.law .law_inner .law_con {
	display: flex;
	gap: 60px;
}

.law .law_inner .law_con .statute > div {
	border-radius: 5px;
	background: #fff url('/mobile/olmasign/asset/img/bl_close.svg') no-repeat center right 50px;
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
	margin-top: 30px;
	padding: 40px 50px;
	height: 100px;
	cursor: pointer;
}

.law .law_inner .law_con .statute .header h3 {
	font-size: 20px;
	font-weight: 600;
	color: #222;
	display: inline-block;
}

.law .law_inner .law_con .statute .header span {
	font-size: 20px;
	color: #222;
}

.law .law_inner .law_con .statute .content {
	display: none;
}

.law .law_inner .law_con .statute .on {
	border-radius: 5px;
	background: #0c9b97 url('/mobile/olmasign/asset/img/bl_open_w.svg') no-repeat top 65px right 50px;
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
	margin-top: 0;
	padding: 55px 50px;
	height: 320px;
	transition: height 0.5s;
}

.law .law_inner .law_con .statute .on2 {
	border-radius: 5px;
	background: #0c9b97 url(/mobile/olmasign/asset/img/bl_open_w.png) no-repeat top 50px right 50px;
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
	margin-top: 30px;
	min-height: 320px;
	transition: height 0.5s;
}

.law .law_inner .law_con .statute .on .header h3 {
	font-size: 28px;
	font-weight: 600;
	color: #fff;
	display: block;
}

.law .law_inner .law_con .statute .on .header span {
	font-size: 14px;
	color: #fff;
	display: inline-block;
	margin: 20px 0;
}

.law .law_inner .law_con .statute .on .content {
	display: block;
	font-size: 17px;
	color: #fff;
	line-height: 1.5;
	word-break: keep-all;
}

.law .law_inner .law_con .statute .on2 .content p {
	margin-bottom: 10px;
}

.law .law_inner .law_con .statute .on2 .header h3 {
	font-size: 28px;
	font-weight: 600;
	color: #fff;
	display: block;
}

.law .law_inner .law_con .statute .on2 .header span {
	font-size: 14px;
	color: #fff;
	display: inline-block;
	margin: 20px 0;
}

.law .law_inner .law_con .statute .on2 .content {
	display: block;
	font-size: 17px;
	color: #fff;
	line-height: 1.5;
	word-break: keep-all;
}
.law .law_inner .law_con .statute .on .content p {
	margin-bottom: 10px;
}

.institution {
	background: #f5fcfb;
}

.institution .institution_inner {
	width: 1200px;
	margin: 0 auto;
	padding: 100px 0;
}

.institution .institution_inner .institution_hd h2 {
	font-size: 40px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 80px;
}

.institution .institution_inner .institution_hd h2 span {
	color: #026865;
}

.institution .institution_inner .institution_con {
	display: flex;
	gap: 30px;
}

.institution .institution_inner .institution_con > div {
	width: 280px;
	height: 466px;
	padding: 55px 0 55px 30px;
	position: relative;
	cursor: pointer;
}

.institution .institution_inner .institution_con > div::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.80) 100%, rgba(0, 0, 0, 0.80) 100%, rgba(0, 0, 0, 0.50) 100%);
	opacity: 0.5;
	transition: all 1s;
}

.institution .institution_inner .institution_con > div::after {
	content: "";
	position: absolute;
	bottom: 55px;
	right: 30px;
	width: 22px;
	height: 22px;
	background: url('/mobile/olmasign/asset/img/btn_plus.png') no-repeat center;
	filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.25));
	z-index: 1;
}

.institution .institution_inner .institution_con .justice {
	background: url('/mobile/olmasign/asset/img/img_legaleffect02.jpg') no-repeat center;
}

.institution .institution_inner .institution_con .territory {
	background: url('/mobile/olmasign/asset/img/img_legaleffect03.jpg') no-repeat center;
}

.institution .institution_inner .institution_con .labor {
	background: url('/mobile/olmasign/asset/img/img_legaleffect04.jpg') no-repeat center;
}

.institution .institution_inner .institution_con .on {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 580px;
	padding: 55px;
}

.institution .institution_inner .institution_con > div.on::before {
	opacity: 1;
}

.institution .institution_inner .institution_con > div.on::after {
	opacity: 0;
}

.institution .institution_inner .institution_con .header,
.institution .institution_inner .institution_con .content {
	position: inherit;
	z-index: 1;
}

.institution .institution_inner .institution_con .header p {
	font-size: 18px;
	color: #fff;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
}

.institution .institution_inner .institution_con .header h3 {
	font-size: 28px;
	font-weight: 700;
	color: #fff;
	line-height: 1.3;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
	margin-top: 15px;
}

.institution .institution_inner .institution_con .content {
	display: none;
}

.institution .institution_inner .institution_con .on .content {
	display: block;
}

.institution .institution_inner .institution_con .on .content div {
	font-size: 16px;
	color: #fff;
	line-height: 1.5;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
	word-break: keep-all;
	display: block;
}

.institution .institution_inner .institution_con .on .content .view {
	margin-top: 30px;
}

.institution .institution_inner .institution_con .on .content .view a {
	font-size: 16px;
	color: #fff;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
}

.institution .institution_inner .institution_con .on .content .view a::after {
	content: "";
	display: inline-block;
	background: center/100% url("/mobile/olmasign/asset/img/btn_view.png") no-repeat;
	width: 9px;
	height: 13px;
	position: relative;
	top: 1px;
	left: 10px;
}

.overseas .overseas_inner {
	width: 1200px;
	margin: 0 auto;
	padding: 100px 0;
}

.overseas .overseas_inner .overseas_hd h2 {
	font-size: 40px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 80px;
}

.overseas .overseas_inner .overseas_con {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 40px;
}

.overseas .overseas_inner .overseas_con .con_box {
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
	width: calc(50% - 20px);
	height: 336px;
	padding: 50px;
	display: flex;
	gap: 40px;
}

.overseas .overseas_inner .overseas_con .con_box img {
	width: 90px;
	height: 60px;
}

.overseas .overseas_inner .overseas_con .con_box .content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.overseas .overseas_inner .overseas_con .con_box .content h3 {
	font-size: 28px;
	font-weight: 600;
	color: #222;
	margin-bottom: 20px;
}

.overseas .overseas_inner .overseas_con .con_box .content .law dl + dl {
	margin-top: 15px;
}

.overseas .overseas_inner .overseas_con .con_box .content .law dt {
	font-size: 16px;
	font-weight: 700;
	color: #026865;
}

.overseas .overseas_inner .overseas_con .con_box .content .law dd {
	font-size: 14px;
	color: #777;
	line-height: 1.5;
	margin-top: 10px;
}

.overseas .overseas_inner .overseas_con .con_box .content .view a {
	font-size: 16px;
	font-weight: 500;
	color: #777;
}

.overseas .overseas_inner .overseas_con .con_box .content .view a::after {
	content: "";
	display: inline-block;
	background: center/100% url('/mobile/olmasign/asset/img/btn_view02.png') no-repeat;
	width: 9px;
	height: 13px;
	position: relative;
	top: 1px;
	left: 10px;

}


/* 보안 */

.patent .patent_inner {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 100px;
}

.patent .patent_inner div {
	display: flex;
	align-items: center;
	gap: 80px;
}

.patent .patent_inner div dt {
	font-size: 40px;
	font-weight: 600;
}

.patent .patent_inner div dd {
	font-size: 20px;
	font-weight: 700;
	color: #026865;
	line-height: 1.5;
	margin: 30px 0;
}

.patent .patent_inner div dd + dd {
	font-size: 16px;
	font-weight: 500;
	color: #a8a8a8;
	line-height: 1.5;
	text-align: justify;
	margin: 0;
}

.patent .patent_inner ul {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 80px;
}

.system {
	background: #f5fcfb;
}

.system .system_inner {
	width: 1200px;
	margin: 0 auto;
	padding: 100px 0;
}

.system .system_inner .system_hd h2 {
	font-size: 40px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 80px;
}

.system .system_inner .system_slide {
	position: relative;
}

.system .system_inner .system_slide .slide_nav {
	display: flex;
	gap: 50px;
	position: absolute;
	top: 5px;
	left: 655px;
}

.system .system_inner .system_slide .slide_nav li {
	font-size: 20px;
	font-weight: 400;
	color: #808080;
	cursor: pointer;
	padding: 0 2px;
}

.system .system_inner .system_slide .slide_nav .on {
	font-size: 20px;
	font-weight: 700;
	color: #026865;
	border-bottom: 3px solid #026865;
	padding: 0 2px 8px 2px;
	transition : color 0.5s;
}

.system .system_inner .system_slide .slide_con .item {
	display: flex;
	align-items: flex-end;
}

.system .system_inner .system_slide .slide_con .item.non{
	visibility:hidden;
	opacity : 0.8;
	width:0;
	height:0;
}

.system .system_inner .system_slide .slide_con .item.on{
	visibility:visible;
	opacity : 1;
	transition : opacity 0.5s;
}

.system .system_inner .system_slide .slide_con .text_box {
	background: #fff;
	height: 360px;
	padding: 50px 55px;
}

.system .system_inner .system_slide .slide_con h3 {
	font-size: 28px;
	font-weight: 700;
}

.system .system_inner .system_slide .slide_con p {
	font-size: 16px;
	font-weight: 500;
	color: #777;
	line-height: 1.5;
	margin-top: 25px;
}

.system .system_inner .system_slide .slide_control {
	position: absolute;
	bottom: 50px;
	right: 55px;
}

.system .system_inner .system_slide .slide_control .prev {
	background: center/100% url('/mobile/olmasign/asset/img/btn_arrow_prev02.png') no-repeat;
	border: 0;
	width: 28px;
	height: 20px;
	margin-right: 40px;
	text-indent: -9999px;
}

.system .system_inner .system_slide .slide_control .next {
	background: center/100% url('/mobile/olmasign/asset/img/btn_arrow_next02.png') no-repeat;
	border: 0;
	width: 28px;
	height: 20px;
	text-indent: -9999px;
}

.effort .effort_inner {
	width: 1200px;
	margin: 0 auto;
	padding: 100px 0;
}

.effort .effort_inner .effort_hd h2 {
	font-size: 40px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 80px;
}

.effort .effort_inner .effort_con .con_box {
	display: flex;
	align-items: center;
	gap: 60px;
	padding: 40px 30px;
	border-bottom: 1px solid #e0e0e0;
}

.effort .effort_inner .effort_con .con_box:nth-child(1) {
	border-top: 1px solid #e0e0e0;
}

.effort .effort_inner .effort_con .con_box dt {
	font-size: 28px;
	font-weight: 700;
	color: #222;
	margin-bottom: 25px;
}

.effort .effort_inner .effort_con .con_box dd {
	font-size: 16px; font-weight: 500;
	color: #777;
	line-height: 1.5;
}

.security_tips {
	background: #f6f6f6;
}

.security_tips .tips_inner {
	width: 1200px;
	margin: 0 auto;
	padding: 100px 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 100px;
}

.security_tips .tips_inner .tips_con,
.security_tips .tips_inner .tips_form {
	width: 50%;
}

.security_tips .tips_inner .tips_con {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.security_tips .tips_inner .tips_con .title p {
	font-size: 20px;
	font-weight: 500;
}

.security_tips .tips_inner .tips_con .title h2 {
	font-size: 40px;
	font-weight: 600;
	color: #026865;
	margin-top: 25px;
}

.security_tips .tips_inner .tips_con .text {
	font-size: 16px;
	font-weight: 500;
	color: #777;
	line-height: 1.5;
	margin-top: 40px;
}

.security_tips .tips_inner .tips_con ul li {
	font-size: 16px;
	font-weight: 500;
	color: #222;
	position: relative;
	padding: 0 0 0 38px;
	margin-top: 30px;
}

.security_tips .tips_inner .tips_con ul .email::before {
	content: "";
	display: inline-block;
	width: 28px;
	height: 28px;
	background: center/100% url('/mobile/olmasign/asset/img/ico_mail.png') no-repeat;
	position: absolute;
	top: -6px;
	left: 0;
}

.security_tips .tips_inner .tips_con ul .call::before {
	content: "";
	display: inline-block;
	width: 28px;
	height: 28px;
	background: center/100% url('/mobile/olmasign/asset/img/ico_call01.png') no-repeat;
	position: absolute;
	top: -6px;
	left: 0;
}

.security_tips .tips_inner .tips_con ul .location::before {
	content: "";
	display: inline-block;
	width: 28px;
	height: 28px;
	background: center/100% url('/mobile/olmasign/asset/img/ico_location.png') no-repeat;
	position: absolute;
	top: -6px;
	left: 0;
}

.security_tips .tips_inner .tips_form ul {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.security_tips .tips_inner .tips_form input {
	box-sizing: border-box;
	border: 1px solid #ccc;
	background: #fff;
	width: 100%;
	height: 52px;
	padding: 0 20px;
	font-family: 'Pretendard';
}

.security_tips .tips_inner .tips_form input::placeholder {
	font-family: 'Pretendard';
	font-size: 15px;
	font-weight: 500;
	color: #bbb;
}

.security_tips .tips_inner .tips_form textarea {
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #ccc;
	width: 100%;
	height: 100px;
	padding: 20px;
	font-family: 'Pretendard';
}

.security_tips .tips_inner .tips_form textarea::placeholder {
	font-family: 'Pretendard';
	font-size: 15px;
	font-weight: 500;
	color: #bbb;
}


.security_tips .tips_inner .tips_form .agree {
	font-size: 16px;
	font-weight: 500;
	color: #777;
}

.security_tips .tips_inner .tips_form .submit_btn button {
	width: 100%;
	height: 60px;
	background: #026865;
	border: 0;
	margin-top: 40px;
	font-family: 'Pretendard';
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}




/* 가격정책 */

.rate_plan .rate_plan_inner {
	width: 1200px;
	margin: 0 auto;
}

.rate_plan .rate_plan_inner .active {
	display : block;
}

.rate_plan .rate_plan_inner .tab_menu {
	display: none;
}

.rate_plan .rate_plan_inner .subscribe,
.rate_plan .rate_plan_inner .case,
.rate_plan .rate_plan_inner .deferred {
	margin-bottom: 120px;
}

.rate_plan .rate_plan_inner .subscribe_hd {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 10px;
}

.rate_plan .rate_plan_inner .subscribe_hd h2 {
	font-size: 35px;
	font-weight: 700;
	color: #222;
}

.rate_plan .rate_plan_inner .subscribe_hd .plan {
	display: flex;
	align-items: flex-end;
	height: 80px;
}

.rate_plan .rate_plan_inner .subscribe_hd .plan .plan_inner {
	position: relative;
}

.rate_plan .rate_plan_inner .subscribe_hd .plan div {
	display: flex;
	align-items: center;
	font-size: 20px;
	font-weight: 500;
	/* 	 transition: all 0.5s; */
}

.rate_plan .rate_plan_inner .subscribe_hd .plan .on {
	font-weight: 700;
}

.rate_plan .rate_plan_inner .subscribe_hd .plan .ballon  {
	border-radius: 25px;
	padding: 8px 10px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	position: absolute;
	top: -40px;
}

.rate_plan .rate_plan_inner .subscribe_hd .plan .dc20  {
	background: #a8a8a8;
	left: -5px;
}

.rate_plan .rate_plan_inner .subscribe_hd .plan .dc20::after {
	border-top: 6px solid #a8a8a8;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 0px solid transparent;
	content: "";
	position: absolute;
	top: 32px;
	left: 40px;
}

.rate_plan .rate_plan_inner .subscribe_hd .plan .dc20.on  {
	background: #a8a8a8;
	left: -5px;
}

.rate_plan .rate_plan_inner .subscribe_hd .plan .dc50  {
	background: #026865 !important;
	right: -5px;
}

.rate_plan .rate_plan_inner .subscribe_hd .plan .dc50::after {
	border-top: 6px solid #026865;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 0px solid transparent;
	content: "";
	position: absolute;
	top: 32px;
	left: 40px;
}

.rate_plan .rate_plan_inner .subscribe_hd .plan .dc50.on  {
	background: #a8a8a8;
	right: -5px;
}


.rate_plan .rate_plan_inner .subscribe_hd .plan .toggle {
	box-sizing: border-box;
	min-width: 0;
	border-radius: 25px;
	box-shadow: inset 2px 3px 6px 0 rgb(0 0 0 / 10%);
	background: #099a96;
	margin: 0 20px;
	padding: 0 4px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 70px;
	height: 40px;
	transition: 0.3s;
}

.rate_plan .rate_plan_inner .subscribe_hd .plan .toggle.on {
	box-sizing: border-box;
	min-width: 0;
	border-radius: 25px;
	box-shadow: inset 2px 3px 6px 0 rgb(0 0 0 / 10%);
	background: #099a96; /*a8a8a8*/
	margin: 0 20px;
	padding: 0 4px;
	display: flex;
	align-items: center;
	transition: 0.3s;
	justify-content : flex-start;
}

.rate_plan .rate_plan_inner .subscribe_hd .plan .toggle .toggle_circle {
	box-sizing: border-box;
	min-width: 0;
	background: #fff;
	border-radius: 25px;
	height: 30px;
	width: 30px;
}

.rate_plan .rate_plan_inner .subscribe_con .head {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 30px;
}

.rate_plan .rate_plan_inner .head div {
	display: flex;
	align-items: flex-end;
	gap: 20px;
}

.rate_plan .rate_plan_inner .head div h3 {
	font-size: 28px;
	font-weight: 700;
}

.rate_plan .rate_plan_inner .head div p {
	font-size: 16px;
	font-weight: 500;
	color: #777;
}

.rate_plan .rate_plan_inner .head div p span {
	font-size: 16px;
	font-weight: 700;
}

.rate_plan .rate_plan_inner .head div p b {
	font-weight: 700;
	color: #099a96;
}

.rate_plan .rate_plan_inner .head .vat {
	font-size: 16px;
	font-weight: 500;
	color: #777;
}

.rate_plan .rate_plan_inner .company {
	margin-bottom: 60px;
}

.rate_plan .rate_plan_inner .company_con {
	display: flex;
	flex-direction: row;
}

.rate_plan .rate_plan_inner .company_con .con_box {
	border: 1px solid #ccc;
	border-top: 2px solid #222;
	width: 100%;
	padding: 45px 35px;
	position: relative;
}

.rate_plan .rate_plan_inner .company_con .con_box + .con_box {
	border-left: 0;
}

.rate_plan .rate_plan_inner .company_con .con_box .price {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 290px;
}

.rate_plan .rate_plan_inner .company_con .con_box .content {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.rate_plan .rate_plan_inner .company_con .con_box .price h3 {
	font-size: 24px;
	font-weight: 600;
}
.rate_plan .company_con .con_box .price .percent{
	display: flex;
	gap: 14px;
}
.rate_plan .company_con .con_box .price .percent p:nth-child(1){
	font-size: 30px;
	color: #777;
	font-weight: 600;
	position: relative;
}
.rate_plan .company_con .con_box .price .percent p:nth-child(1)::before{
	content: '';
	width: 100%;
	height: 2px;
	background: #d00;
	position: absolute;
	top: 50%;
	left: -2px;
}
.rate_plan .company_con .con_box .price .percent p:nth-child(2){
	font-size: 30px;
	color: #d00;
	font-weight: 700;
}

.rate_plan .rate_plan_inner .company_con .con_box .price .expense {
	font-size: 34px;
	font-weight: 700;
}

.rate_plan .rate_plan_inner .company_con .con_box .price .expense span {
	font-size: 30px;
	font-weight: 600;
}

.rate_plan .rate_plan_inner .company_con .con_box .price .expense .month {
	font-size: 16px;
	font-weight: 500;
	color: #777;
}

.rate_plan .rate_plan_inner .company_con .con_box .price .discount div span {
	font-size: 17px;
	font-weight: 600;
	color: #a8a8a8;
	/* text-decoration: line-through; */
	margin-right: 6px;
}

/* .rate_plan .rate_plan_inner .company_con .con_box .price .discount div b {
	font-size: 20px;
	font-weight: 700;
	color: #dd0000;
} */

.rate_plan .rate_plan_inner .company_con .con_box .price .discount div {
	font-size: 15px;
	font-weight: 500;
	color: #a8a8a8;
}

.rate_plan .rate_plan_inner .company_con .con_box .price .discount div span {
	text-decoration: line-through;
}

.rate_plan .rate_plan_inner .company_con .con_box .price .discount div b {
	font-size: 15px;
	font-weight: 700;
	color: #099a96;
}

.rate_plan .rate_plan_inner .company_con .con_box .price .offer {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #eff8f7;
	border-radius: 5px;
	height: 28px;
	font-size: 14px;
	font-weight: 700;
	color: #026865;
}

.rate_plan .rate_plan_inner > .month {
	display: none;
}

.rate_plan .rate_plan_inner .month .con_box .price .offer {
	margin-top: 30px;
}

.rate_plan .rate_plan_inner .company_con .con_box .price button {
	background: #099a96;
	border: 0;
	border-radius: 5px;
	width: 100%;
	height: 48px;
	font-family: 'Pretendard';
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}

.rate_plan .rate_plan_inner .company_con .con_box .premium h3 {
	color: #026865;
}

.rate_plan .rate_plan_inner .company_con .con_box .premium .expense {
	color: #026865;
}

.rate_plan .rate_plan_inner .company_con .con_box .premium .discount div:nth-child(2) b {
	color: #026865;
}

.rate_plan .rate_plan_inner .company_con .con_box .premium button {
	background: #026865;
}

.rate_plan .rate_plan_inner .company_con .con_box .recommend {
	display: inline-block;
	background: #026865;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	padding: 4px 6px;
	position: absolute;
	top: 15px;
	right: 15px;
}

.rate_plan .rate_plan_inner .company_con .con_box .custom .expense {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
}

.rate_plan .rate_plan_inner .company_con .con_box .explain {
	height: 200px;
	margin-top: 40px;
}

.rate_plan .rate_plan_inner .company_con .con_box .explain li {
	font-size: 15px;
	font-weight: 500;
	color: #444;
}

.rate_plan .rate_plan_inner .company_con .con_box .explain li::before {
	content: "";
	display: inline-block;
	width: 3px;
	height: 3px;
	background: #444;
	border-radius: 100%;
	position: relative;
	top: -3px;
	margin-right: 10px;
}

.rate_plan .rate_plan_inner .company_con .con_box .explain li + li {
	margin-top:15px;
}

.rate_plan .rate_plan_inner .company_con .con_box .explain li span {
	font-weight: 700;
}

.rate_plan .rate_plan_inner .company_con .con_box .counsel {
	margin-top: 37px;
}

.rate_plan .rate_plan_inner .company_con .con_box .counsel p {
	font-size: 14px;
	font-weight: 700;
	color: #099A96;
	line-height: 1.428;
}

.rate_plan .rate_plan_inner .company_con .con_box .counsel .call {
	font-size: 34px;
	font-weight: 700;
	color: #222;
	line-height: 1.1;
	position: relative;
	margin-top: 20px;
	padding: 0 0 0 42px;
}

.rate_plan .rate_plan_inner .company_con .con_box .counsel .call::before {
	content: "";
	display: inline-block;
	width: 38px;
	height: 38px;
	background: center/100% url('../asset/img/ico_call02.svg') no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}

.rate_plan .rate_plan_inner .individual_con {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	border: 1px solid #ccc;
	border-top: 2px solid #222;
	width: 100%;
	padding: 35px;
}

.rate_plan .rate_plan_inner .individual_con .content {
	display: flex;
	flex-direction: row;
	gap: 100px;
}

.rate_plan .rate_plan_inner .individual_con .content .price {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 50px;
}

.rate_plan .rate_plan_inner .individual_con .content .price h3 {
	font-size: 24px;
	font-weight: 600;
}

.rate_plan .rate_plan_inner .individual_con .content .price .expense {
	font-size: 34px;
	font-weight: 700;
}

.rate_plan .rate_plan_inner .individual_con .content .price .expense span {
	font-size: 30px;
	font-weight: 600;
}

.rate_plan .rate_plan_inner .individual_con .content .price .expense .month {
	font-size: 16px;
	font-weight: 500;
	color: #777;
}

.rate_plan .rate_plan_inner .individual_con .content .explain {
	display: flex;
	flex-direction: row;
	gap: 15px;
}

.rate_plan .rate_plan_inner .individual_con .content .explain li {
	font-size: 15px;
	font-weight: 500;
	color: #444;
}

.rate_plan .rate_plan_inner .individual_con .content .explain li::before {
	content: "";
	display: inline-block;
	width: 3px;
	height: 3px;
	background: #444;
	border-radius: 100%;
	position: relative;
	top: -3px;
	margin-right: 10px;
}

.rate_plan .rate_plan_inner .individual_con .content .explain li span {
	font-weight: 700;
}

.rate_plan .rate_plan_inner .individual_con .content .explain li + li {
	margin-top: 15px;
}

.rate_plan .rate_plan_inner .individual_con button {
	background: #099a96;
	border: 0;
	border-radius: 5px;
	width: 228px;
	height: 48px;
	font-family: 'Pretendard';
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}

.rate_plan .rate_plan_inner .case_hd {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: space-between;
	margin-bottom: 30px;
}

.rate_plan .rate_plan_inner .case_hd div {
	display: flex;
	align-items: flex-end;
	gap: 20px;
}

.rate_plan .rate_plan_inner .case_hd h2 {
	font-size: 35px;
	font-weight: 700;
	color: #222;
}

.rate_plan .rate_plan_inner .case_hd p {
	font-size: 16px;
	font-weight: 500;
	color: #777;
}

.rate_plan .rate_plan_inner .case_con {
	display: flex;
}
.rate_plan .rate_plan_inner .case_con.first .con_box{
	flex: 1;
}

.rate_plan .rate_plan_inner .case_con.first .con_box {
	border: 1px solid #ccc;
	border-top: 2px solid #222;
	width: 400px;
	padding: 45px 35px 0;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.rate_plan .rate_plan_inner .case_con.first .con_box button{
	width: 230px;
}

.rate_plan .rate_plan_inner .case_con.second{
	border: 5px solid #DD0000;
	position: relative;
}
.rate_plan .rate_plan_inner .case_con.second>.event{
	z-index: 1;
	position: absolute;
	top: -26px;
	right: -70px;
}
.rate_plan .rate_plan_inner .case_con.second::after{
	content: '';
	background: rgba(255, 255, 255, 0.70);
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;bottom: 0;left: 0;right: 0;
}
.rate_plan .rate_plan_inner .case_con.second::before{
	content: '';
	display: block;
	width: 986px;
	height: 2px;
	background: #d00;
	position: absolute;
	left: 25px;
	top: 104px;
	z-index: 1;
}
.rate_plan .rate_plan_inner .case_con.second .con_box{
	width: 400px;
	padding: 45px 35px;
}
.rate_plan .rate_plan_inner .case_con.second .con_box+.con_box {
	border-left: 1px solid #ccc;
}

/* .rate_plan .rate_plan_inner .case_con .con_box:nth-child(1),
.rate_plan .rate_plan_inner .case_con .con_box:nth-child(2),
.rate_plan .rate_plan_inner .case_con .con_box:nth-child(3) { 
    border-top: 2px solid #222;
	border-bottom: 0;
} */

/* .rate_plan .rate_plan_inner .case_con .con_box:nth-child(2),
.rate_plan .rate_plan_inner .case_con .con_box:nth-child(3),
.rate_plan .rate_plan_inner .case_con .con_box:nth-child(5),
.rate_plan .rate_plan_inner .case_con .con_box:nth-child(6) {
	border-left: 0;
} */

.rate_plan .rate_plan_inner .case_con .con_box .dc {
	display: inline-block;
	background: #eff8f7;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 700;
	color: #099a96;
	padding: 4px 6px;
	position: absolute;
	top: 15px;
	right: 15px;
}

.rate_plan .rate_plan_inner .case_con .con_box .quantity {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	gap: 10px;
}

.rate_plan .rate_plan_inner .case_con .con_box .quantity h3 {
	font-size: 24px;
	font-weight: 600;
}

.rate_plan .rate_plan_inner .case_con .con_box .quantity p {
	font-size: 15px;
	font-weight: 500;
	color: #444;
}

.rate_plan .rate_plan_inner .case_con .con_box .expense {
	font-size: 34px;
	font-weight: 700;
	margin: 20px 0 40px;
}

.rate_plan .rate_plan_inner .case_con .con_box .expense span {
	font-size: 30px;
	font-weight: 600;
}

.rate_plan .rate_plan_inner .case_con .con_box .argue {
	font-size: 34px;
	font-weight: 700;
	margin: 20px 0;
}


.rate_plan .rate_plan_inner .case_con .con_box button {
	background: #099a96;
	border: 0;
	border-radius: 5px;
	width: 100%;
	height: 48px;
	font-family: 'Pretendard';
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}

.rate_plan .rate_plan_inner .case_con .con_box .counsel p {
	font-size: 14px;
	font-weight: 500;
	color: #777;
	line-height: 1.428;
}

.rate_plan .rate_plan_inner .case_con .con_box .counsel .call {
	font-size: 22px;
	font-weight: 600;
	color: #222;
	line-height: 1.1;
	position: relative;
	margin-top: 8px;
	padding: 0 0 0 35px;
}

.rate_plan .rate_plan_inner .case_con .con_box .counsel .call::before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	background: center/100% url('../asset/img/ico_call02.svg') no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}

.rate_plan .rate_plan_inner .desc{
	display: flex;
	justify-content: space-between;
	background: #DD0000;
	padding: 34px;
	font-size: 45px;
	color: #fff;
	font-family: 'InkLipquid';
}
.rate_plan .rate_plan_inner .desc .m-br{display: none;}
.rate_plan .rate_plan_inner .desc>p:nth-child(1){
	font-weight: 400;
}
.rate_plan .rate_plan_inner .desc>p:nth-child(1)>span{
	display: inline-block;
	font-weight: 400;
	color: #FFF500;
}
.rate_plan .rate_plan_inner .desc>p:nth-child(2){
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 400;
}

.rate_plan .rate_plan_inner .deferred .etc {
	border: 1px solid #ccc;
	border-top: 0;
	padding: 20px 35px;
	font-size: 16px;
	font-weight: 500;
	color: #777;
}

.compare {
	background: #f5fcfb;
}

.compare .compare_inner {
	width: 1200px;
	margin:0 auto;
	padding: 120px 0;
}

.compare .compare_inner h2 {
	font-size: 40px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 80px;
}

.compare .compare_inner table {
	background: #fff;
	width: 1200px;
	margin: 0 auto;
}

.compare .compare_inner table caption {
	display: none;
}

.compare .compare_inner table th {
	border-top: 2px solid #222;
	border-bottom: 1px solid #ccc;
	width: calc(100% / 6);
	height: 100px;
	vertical-align: middle;
}

.compare .compare_inner table th div {
	font-size: 24px;
	font-weight: 600;
	color: #222;
}

.compare .compare_inner table th div span {
	display: block;
	margin-top: 10px;
	font-size: 15px;
	font-weight: 500;
	color: #a8a8a8;
}

.compare .compare_inner table td {
	border-bottom: 1px solid #ccc;
	height: 48px;
	vertical-align: middle;
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	color: #444;
}

.compare .compare_inner table td:nth-child(1) {
	text-align: left;
	padding: 0 25px;
	font-size: 15px;
	font-weight: 500;
	color: #777;
}

.compare .compare_inner table .category td {
	background: #f8f8f8;
	border-bottom: 1px solid #ccc;
	height: 58px;
	text-align: left;
	font-size: 18px;
	font-weight: 700;
	color: #026865;
}

.purchase_consult .purchase_inner {
	width: 1200px;
	margin: 0 auto;
	padding: 120px 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	gap: 100px;
}

.purchase_consult .purchase_inner .purchase {
	width: 50%;
}

.purchase_consult .purchase_inner .purchase div p {
	font-size: 20px;
	font-weight: 500;
}

.purchase_consult .purchase_inner .purchase div h2 {
	font-size: 40px;
	font-weight: 600;
	line-height: 1.3;
	color: #026865;
	margin-top: 25px;
}

.purchase_consult .purchase_inner .purchase ul {
	margin: 50px 0;
}

.purchase_consult .purchase_inner .purchase ul li {
	font-size: 16px;
	font-weight: 500;
	color: #444;
}

.purchase_consult .purchase_inner .purchase ul li::before {
	content: "";
	display: inline-block;
	width: 17.092px;
	height: 12.728px;
	background: center/100% url("/mobile/olmasign/asset/img/ico_check.png") no-repeat;
	margin-right: 10px;
}

.purchase_consult .purchase_inner .purchase ul li + li {
	margin-top: 20px;
}

.purchase_consult .purchase_inner .purchase button {
	background: #026865;
	border: 0;
	width: 445px;
	height: 60px;
	font-family: 'Pretendard';
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}

.purchase_consult .purchase_inner .purchase_qna {
	width: 50%;
}

.purchase_consult .purchase_inner .purchase_qna li {
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);
	width: 100%;
	padding: 30px 40px;
}

.purchase_consult .purchase_inner .purchase_qna li + li {
	margin-top: 20px;
}

.purchase_consult .purchase_inner .purchase_qna li + li {
	margin-top: 20px;
}

.purchase_consult .purchase_inner .purchase_qna li h3 {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.1em;
	display: flex;
	flex-direction: row;
	gap: 10px;
	cursor: pointer;
	background: url('/mobile/olmasign/asset/img/bl_close.png') no-repeat center right;
}

.purchase_consult .purchase_inner .purchase_qna h3::before {
	content: "Q.";
	font-size: 24px;
	font-weight: 600;
	color: #a8a8a8;
}


@keyframes fadein_qna {
	from {
		opacity: 0.5;
	}
	to {
		opacity: 1;
	}
}

.purchase_consult .purchase_inner .purchase_qna li.on {
	background: #f6ffff;
	animation: fadein_qna 1s;
}

.purchase_consult .purchase_inner .purchase_qna li h3.on {
	background: url('/mobile/olmasign/asset/img/bl_open.png') no-repeat center right;
	animation: fadein_qna 1s;
}

.purchase_consult .purchase_inner .purchase_qna li.on h3::before {
	color: #026865;
}


.purchase_consult .purchase_inner .purchase_qna div {
	margin-top: 25px;
}

.purchase_consult .purchase_inner .purchase_qna li div.on {
	overflow: hidden;
	position: absolute;
	width: 0px;
	height: 0px;
	line-height: 0;
	text-indent: -9999px;
}

.purchase_consult .purchase_inner .purchase_qna div p {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
	color: #777;
	word-break: keep-all;
}




/* 도입방법 */

.method02,
.method04 {
	background: #f5fcfb;
}

.method_inner {
	width: 1200px;
	margin: 0 auto;
	padding: 100px 0;
}

.method01 .method_inner {
	width: 1200px;
	margin: 0 auto;
	padding: 0 0 100px 0;
}

.method_inner .method_hd h3 {
	font-size: 28px;
	font-weight: 700;
	color: #222;
}

.method_inner .method_hd h3 span {
	font-size: 16px;
	font-weight: 500;
	color: #777;
	margin-left: 20px;
}

.method_inner .method_hd h3 span .point {
	font-weight: 700;
	color: #026865;
	margin-left: 0;
}

.method_inner .method_hd h3 span .point:nth-child(1)::after {
	content: "";
	display: inline-block;
	background: center 3px/100% url("/mobile/olmasign/asset/img/bl_arrow02.png") no-repeat;
	width: 18px;
	height: 18px;
}

.method_inner .method_con .img {
	margin: 80px 0;
	text-align: center;
	filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.10));
}

.method_inner .method_con .content {
	display: flex;
	justify-content: space-between;
}

.method_inner .method_con .content div {
	position: relative;
}

.method_inner .method_con .content div::after {
	content: "";
	display: inline-block;
	background: center/100% url("/mobile/olmasign/asset/img/bl_arrow.png") no-repeat;
	width: 36px;
	height: 26px;
	position: absolute;
	right: -62px;
	top: 100px;
}

.method_inner .method_con .content div:nth-child(3)::after {
	display: none;
}

.method_inner .method_con .content img {
	filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.10));
}

.method_inner .method_con .content dl {
	margin-top: 20px;
}

.method_inner .method_con .content .numb {
	display: inline-block;
	background: #099a96;
	border-radius: 100px;
	padding: 4px 8px;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	text-align: center;
}

.method_inner .method_con .content dt {
	font-size: 24px;
	font-weight: 600;
	color: #222;
	line-height: 1.3;
	margin: 12px 0;
}

.method_inner .method_con .content dd {
	font-size: 16px;
	font-weight: 500;
	color: #777;
	line-height: 1.5;
}



/* 고객지원 */

.sub .sub_inner .sub_hd .call {
	font-size: 30px;
	font-weight: 700;
	color: #099a96;
	position: relative;
	padding: 0 0 0 38px;
}

.sub .sub_inner .sub_hd .call::before {
	content: "";
	display: inline-block;
	width: 28px;
	height: 28px;
	background: center/100% url("/mobile/olmasign/asset/img/ico_call01.png") no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}

.consult {
	background: #f5fcfb;
}

.consult .consult_inner {
	width: 1200px;
	margin: 0 auto;
	padding: 100px 0;
}

.consult .consult_inner .consult_form {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}

.consult_form .consult_form_list {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.consult_form .consult_form_list .consult_form_item {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.consult_form .consult_form_list .consult_form_item label {
	font-size: 20px;
	font-weight: 700;
}

.consult_form .consult_form_list .consult_form_item label.essential::after {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	background: #222;
	border-radius: 100%;
	position: relative;
	top: -10px;
	right: -3px;
}

.consult_form .consult_form_list .consult_form_item div {
	display: flex;
	justify-content: space-between;
}

.consult_form .consult_form_list .consult_form_item button {
	width: 260px;
	height: 56px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 0;
	font-family: 'Pretendard';
	font-size: 16px;
	font-weight: 600;
	color: #bbb;
}

.consult_form .consult_form_list .consult_form_item .on {
	background: #099a96;
	border: 1px solid #099a96;
	color: #fff;
}

.consult_form .consult_form_list .consult_form_item input {
	border: 1px solid #ccc;
	background: #fff;
	box-sizing: border-box;
	width: 532px;
	height: 56px;
	padding: 0 20px;
	font-family: 'Pretendard';
}

.consult_form .consult_form_list .consult_form_item input::placeholder {
	font-family: 'Pretendard';
	font-size: 16px;
	font-weight: 500;
	color: #bbb;
}

.consult_form .consult_form_list .consult_form_item textarea {
	background: #fff;
	border: 1px solid #ccc;
	box-sizing: border-box;
	width: 532px;
	height: 182px;
	padding: 20px;
	font-family: 'Pretendard';
}

.consult_form .consult_form_list .consult_form_item textarea::placeholder {
	font-family: 'Pretendard';
	font-size: 16px;
	font-weight: 500;
	color: #bbb;
}

.consult_form .consult_form_list .consult_form_item .readonly {
	height: 252px;
	font-family: 'Pretendard';
	font-size: 14px;
	font-weight: 500;
	color: #777;
}

.consult_form .consult_form_list .checkbox {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}


.consult_form .consult_form_list .checkbox input[type="checkbox"]{
	width: 18px;
	height: 18px;
	vertical-align: bottom;
}

.consult_form .consult_form_list .checkbox label {
	font-family: 'Pretendard';
	font-size: 18px;
	font-weight: 500;
	color: #222;
}

.consult .consult_inner .consult_btn {
	text-align: center;
	margin-top: 80px;
}

.consult .consult_inner .consult_btn button {
	width: 448px;
	height: 60px;
	background: #099a96;
	border: 0;
	border-radius: 5px;
	font-family: 'Pretendard';
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}

.faq .faq_inner {
	width: 1200px;
	margin: 0 auto;
	padding: 100px 0;
}

.faq .faq_inner .faq_hd {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 45px;
}

.faq .faq_inner .faq_hd h2 {
	font-size: 40px;
	font-weight: 600;
}

.faq .faq_inner .faq_hd .search {
	position: relative;
}

.faq .faq_inner .faq_hd .search input {
	border: 1px solid #ccc;
	background: #fff;
	box-sizing: border-box;
	width: 580px;
	height: 60px;
	padding: 0 30px;
	font-family: 'Pretendard';
}

.faq .faq_inner .faq_hd .search input::placeholder {
	font-family: 'Pretendard';
	font-size: 16px;
	font-weight: 500;
	color: #bbb;
}

.faq .faq_inner .faq_hd .search button {
	background: center/100% url("/mobile/olmasign/asset/img/ico_search.png") no-repeat;
	border: 0;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}

.faq .faq_inner .faq_hd .search button .blind {
	display: inline-block;
	text-indent: -9999px;
}

.faq .faq_inner .faq_con ul {
	border-top: 1px solid #222;
}

.faq .faq_inner .faq_con ul li {
	border-bottom: 1px dashed #ccc;
}

.faq .faq_inner .faq_con ul li h3 {
	background: url("/mobile/olmasign/asset/img/bl_plus.png") no-repeat center right 20px ;
	padding: 38px 20px;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.1em;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	gap: 5px;
}

.faq .faq_inner .faq_con ul li h3::before {
	content: "Q.";
	font-size: 24px;
	font-weight: 600;
	color: #a8a8a8;
}

.faq .faq_inner .faq_con ul li h3.on  {
	background: url("/mobile/olmasign/asset/img/bl_minus.png") no-repeat center right 20px ;
	center right 20px/5% url(/mobile/olmasign/asset/img/bl_minus.png) no-repeat;
	background-size : 50px 1px;
}

.tab_con .faq_con ul li h3.on  {
	background: url("/mobile/olmasign/asset/img/bl_minus.png") no-repeat center right 20px ;
	center right 20px/5% url(/mobile/olmasign/asset/img/bl_minus.png) no-repeat;
	background-size : 50px 1px;
}

.faq .faq_inner .faq_con ul li div {
	border-top: 1px dashed #ccc;
	padding: 30px 20px;
	display: flex;
	flex-direction: row;
	gap: 5px;
}

.faq .faq_inner .faq_con ul li div::before {
	content: "A.";
	font-size: 24px;
	font-weight: 600;
	color: #a8a8a8;
	line-height: 1.25em;
}

.faq .faq_inner .faq_con ul li div p {
	font-size: 20px;
	font-weight: 500;
	color: #222;
	line-height: 1.5em;
}

.faq .faq_inner .paging {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 4px;
	text-align: center;
	margin-top: 60px;
}

.faq .faq_inner .paging a {
	display: inline-block;
	width: 28px;
	height: 28px;
}

.faq .faq_inner .paging .num_first {
	display: inline-block;
	background: center/100% url("/mobile/olmasign/asset/img/btn_paging_first.png") no-repeat;
	border: 0;
	width: 28px;
	height: 28px;
}

.faq .faq_inner .paging .num_prev {
	display: inline-block;
	background: center/100% url("/mobile/olmasign/asset/img/btn_paging_prev.png") no-repeat;
	border: 0;
	width: 28px;
	height: 28px;
}

.faq .faq_inner .paging .num_next {
	display: inline-block;
	background: center/100% url("/mobile/olmasign/asset/img/btn_paging_next.png") no-repeat;
	border: 0;
	width: 28px;
	height: 28px;
}

.faq .faq_inner .paging .num_end {
	display: inline-block;
	background: center/100% url("/mobile/olmasign/asset/img/btn_paging_end.png") no-repeat;
	border: 0;
	width: 28px;
	height: 28px;
}

.faq .faq_inner .paging a span {
	display: inline-block;
	text-indent: -9999px;
}

.faq .faq_inner .paging .num {
	display: table;
}

.faq .faq_inner .paging .num a {
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
	font-weight: 500;
	color: #a8a8a8;
}

.faq .faq_inner .paging .num .active {
	font-size: 16px;
	color: #222;
	border-bottom: 1px solid #222;
}




/* 이벤트 */

.sub .sub_inner .sub_hd {
	width: 1200px;
	margin: 100px auto;
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.sub .sub_inner .sub_hd div {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.sub .sub_inner .sub_hd div img {
	width: 100%;
}

.sub .sub_inner .sub_hd div .pc_event {
	display: block;
}

.sub .sub_inner .sub_hd div .m_event {
	display: none;
}

.sub .sub_inner .sub_hd div button {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #099a96;
	border: 0;
	border-radius: 5px;
	width: 250px;
	height: 60px;
	margin: 50px auto 0;
	font-family: 'Pretendard';
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}

.sub .sub_inner .sub_hd div .event_t {
	background: #026865;
	border: 0;
	border-radius: 5px;
	width: 250px;
	height: 60px;
	font-family: 'Pretendard';
	font-size: 18px;
	font-weight: 700;
	color: #f9f8ca;
	position: absolute;
	top: 480px;
	left: 100px;
}

.sub .sub_inner .sub_hd div .event_m {
	background: #026865;
	border: 0;
	border-radius: 5px;
	width: 250px;
	height: 60px;
	font-family: 'Pretendard';
	font-size: 18px;
	font-weight: 700;
	color: #f9f8ca;
	position: absolute;
	top: 6660px;
	left: 50%;
	transform: translateX(-50%);
}






/* 이용약관 */

.terms .terms_inner {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 100px;
}

.terms .terms_inner div p span {
	font-weight: 600;
}


.terms .terms_inner div {
	margin-bottom: 50px;
}

.terms .terms_inner div h2 {
	font-size: 22px;
	font-weight: 600;
	color: #222;
	margin-bottom: 30px;
}

.terms .terms_inner div p {
	font-size: 16px;
	font-weight: 400;
	color: #222;
	line-height: 1.4;
	text-align: justify;
	margin-top: 0;
}

.terms .terms_inner div p + p {
	margin-top: 15px;
}





@media screen and (max-width: 1200px) {

	.step_desc > ul > li:nth-child(1)::after,
	.step_desc > ul > li:nth-child(2)::after,
	.step_desc > ul > li:nth-child(3)::after {
		width: 175%;
	}

}

@media screen and (max-width: 768px) {

	/* Common */

	.pc_video {
		display: none;
	}

	.mobile_video {
		display: block;
		transform: scale(120%);
	}




	/* Header */

	.pc {
		display: none;
	}

	.mobile {
		display: block;
	}

	.mobile .hd {
		opacity: 1;
		background: inherit;
		border-bottom: inherit;
		align-items: flex-start;
		height: 60px;
		padding: 0;
	}

	.mobile .hd .m_hd {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 999999;
	}

	.mobile .hd .m_hd .brand {
		position: absolute;
		left: 0;
		width: 100%;
		background: #fff;
		border-bottom: 1px solid #eee;
		padding: 1.25rem 1.5rem;
	}

	.mobile .hd .m_hd .brand img {
		width: 70px;
	}

	.mobile .hd .m_hd .btn_ham {
		display: block;
		position: absolute;
		top: 0.5rem;
		right: 0.8rem;
		width: 40px;
		height: 40px;
		background: url(/mobile/olmasign/asset/img/btn_ham.svg) no-repeat center center/cover;
	}

	.mobile .hd .m_hd .btn_ham .blind {
		position: absolute;
		top: -9999px;
		left: -9999px;
		width: auto;
		overflow: hidden;
		text-indent: -9999px;
		white-space: nowrap;
	}

	.header .mobile .hd .m_nav {
		/* display: none; */
		background: #fff;
		width: 100%;
		padding: 30px 25px;
		position: fixed;
		top: 60px;
		z-index: 99999;
		box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
	}

	.header .mobile .hd .m_nav_back_div {
		background: #000;
		width: 100%;
		height : 100%;
		position: fixed;
		z-index: 99998;
		opacity:0.5;
	}

	.header .mobile .hd .m_nav ul {
		display: flex;
		flex-direction: column;
		gap: 35px;
	}

	.header .mobile .hd .m_nav > ul > li {
		position: relative;
	}

	.header .mobile .hd .m_nav > ul > li.m-event>a {
		gap: 0.5em;
	}

	.header .mobile .hd .m_nav > ul > li.m-event>a::after {
		content: "Event";
		vertical-align: middle;
		display: inline-block;
		margin-left: 6px;
		width: 50px;
		padding: 4px 0;
		background: #DD0000;
		border-radius: 25px;
		font-size: 12px;
		color: #fff;
		text-align: center;
	}

	.header .mobile .hd .m_nav > ul > li::after {
		content: "";
		display: inline-block;
		background: center/100% url("/mobile/olmasign/asset/img/bl_open_arrow.svg") no-repeat;
		width: 14px;
		height: 9px;
		position: absolute;
		top: 5px;
		right: 0;
	}

	.header .mobile .hd .m_nav > ul > li.on::after {
		content: "";
		display: inline-block;
		background: center/100% url("/mobile/olmasign/asset/img/bl_close_arrow.svg") no-repeat;
		width: 14px;
		height: 9px;
		position: absolute;
		top: 5px;
		right: 0;
	}

	.header .mobile .hd .m_nav > ul > li:nth-child(1)::after,
	.header .mobile .hd .m_nav > ul > li:nth-child(5)::after {
		content: "";
		background: 0;
	}

	.header .mobile .hd .m_nav ul > li > div {
		font-size: 18px;
		font-weight: 700;
		color: #222;
	}

	.header .mobile .hd .m_nav ul > li > a {
		font-size: 18px;
		font-weight: 700;
		color: #222;
	}

	.header .mobile .hd .m_nav ul .on a {
		color: #099a96;
	}

	.header .mobile .hd .m_nav ul .on div {
		color: #099a96;
	}

	.header .mobile .hd .m_nav ul li .depth_wrap .depth {
		gap: 20px;
		padding: 20px 0 0 25px;
	}

	.header .mobile .hd .m_nav ul li .depth_wrap .depth .on a {
		color: #099a96;
	}

	.header .mobile .hd .m_nav ul li .depth_wrap .depth li a {
		font-size: 15px;
		font-weight: 500;
		color: #222;
	}

	.header .mobile .hd .m_nav .hd_btns {
		margin-top: 4rem;
	}

	.header .mobile .hd .m_nav .hd_btns a {
		font-size: 15px;
		font-weight: 500;
		color: #777;
	}

	.header .mobile .hd .m_nav .hd_btns a + a {
		margin-left: 20px;
	}




	/* Footer */

	.ft {
		padding: 1.5rem;
	}

	.ft-top {
		flex-direction: column;
		align-items: flex-start;
		gap: 1.5rem;
		padding: 0 0 2rem 0;
	}

	.ft-top .contact-area {
		gap: 0.5rem;
	}

	.ft-top .contact-area .call {
		justify-content: left;
		gap: 1rem;
	}

	.ft-top .link-area {
		display: flex;
		gap: 1rem;
	}

	.ft-bottom .link-area .sns {
		width: 100%;
		gap: 0.5rem;
	}

	.ft-bottom {
		flex-direction: column-reverse;
		align-items: flex-start;
		gap: 1.5rem;
		padding: 1.5rem 0 0 0;
	}

	.ft-bottom .info-area {
		align-items: flex-start;
	}

	.ft-bottom .info-area .address {
		font-size: 12px;
	}

	.ft-bottom .info-area div {
		font-size: 12px;
	}

	.ft-bottom .link-area {
		gap: 1.5rem;
	}

	.ft-bottom .link-area .link {
		justify-content: left;
		gap: 1rem;
	}





	/* Main */

	.main_img {
		height: 70vh;
	}

	.main_img h1 {
		font-size: 2rem;
	}

	.btn-wrap{gap: 30px;}

	.btn-6,.btn-7 {
		font-size: 16px;
	}
	.btn-6_wrap,.btn-7_wrap{
		width: 42vw;
	}

	.stepper {
		padding: 50px 1.5rem;
	}

	.stepper .step_row {
		flex-direction: column;
		gap: 1.4rem;
		max-width: 640px;
	}

	.stepper .step_row .step_col img {
		width: 100%;
	}

	.step_txt {
		gap: 30px;
		margin-top: 30px;
	}

	.step_txt h2 {
		font-size: 24px;
	}

	.step_txt p {
		font-size: 15px;
	}

	.step_desc {
		transform: scale(90%);
		padding: 1.5rem 0;
		margin-top: inherit;
	}
	.step_desc ul {
		gap: 1rem;
	}

	.step_desc > ul > li:nth-child(1)::after,
	.step_desc > ul > li:nth-child(2)::after,
	.step_desc > ul > li:nth-child(3)::after {
		width: 100%;
		display: none;
	}

	.scroll_container::-webkit-scrollbar {
		width: 2px !important;
	}

	.swiper-button-next {
		width: 40px !important;
		height: 40px !important;
	}

	.swiper-button-prev {
		width: 40px !important;
		height: 40px !important;
	}


	.constract {
		gap: 30px;
		padding: 50px 0;
	}

	.constract .constrant_hd {
		gap: 20px;
		line-height: 1.5;
		width: 80%;
		margin-bottom: inherit !important;
	}

	.constract .constrant_hd h2 {
		font-size: 30px;
		line-height: 1.2;
		text-align: center;
	}

	.constract .constrant_hd p {
		font-size: 18px;
		text-align: center;
		gap: 18px;
	}

	.constract_col {
		display: flex;
		justify-content: center;
		padding: inherit 1.5rem;
	}

	.constract_col ul li {
		font-size: 16px;
		line-height: 1.2;
		text-align: center;
	}




	.carousel_area {
		gap: 0;
		padding: 50px 0;
	}

	.carousel_area > h2 {
		font-size: 30px;
		line-height: 1.2;
		width: 80%;
	}

	.carousel_area .carousel_inner {
		width: 100%;
	}

	.carousels .carousel .carousel_item {
		margin-top: 2rem;
		padding: 2rem 3rem;
	}

	.carousel_area .carousel_inner .swiper-button-prev,
	.carousel_area .carousel_inner .swiper-button-next {
		top: var(--swiper-navigation-top-offset, 50%);
	}

	.constract_col ul {
		justify-content: space-around;
		flex-wrap: wrap;
		width: 80%;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		justify-content: center;
		align-items: flex-start;
		gap: 20px;
	}

	.constract_col ul > li > a {
		gap: 14px;
		font-size: 15px;
		text-align: center;
		line-height: 1.5;
	}

	.constract_col ul .img_wrap {
		max-width: 90px;
		max-height: 90px;
	}

	.creBtn_wrap {
		margin:0;
	}

	.erp_sync {
		gap: 30px;
		padding: 50px 0;
	}

	.erp_sync .erp_sync_hd {
		gap: 20px;
	}

	.erp_sync .erp_sync_hd > h2 {
		font-size: 30px;
		line-height: 1.2;
	}

	.erp_sync .erp_sync_hd > p {
		font-size: 16px;
		line-height: 1.4;
		margin: 0 2rem;
	}

	.erp_sync .erp_sync_content {
		flex-direction: column-reverse;
		gap: 1.875rem;
		width: 100%;
		padding: 0 2rem;
	}

	.erp_sync .erp_sync_content .erp_sync_lis > li {
		padding: 30px;
	}

	.erp_sync .erp_sync_content .erp_sync_details .erp_sync_detail {
		width: 100%;
	}

	.erp_sync .erp_sync_content .erp_sync_details .erp_sync_detail img {
		width: 100%;
	}

	.erp_sync .erp_sync_lis .accHead {
		font-size: 18px;
	}

	.erp_sync .erp_sync_lis .on .accHead {
		font-size: 18px;
	}

	.erp_sync .erp_sync_lis .accContent li a {
		font-size: 15px;
	}

	.accContent li:nth-child(1) {
		margin-top: 15px;
	}


	.safe_service {
		gap: 30px;
		padding: 50px 0;
	}

	.safe_service .safe_service_hd h2 {
		width: 80%;
		margin: 0 auto;
		font-size: 30px;
		line-height: 1.2;
	}

	.safe_service .safe_service_inner {
		flex-direction: column;
		gap: 30px;
		width: 80%;
		margin: 0 auto;
	}

	.safe_service .safe_service_inner div {
		width: 100%;
		min-height: 100%;
	}

	.safe_service .safe_service_inner div .text {
		padding: 30px;
	}

	.safe_service .safe_service_inner div img {
		width: 100%;
	}

	.safe_service .safe_service_inner div h3 {
		font-size: 18px;
	}

	.safe_service .safe_service_inner div p {
		font-size: 15px;
	}


	/* Sub */

	.sub {
		margin: 0;
		word-break: keep-all;
	}

	.sub .sub_inner {
		width: 100%;
	}

	.sub .sub_inner .sub_hd {
		width: 80%;
		margin: 50px auto;
		gap: 20px;
	}

	.sub .sub_inner .sub_hd h1 {
		font-size: 32px;
		line-height: 1.2;
	}

	.sub .sub_inner .customer_hd h1::before {
		width: 6px;
		height: 6px;
		top: -10px;
		left: 10px;
	}
	.sub .sub_inner .customer_hd .pc-banner{display: none;}
	.sub .sub_inner .customer_hd .m-banner{display: block;}

	.sub .sub_inner .sub_hd p {
		font-size: 16px;
	}




	/* 서비스 소개 */

	.service .service_inner {
		width: 80%;
		margin: 0 auto;
		padding: 50px 0;
		flex-direction: column;
		gap: 30px;
	}

	.features .features_inner .features_content_div {
		display: flex;
		gap: 30px;
		width: 100%;
		margin-top: 30px;
	}


	.service .service_inner .item {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		gap: 20px;
	}

	.service .service_inner .ico {
		width: 100px;
		height: 100px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 0;
	}

	.service .service_inner .ico img {
		width: 40%;
	}

	.service .service_inner h3 {
		font-size: 20px;
		text-align: left;
	}

	.service .service_inner p {
		font-size: 15px;
		text-align: left;
	}

	.reason .reason_inner {
		width: 80%;
		margin: 0 auto;
		padding: 50px 0;
	}

	.reason .reason_inner .reason_hd h2 {
		font-size: 30px;
		line-height: 1.2;
		margin-bottom: 30px;
	}

	.reason .reason_inner .reason_con > div {
		display: flex;
		flex-direction: column;
		gap: 20px;
		margin-top: 50px;
	}

	.reason .reason_inner .reason_con > div:nth-child(2) {
		flex-direction: column;
	}

	.reason .reason_inner .reason_con > div img {
		width: 100%;
	}

	.reason .reason_inner .reason_con div p {
		font-size: 30px;
	}

	.reason .reason_inner .reason_con div .title {
		margin: 20px 0;
	}

	.reason .reason_inner .reason_con div .title h3 {
		font-size: 24px;
	}

	.reason .reason_inner .reason_con div .title p {
		font-size: 18px;
	}

	.reason .reason_inner .reason_con div .title p span {
		font-size: 18px;
	}

	.reason .reason_inner .reason_con div .text li {
		font-size: 15px;
	}

	.features {
		background: bottom/cover url('/mobile/olmasign/asset/img/bg_m_service02.jpg') no-repeat;
	}

	.features .features_inner {
		width: 80%;
		margin: 0 auto;
		padding: 50px 0;
		flex-direction: column;
		gap: 30px;
	}

	.features .features_inner .swiper-container .features_con {
		display: flex;
		gap: 30px;
		width: 100%;
		margin-top: 30px;
	}

	.features .features_inner .features_hd h2 {
		font-size: 30px;
		line-height: 1.2;
		margin-bottom: 0;
	}

	.features .features_inner .features_hd .control {
		top: 20px;
	}

	.features .features_inner .features_hd .control .prev {
		background-size: 25px 20px;
		width: 50px;
		height: 50px;
		margin-right: 15px;
	}

	.features .features_inner .features_hd .control .next {
		background-size: 25px 20px;
		width: 50px;
		height: 50px;
	}

	.features .features_inner .features_con div img {
		width: 280px;

		margin-bottom: 20px;
	}

	.features .features_inner .features_con div h3 {
		font-size: 20px;
		margin: 20px 0 15px;
	}

	.features .features_inner .features_con div ul li {
		font-size: 15px;
		line-height: 1.2;
	}

	.product_consult .product_inner {
		width: 80%;
		margin: 0 auto;
		padding: 50px 0;
		flex-direction: column;
		gap: 30px;
	}

	.product_consult .product_inner .product_con,
	.product_consult .product_inner .product_form {
		width: 100%;
	}

	.product_consult .product_inner .product_con .title p {
		font-size: 16px;
		line-height : 1.2;
	}

	.product_consult .product_inner .product_con .title h2 {
		font-size: 25px;
		margin-top: 20px;
	}

	.product_consult .product_inner .product_con .title .call {
		margin: 30px 0;
	}

	.product_consult .product_inner .product_con .text {
		font-size: 15px;
		margin-top: 30px;
	}

	.product_consult .product_inner .product_con ul {
		margin-top: 30px;
	}

	.product_consult .product_inner .product_con ul li {
		font-size: 15px;
		line-height: 1.4;
		margin-top: 15px;
	}

	.product_consult .product_inner .product_con ul li + li {
		margin-top: 15px;
	}

	.product_consult .product_inner .product_form input::placeholder {
		font-size: 14px;
	}

	.product_consult .product_inner .product_form textarea::placeholder {
		font-size: 14px;
	}

	.product_consult .product_inner .product_form .agree {
		font-size: 14px;
		line-height: 1.4;
	}

	.product_consult .product_inner .product_form .submit_btn button {
		margin-top: 30px;
	}




	/* 계약 서식 */

	.comfortable .comfortable_inner {
		width: 80%;
		margin: 0 auto;
		padding-bottom: 50px;
		display: flex;
		flex-direction: column;
		gap: 30px;
	}

	.comfortable .comfortable_inner dt {
		font-size: 20px;
		line-height: 1.3;
		padding: 25px 30px;
	}

	.comfortable .comfortable_inner dd img {
		width: 100%;
	}

	.form .form_inner {
		width: 80%;
		margin: 0 auto;
		padding: 50px 0;
	}

	.form .form_inner .form_hd h2 {
		font-size: 30px;
		line-height: 1.2;
		margin-bottom: 30px;
	}

	.form .form_inner .form_con {
		width: 100%;
	}

	.form .form_inner .form_con .tab_menu {
		display: flex;
		justify-content: space-between;
		gap: 0;
		width: 100%;
	}

	.form .form_inner .form_con .tab_menu li {
		font-size: 16px;
	}

	.form .form_inner .form_con .tab_menu li.on {
		font-size: 16px;
	}

	.form .form_inner .form_con .search {
		width: 100%;
		margin: 30px auto;
	}

	.form .form_inner .form_con .search input {
		width: 100%;
	}

	.form .form_inner .form_con .box_wrap {
		gap: 30px;
	}

	.form .form_inner .form_con .tab_con .con_box {
		width: 100%;
	}

	.form .form_inner .form_con .tab_con .con_box .text {
		gap: 20px;
		padding: 25px 0;
	}

	.form .form_inner .form_con .tab_con .con_box .text h3 {
		font-size: 20px;
	}

	.form .form_inner .form_con .tab_con .con_box .text h3 span {
		font-size: 14px;
		text-align: center;
		display: block;
		margin-top: 10px;
	}

	.form .form_inner .form_con .form_btn {
		margin-top: 30px;
	}

	.form .form_inner .form_con .form_btn button {
		width: 100%;
	}




	/* 도장/사인 제작 */

	.signature .signature_inner {
		width: 80%;
		margin: 0 auto;
		padding: 50px 0;
		display: flex;
		flex-direction: column;
	}

	.signature .signature_inner dl dd.numb {
		font-size: 20px;
	}

	.signature .signature_inner dl dt {
		font-size: 24px;
		font-weight: 500;
		line-height: 1.2;
		padding: 15px 0 20px;
	}

	.signature .signature_inner dl dt span {
		font-size: 24px;
		line-height: 1.2;
	}

	.signature .signature_inner dl dd {
		font-size: 15px;
	}

	.signature .signature_inner img {
		margin-top: 30px;
	}

	.contractstart .contractstart_inner {
		width: 80%;
		margin: 0 auto;
		padding-top: 50px;
	}

	.contractstart .contractstart_inner .contractstart_hd h2 {
		font-size: 30px;
		line-height: 1.2;
		margin-bottom: 30px;
	}

	.contractstart .contractstart_inner .contractstart_btn {
		margin: 30px 0;
	}

	.contractstart .contractstart_inner .contractstart_btn button {
		width: 100%;
		border-radius: 5px;
	}

	.contractstart .contractstart_inner .contractstart_con img {
		width: 100%;
	}




	/* 법적효력 */

	.law .law_inner {
		width: 80%;
		margin: 0 auto;
		padding-bottom: 50px;
	}

	.law .law_inner .law_con img {
		width: 100%;
		height: 100%;
	}

	.law .law_inner .law_hd h2 {
		font-size: 24px;
		line-height: 1.2;
		margin-bottom: 30px;
	}

	.law .law_inner .law_con {
		flex-direction: column;
		gap: 30px;
	}

	.law .law_inner .law_con .statute > div {
		background: #fff top 35px right 25px/5% url('/mobile/olmasign/asset/img/bl_close.png') no-repeat;
		height: 100%;
		padding: 30px;
	}

	.law .law_inner .law_con .statute .on {
		background: #0c9b97 top 35px right 25px/5% url('/mobile/olmasign/asset/img/bl_open_w.png') no-repeat;
		height: 100%;
		padding: 30px;
	}

	.law .law_inner .law_con .statute .header h3 {
		font-size: 15px;
	}

	.law .law_inner .law_con .statute .on .header h3 {
		font-size: 20px;
	}

	.law .law_inner .law_con .statute .header span {
		font-size: 15px;
	}

	.law .law_inner .law_con .statute .on .header span {
		font-size: 12px;
		margin: 20px 0;
	}

	.law .law_inner .law_con .statute .on .content {
		font-size: 15px;
	}

	.law .law_inner .law_con .statute .on2 .header h3 {
		font-size: 20px;
	}
	.law .law_inner .law_con .statute .on2 .header span {
		font-size: 12px;
		margin: 20px 0;
	}
	.law .law_inner .law_con .statute .on2 .content {
		font-size: 15px;
	}

	.institution .institution_inner {
		width: 80%;
		margin: 0 auto;
		padding: 50px 0;
	}

	.institution .institution_inner .institution_hd h2 {
		font-size: 30px;
		line-height: 1.2;
		margin-bottom: 30px;
	}

	.institution .institution_inner .institution_con {
		flex-direction: column;
	}

	.institution .institution_inner .institution_con > div {
		width: 100%;
		height: 100%;
		padding: 30px;
	}

	.institution .institution_inner .institution_con > div::after {
		bottom: 30px;
		right: 30px;
	}

	.institution .institution_inner .institution_con .on {
		width: 100%;
		padding: 30px;
	}

	.institution .institution_inner .institution_con .header p {
		font-size: 15px;
	}

	.institution .institution_inner .institution_con .header h3 {
		font-size: 20px;
		margin: 15px 0 30px
	}

	.institution .institution_inner .institution_con .on .content div {
		font-size: 15px;
	}

	.institution .institution_inner .institution_con .on .content .view a {
		font-size: 15px;
	}

	.overseas .overseas_inner {
		width: 80%;
		margin: 0 auto;
		padding: 50px 0;
	}

	.overseas .overseas_inner .overseas_hd h2 {
		font-size: 30px;
		line-height: 1.2;
		margin-bottom: 30px;
	}

	.overseas .overseas_inner .overseas_con {
		flex-direction: column;
	}

	.overseas .overseas_inner .overseas_con .con_box {
		display: flex;
		flex-direction: column;
		gap: 20px;
		width: 100%;
		height: 100%;
		padding: 30px;
	}

	.overseas .overseas_inner .overseas_con .con_box .content > div {
		margin-bottom: 20px;
	}

	.overseas .overseas_inner .overseas_con .con_box .content h3 {
		font-size: 20px;
	}

	.overseas .overseas_inner .overseas_con .con_box .content .law dt {
		font-size: 15px;
	}

	.overseas .overseas_inner .overseas_con .con_box .content .law dd {
		font-size: 12px;
	}

	.overseas .overseas_inner .overseas_con .con_box .content .view a {
		font-size: 15px;
	}




	/* 보안 */

	.patent .patent_inner {
		width: 80%;
		margin: 0 auto;
		padding-bottom: 50px;
	}

	.patent .patent_inner div {
		display: flex;
		flex-direction: column;
		gap: 30px;
	}

	.patent .patent_inner div img {
		width: 100%;
	}

	.patent .patent_inner div dt {
		font-size: 24px;
		line-height: 1.2;
	}

	.patent .patent_inner div dd {
		font-size: 18px;
		margin: 20px 0;
	}

	.patent .patent_inner div dd + dd {
		font-size: 15px;
		text-align: left
	}

	.patent .patent_inner ul {
		flex-wrap: wrap;
		margin-top: 30px;
	}

	.patent .patent_inner ul li {
		width: calc((100% / 3) - 5px);
	}

	.patent .patent_inner ul li:nth-child(4),
	.patent .patent_inner ul li:nth-child(5),
	.patent .patent_inner ul li:nth-child(6) {
		margin-top: 8px;
	}

	.patent .patent_inner ul li img {
		width: 100%;
	}

	.system .system_inner {
		width: 80%;
		margin: 0 auto;
		padding: 50px 0;
	}

	.system .system_inner .system_hd h2 {
		font-size: 30px;
		margin-bottom: 30px;
	}

	.system .system_inner .system_slide .slide_nav {
		display: flex;
		justify-content: space-between;
		gap: 0;
		position: relative;
		top: 0;
		left: 0;
		margin-bottom: 30px;
	}

	.system .system_inner .system_slide .slide_nav li {
		font-size: 16px;
	}

	.system .system_inner .system_slide .slide_nav li.on {
		font-size: 16px;
	}

	.system .system_inner .system_slide .slide_con .item {
		flex-direction: column;
	}

	.system .system_inner .system_slide .slide_con .item .img_box img {
		width: 100%;
	}

	.system .system_inner .system_slide .slide_con .item .text_box	{
		height: 100%;
		min-height: 300px;
		padding: 30px;
	}

	.system .system_inner .system_slide .slide_con h3 {
		font-size: 20px;
	}

	.system .system_inner .system_slide .slide_con p {
		font-size: 15px;
		margin-top: 20px;
	}

	.system .system_inner .system_slide .slide_control {
		bottom: 30px;
		right: 30px;
	}

	.system .system_inner .system_slide .slide_control .prev {
		background: center/80% url('/mobile/olmasign/asset/img/btn_arrow_prev02.png') no-repeat;
		margin-right: 15px;
	}

	.system .system_inner .system_slide .slide_control .next {
		background: center/80% url('/mobile/olmasign/asset/img/btn_arrow_next02.png') no-repeat;
	}

	.effort .effort_inner {
		width: 80%;
		margin: 0 auto;
		padding: 50px 0;
	}

	.effort .effort_inner .effort_hd h2 {
		font-size: 30px;
		line-height: 1.2;
		margin-bottom: 30px;
	}

	.effort .effort_inner .effort_con .con_box {
		flex-direction: column;
		gap: 20px;
		padding: 30px 10px;
	}

	.effort .effort_inner .effort_con .con_box dt {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.effort .effort_inner .effort_con .con_box dd {
		font-size: 15px;
	}

	.effort .effort_inner .effort_con .con_box div img {
		width: 100%;
	}

	.security_tips .tips_inner {
		width: 80%;
		margin: 0 auto;
		padding: 50px 0;
		flex-direction: column;
		gap: 30px;
	}

	.security_tips .tips_inner .tips_con,
	.security_tips .tips_inner .tips_form {
		width: 100%;
	}

	.security_tips .tips_inner .tips_con .title p {
		font-size: 16px;
	}

	.security_tips .tips_inner .tips_con .title h2 {
		font-size: 25px;
		margin-top: 20px;
	}

	.security_tips .tips_inner .tips_con .text {
		font-size: 15px;
		margin: 30px 0;
	}

	.security_tips .tips_inner .tips_con ul li {
		font-size: 15px;
		line-height: 1.4;
		margin-top: 15px;
	}

	.security_tips .tips_inner .tips_con ul .email {
		margin: 0;
	}

	.security_tips .tips_inner .tips_con ul .email::before {
		top: -4px;
	}

	.security_tips .tips_inner .tips_con ul .call::before {
		top: -4px;
	}

	.security_tips .tips_inner .tips_con ul .location::before {
		top: -4px;
	}

	.security_tips .tips_inner .tips_form input::placeholder {
		font-size: 14px;
	}

	.security_tips .tips_inner .tips_form textarea::placeholder {
		font-size: 14px;
	}

	.security_tips .tips_inner .tips_form .agree {
		font-size: 14px;
		line-height: 1.4;
	}

	.security_tips .tips_inner .tips_form .submit_btn button {
		margin-top: 30px;
	}




	/* 가격정책 */

	.rate_plan .rate_plan_inner {
		width: 80%;
	}

	.rate_plan .rate_plan_inner .tab_menu {
		display: flex;
		justify-content: space-between;
		width: 100%;
		border-bottom: 1px solid #ccc;
		margin-bottom: 50px;
		padding-bottom: 10px;
	}

	.rate_plan .rate_plan_inner .tab_menu li {
		position: relative;
		font-size: 17px;
		font-weight: 600;
		color: #a8a8a8;
		cursor: pointer;
	}

	.rate_plan .rate_plan_inner .tab_menu .active {
		font-weight: 700;
		color: #026865;
		display: block;
	}

	.rate_plan .rate_plan_inner .tab_menu li.active::after {
		background-color: #026865;
		content: "";
		bottom: -11px;
		left: 0;
		position: absolute;
		height: 3px;
		width: 100%;
	}

	.rate_plan .rate_plan_inner .subscribe,
	.rate_plan .rate_plan_inner .case,
	.rate_plan .rate_plan_inner .deferred {
		margin-bottom: 50px;
		display: none;
	}

	.rate_plan .rate_plan_inner .active {
		display: block;
	}

	.rate_plan .rate_plan_inner .subscribe_hd {
		display: flex;
		flex-direction: column;
	}

	.rate_plan .rate_plan_inner .subscribe_hd h2 {
		font-size: 30px;
	}

	.rate_plan .rate_plan_inner .subscribe_hd .plan {
		width: 100%;
		height: 58px;
		margin: 30px auto;
		justify-content: center;
	}

	.rate_plan .rate_plan_inner .subscribe_hd .plan div {
		font-size: 16px;
	}

	.rate_plan .rate_plan_inner .subscribe_hd .plan .ballon {
		font-size: 12px;
		top: -30px;
	}

	.rate_plan .rate_plan_inner .subscribe_hd .plan .dc20::after {
		border-top: 4px solid #a8a8a8;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		border-bottom: 0px solid transparent;
		content: "";
		position: absolute;
		top: 28px;
		left: 30px;
	}

	.rate_plan .rate_plan_inner .subscribe_hd .plan .dc50::after {
		border-top: 4px solid #026865;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		border-bottom: 0px solid transparent;
		content: "";
		position: absolute;
		top: 28px;
		left: 30px;
	}

	.rate_plan .rate_plan_inner .subscribe_hd .plan .toggle {
		width: 50px;
		height: 26px;
	}

	.rate_plan .rate_plan_inner .subscribe_hd .plan .toggle .toggle_circle {
		width: 18px;
		height: 18px;
	}

	.rate_plan .rate_plan_inner .subscribe_con .head {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		margin-bottom: 15px;
	}

	.rate_plan .rate_plan_inner .head div {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.rate_plan .rate_plan_inner .head div p {
		line-height: 1.2;
	}

	.rate_plan .rate_plan_inner .head .vat {
		font-size: 14px;
	}

	.rate_plan .rate_plan_inner .company {
		margin-bottom: 50px;
	}

	.rate_plan .rate_plan_inner .company_con {
		display: flex;
		flex-direction: column;
	}

	.rate_plan .rate_plan_inner .company_con .con_box + .con_box {
		border-left: 1px solid #ccc;
		margin-top: 30px;
	}

	.rate_plan .rate_plan_inner .month {
		/* display: none; */
	}

	.rate_plan .rate_plan_inner .individual {
		display: none;
	}

	.rate_plan .rate_plan_inner .individual_con {
		flex-direction: column;
	}

	.rate_plan .rate_plan_inner .individual_con .content {
		flex-direction: column;
		gap: 40px;
		margin-bottom: 40px;
	}

	.rate_plan .rate_plan_inner .individual_con .content .price {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}

	.rate_plan .rate_plan_inner .individual_con .content .explain {
		flex-direction: column;
	}

	.rate_plan .rate_plan_inner .individual_con button {
		width: 100%;
	}

	.rate_plan .rate_plan_inner .case_hd {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		margin-bottom: 15px;
	}

	.rate_plan .rate_plan_inner .case_hd h2 {
		font-size: 30px;
	}

	.rate_plan .rate_plan_inner .case_hd div {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.rate_plan .rate_plan_inner .case_hd p {
		font-size: 14px;
	}
	.rate_plan .rate_plan_inner .case_con {
		display: flex;
		flex-direction: column;
	}
	.rate_plan .rate_plan_inner .case_con.first .con_box,
	.rate_plan .rate_plan_inner .case_con.second .con_box {
		width: 100%;
	}
	.rate_plan .rate_plan_inner .case_con.first .con_box{
		flex-direction: column;
		align-items: flex-start;
		padding-bottom: 35px;
	}
	.rate_plan .rate_plan_inner .case_con.first .con_box button{
		width: 100%;
	}
	.rate_plan .rate_plan_inner .case_con.first .con_box + .con_box{
		margin-top: 30px;
	}

	.rate_plan .rate_plan_inner .case_con .con_box:nth-child(1),
	.rate_plan .rate_plan_inner .case_con .con_box:nth-child(2),
	.rate_plan .rate_plan_inner .case_con .con_box:nth-child(3) {
		border-top: 2px solid #222;
		border-bottom: 1px solid #ccc;
	}

	.rate_plan .rate_plan_inner .case_con .con_box:nth-child(4),
	.rate_plan .rate_plan_inner .case_con .con_box:nth-child(5),
	.rate_plan .rate_plan_inner .case_con .con_box:nth-child(6) {
		border-top: 2px solid #222;
	}

	.rate_plan .rate_plan_inner .case_con .con_box:nth-child(2),
	.rate_plan .rate_plan_inner .case_con .con_box:nth-child(3),
	.rate_plan .rate_plan_inner .case_con .con_box:nth-child(5),
	.rate_plan .rate_plan_inner .case_con .con_box:nth-child(6) {
		border-left: 1px solid #ccc;
	}
	.rate_plan .rate_plan_inner .case_con.second{
		margin-top: 30px;
	}
	.rate_plan .rate_plan_inner .case_con.second::before {
		content: none;
	}
	.rate_plan .rate_plan_inner .case_con.second>.event {
		width: 160px;
		right: -18px;
		top: -46px;
	}
	.rate_plan .rate_plan_inner .case_con.second .con_box .expense{
		position: relative;
	}
	.rate_plan .rate_plan_inner .case_con.second .con_box:nth-child(2) .expense::before {
		content: '';
		width: 160px;
		background: #d00;
	}
	.rate_plan .rate_plan_inner .case_con.second .con_box .expense::before {
		content: '';
		display: block;
		width: 182px;
		height: 2px;
		background: #d00;
		position: absolute;
		z-index: 2;
		top: 50%;
		left: -7px;
	}

	.rate_plan .rate_plan_inner .desc{
		flex-direction: column;
		padding: 25px 0 30px;
		font-size: 28px;
		color: #fff;
		text-align: center;
	}
	.rate_plan .rate_plan_inner .desc .m-br{display: block;}
	.rate_plan .rate_plan_inner .desc>p:nth-child(1){
		font-weight: 400;
		line-height: 1.3;
	}
	.rate_plan .rate_plan_inner .desc>p:nth-child(1)>span{
		display: inline-block;
		font-weight: 400;
		color: #FFF500;
	}
	.rate_plan .rate_plan_inner .desc>p:nth-child(2){
		justify-content: center;
		font-size: 40px;
		margin-top: 24px;
	}
	.rate_plan .rate_plan_inner .desc>p:nth-child(2)>img{
		width: 30px;
	}
	.rate_plan .rate_plan_inner .deferred .etc {
		font-size: 15px;
		line-height: 1.2;
	}

	.compare .compare_inner {
		width: 80%;
		margin: 0 auto;
		padding: 50px 0;
	}

	.compare .compare_inner h2 {
		font-size: 30px;
		margin-bottom: 30px;
	}

	.compare .compare_inner .compare_table {
		overflow: scroll;
		overflow: auto;
	}

	::-webkit-scrollbar {
		width: 1px;
	}

	::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius:10px;
	}

	.compare .compare_inner .compare_table table {
		width: 700px;
	}

	.compare .compare_inner table th div {
		font-size: 20px;
	}

	.compare .compare_inner table th div span {
		font-size: 14px;
	}

	.compare .compare_inner table td:nth-child(1) {
		font-size: 14px;
		padding: 0 0 0 25px;
	}

	.purchase_consult .purchase_inner {
		width: 80%;
		margin: 0 auto;
		padding: 50px 0;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		gap: 30px;
	}

	.purchase_consult .purchase_inner .purchase {
		width: 100%;
	}

	.purchase_consult .purchase_inner .purchase div p {
		font-size: 16px;
	}

	.purchase_consult .purchase_inner .purchase div h2 {
		font-size: 25px;
		margin-top: 20px;
	}

	.purchase_consult .purchase_inner .purchase ul {
		margin: 30px 0;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 15px;
	}

	.purchase_consult .purchase_inner .purchase ul li {
		font-size: 15px;
	}

	.purchase_consult .purchase_inner .purchase ul li::before {
		margin-right: 6px;
	}

	.purchase_consult .purchase_inner .purchase ul li + li {
		margin-top: 0;
	}

	.purchase_consult .purchase_inner .purchase button {
		width: 100%;
		height: 50px;
	}

	.purchase_consult .purchase_inner .purchase_qna {
		width: 100%;
	}

	.purchase_consult .purchase_inner .purchase_qna li {
		padding: 25px;
	}

	.purchase_consult .purchase_inner .purchase_qna li h3 {
		background-size: 5%;
		padding-right: 20px;
		font-size: 16px;
		line-height: 1.1em;
		gap: 6px;
	}

	.purchase_consult .purchase_inner .purchase_qna h3::before {
		font-size: 18px;
	}

	.purchase_consult .purchase_inner .purchase_qna li.on h3 {
		background-size: 5%;
	}

	.purchase_consult .purchase_inner .purchase_qna div {
		margin-top: 15px;
	}

	.purchase_consult .purchase_inner .purchase_qna div p {
		font-size: 14px;
	}




	/* 도입방법 */

	.method01 .method_inner {
		width: 80%;
		margin: 0 auto;
		padding: 0 0 50px 0;
	}

	.method_inner {
		width: 80%;
		margin: 0 auto;
		padding: 50px 0;
	}

	.method_inner .method_hd h3 {
		font-size: 20px;
	}

	.method_inner .method_hd h3 span {
		display: block;
		font-size: 15px;
		line-height: 1.4;
		margin: 20px 0 0 0;
	}

	.method_inner .method_hd h3 span .point {
		display: inline-block;
		margin: 0;
	}

	.method_inner .method_con .img {
		margin: 30px 0 50px;
		text-align: center;
	}

	.method_inner .method_con .img img {
		width: 100%;
	}

	.method_inner .method_con .content {
		flex-direction: column;
		gap: 30px;
	}

	.method_inner .method_con .content div::after {
		display: none;
	}

	.method_inner .method_con .content img {
		width: 100%;
	}

	.method_inner .method_con .content .numb {
		font-size: 12px;
	}

	.method_inner .method_con .content dt {
		font-size: 20px;
		margin: 10px 0;
	}

	.method_inner .method_con .content dd {
		font-size: 15px;
		line-height: 1.2;
	}




	/* 고객지원 */

	.sub .sub_inner .sub_hd .call {
		font-size: 26px;
		padding: 0px 0 0 35px;
	}

	.sub .sub_inner .sub_hd .call::before {
		width: 26px;
		height: 26px;
	}

	.consult .consult_inner {
		width: 80%;
		padding: 50px 0;
	}

	.consult .consult_inner .consult_form {
		flex-direction: column;
	}

	.consult .consult_inner .consult_form .consult_form_list + .consult_form_list {
		margin-top:30px;
	}

	.consult_form .consult_form_list {
		width: 100%;
		gap: 30px;
	}

	.consult_form .consult_form_list .consult_form_item {
		width: 100%;
	}

	.consult_form .consult_form_list .consult_form_item label {
		font-size: 18px;
	}

	.consult_form .consult_form_list .consult_form_item button {
		width: 50%;
	}

	.consult_form .consult_form_list .consult_form_item input {
		width: 100%;
	}

	.consult_form .consult_form_list .consult_form_item input::placeholder {
		font-size: 14px;
	}

	.consult_form .consult_form_list .consult_form_item textarea {
		width: 100%;
		height: 100px;
	}

	.consult_form .consult_form_list .consult_form_item textarea::placeholder {
		font-size: 14px;
	}

	.consult_form .consult_form_list .consult_form_item .readonly {
		height: 100px;
	}

	.consult .consult_inner .consult_btn button {
		width: 100%;
	}

	.consult_form .consult_form_list .checkbox {
		justify-content: left;
	}

	.consult_form .consult_form_list .checkbox label {
		font-size: 16px;
	}

	.consult_form .consult_form_list .checkbox input[type="checkbox"] {
		width: 16px;
		height: 16px;
	}

	.consult .consult_inner .consult_btn {
		margin-top: 30px;
	}

	.faq .faq_inner {
		width: 80%;
		padding: 50px 0;
	}

	.faq .faq_inner .faq_hd {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		margin-bottom: 40px;
	}

	.faq .faq_inner .faq_hd h2 {
		font-size: 30px;
	}

	.faq .faq_inner .faq_hd .search {
		width: 100%;
	}

	.faq .faq_inner .faq_hd .search input {
		width: 100%;
		height: 56px;
		padding: 0 20px;
	}

	.faq .faq_inner .faq_hd .search button {
		width: 30px;
		height: 30px;
	}

	.faq .faq_inner .faq_con ul li h3 {
		background: center right 20px/8% url('/mobile/olmasign/asset/img/bl_plus.png') no-repeat;
		padding: 20px 55px 20px 20px;
		font-size: 18px;
	}

	.faq .faq_inner .faq_con ul li h3::before {
		font-size: 20px;
	}

	.faq .faq_inner .faq_con ul li.on h3 {
		background: center right 20px/7% url('/mobile/olmasign/asset/img/bl_minus.svg') no-repeat
	}

	.faq .faq_inner .faq_con ul li div::before {
		font-size: 20px;
	}

	.faq .faq_inner .faq_con ul li div p {
		width: 100%;
		font-size: 15px;
	}

	.faq .faq_inner .faq_con ul li div p img {
		width: 100%;
	}

	/* 이벤트 */

	.sub .sub_inner .sub_hd div .pc_event {
		display: none;
	}

	.sub .sub_inner .sub_hd div .m_event {
		display: block;
	}

	.sub .sub_inner .sub_hd div button {
		display: none;
	}



	/* 이용약관 */

	.terms .terms_inner {
		width: 80%;
		margin: 0 auto;
		padding-bottom: 50px;
	}

	.terms .terms_inner div h2 {
		font-size: 18px;
		margin: 20px 0;
	}

	.terms .terms_inner div p {
		font-size: 15px;
		word-break: normal;
	}

}


@media (max-width: 768px) and (max-width: 768px) {
	.hd .nav {
		display: none;
		padding: 0;
	}
	.features .features_inner .features_con {
		display: flex;
		gap: 60px;
		width: 100%;
	}
}

@media (max-width: 412px) and (max-width: 412px) {
	.features .features_inner .features_con {
		display: flex;
		gap: 60px;
		width: 100%;
	}
}