/**********************************************************************************
	FONTS
**********************************************************************************/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap');
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}


@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 900;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-style: normal;
    src: url('../fonts/Pretendard-Regular.eot');
    src: url('../fonts/Pretendard-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Pretendard-Regular.woff2') format('woff2'),
        url('../fonts/Pretendard-Regular.woff') format('woff'),
        url('../fonts/Pretendard-Regular.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-style: normal;
    src: url('../fonts/Pretendard-Medium.eot');
    src: url('../fonts/Pretendard-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Pretendard-Medium.woff2') format('woff2'),
        url('../fonts/Pretendard-Medium.woff') format('woff'),
        url('../fonts/Pretendard-Medium.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-style: normal;
    src: url('../fonts/Pretendard-Bold.eot');
    src: url('../fonts/Pretendard-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Pretendard-Bold.woff2') format('woff2'),
        url('../fonts/Pretendard-Bold.woff') format('woff'),
        url('../fonts/Pretendard-Bold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquareNeo';
    font-weight: 700;
    font-style: normal;
    src: url('../fonts/NanumSquareNeo-dEb.woff') format('woff'),
        url('../fonts/Pretendard-Bold.ttf') format("truetype");
    font-display: swap;
}


html, body {
	font-family: 'Pretendard', AppleGothic, 'Dotum', sans-serif;
	color:#191919;
	overflow-x: hidden;
}
html.on, body.on { overflow: hidden; touch-action: none; -webkit-overflow-scrolling: none; overscroll-behavior: none; }
/*
	normalize / reset
*/
html { font-size: 100%; }
body {
	line-height: 1;
	position: relative;
	overflow-x: hidden;
}
body * { box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; }
ol, ul {
	list-style: none;
}

p, ul, li, ol, dl, dt, dd, figure {
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
	color: inherit;
}

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	vertical-align: middle;
	max-width: 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-family: inherit;
	color: inherit;
	margin: 0;
}

button, textarea, input, select {
	font-family: inherit;
	color: inherit;
	padding: 0;
}

button {
	border:0;
}
@media (max-width: 767px) {
	html { font-size: 75%; }
}
/**********************************************************************************
	[media query examples]
	@media (max-width: 575px) { }
	@media (max-width: 767px) { }
	@media (max-width: 991px) { }
	@media (max-width: 1199px) { }

	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
**********************************************************************************/
.clear:after { display: block; clear: both; content: ''; }
.container {
	max-width:1440px;
	margin:0 auto;
	position:relative;
}

.container-full {
	width:100%;
	position:relative;
}

@media (max-width: 1440px) {
	.container {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media screen and (max-width: 600px) {
	#wpadminbar {
		position: fixed;
	}
}

/* Header */
header .nav .nav-icon{
	display:none;
}

header .nav .nav-icon:after,
header .nav .nav-icon:before,
header .nav .nav-icon div {
  background-color: #1D1D1B;
  content: '';
  display: block;
  height: 2px;
  margin: 4px 0;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
header .nav .nav-icon:before {
	margin-top:0;
}
header .nav .nav-icon:after {
	margin-bottom:0;
}
header .nav .nav-icon.active:before {
  transform: translateY(7px) rotate(135deg);
  -moz-transform: translateY(7px) rotate(135deg);
  -webkit-transform: translateY(7px) rotate(135deg);
}
header .nav .nav-icon.active:after {
  transform: translateY(-5px) rotate(-135deg);
  -moz-transform: translateY(-5px) rotate(-135deg);
  -webkit-transform: translateY(-5px) rotate(-135deg);
}
header .nav .nav-icon.active div {
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}
.headerArea { background-color: #fff; width: 100%; height: 81px; display: flex; flex-wrap: nowrap; align-items: center; transition: .2s linear; border-bottom: 1px solid #DEDEDE; position: relative; z-index: 99; }
.headerArea.fixed { position: fixed; }
.headerArea .container { max-width: 1760px; width: 100%; margin: 0 auto; }
.headerArea .ly_flex { position: relative; }
.headerArea .login { display: flex; flex-wrap: nowrap; align-items: center; }
.headerArea .login:after { content: ""; background: url(../images/login.svg); width: 20px; height: 20px; margin-left: 6px; }
.headerArea .login.mo { display: none; }

@media (max-width: 1762px) {
    .headerArea .container { max-width: 100%; padding-left: 20px; padding-right: 20px; }
}
@media (min-width: 1200px) {
    .headerArea:before { width: 100%; height: 0; background: rgba(255, 255, 255, 0.8); position: absolute; left: 0; top: 83px; content: ''; transition: height .2s linear; filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.04)); backdrop-filter: blur(12px); }
    .headerArea.up:before { height: 0; }
	.headerArea .ly_flex { justify-content: space-between; align-items: center; }
    .headerArea.up { top: -100px; }
	.headerArea .nav { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; }
	.headerArea .nav .children { display: none; }
	.headerArea .navbar { margin-right: 52px; display: flex; flex-wrap: nowrap; align-items: center; }
	.headerArea .navbar>li { padding: 0 16px; font-weight: 700; font-size: 1.1rem; line-height: 1.16; }
	.headerArea .navbar>li.current-menu-item { color: #164DCA; }
	.headerArea .navbar .menu>ul { display: flex; flex-wrap: nowrap; align-items: center; }
	.headerArea .navbar .menu>ul>li{ margin-right: 30px; }
}
@media (max-width: 1199px) {
    header .nav .nav-icon {
		display:inline-block;
		width: 24px;
		cursor:pointer;
		position:absolute;
		top: 50%;
		right: 0;
		z-index:100;
		transform: translateY(-50%); -webkit-transform: translateY(-50%);
	}
	header .nav .navbar {
		position:fixed;
		width: 100%;
		height:100%;
		right: -100%;
		padding: 56px 20px 100px;
        overflow-y: scroll;
		background: #fff;
		z-index:99;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
		margin:0;
	}
	header .nav .navbar.active { right:0; margin-top: 1px; }
    header .nav .nav-icon { width: 18px; }
    header .nav .nav-icon div { width: 18px; position: relative; right: 0; }
	.headerArea .navbar>li:first-child { margin-top: 32px; }
	.headerArea .navbar>li.current_page_item { color: #164DCA; }
    .headerArea .navbar>li:nth-last-child(1),
    .headerArea .navbar>li:nth-last-child(2) { border-bottom: 0; }
    .headerArea .sitemap-bt { display: none; }
	.headerArea { border-width: 2px; }
	.headerArea>.container { height: 55px; }
    .headerArea .navbar>li.active {  }
    .headerArea .navbar>li.active>a span { position: relative; }
    .headerArea .navbar>li.active>a span::after { width: calc(100% + 12px); transition: width .3s; }
    .headerArea .navbar>li>a span::after {
        content: "";
        background-color: #3E93F2;
        border-radius: 20px;
        width: calc(100% + 12px);
        height: 8px;
        position: absolute;
        bottom: -1px;
        left: -4px;
        z-index: -1;
        width: 0;

    }
    .headerArea .navbar>li.active.menu-item-has-children>a:before { transform: translateY(-50%) rotate(0deg); opacity: 1; }
    .headerArea .navbar>li {
		display: block;
		text-align: left;
		margin: 0;
		font-weight: 700;
		color: #111;
	}
	.headerArea .navbar>li>a { padding: 18px 0; line-height: normal; display: block; position: relative; }
	.headerArea .navbar>li.menu-item-has-children { padding-bottom: 0; }
	.headerArea .navbar>li.menu-item-has-children>a:before {
        width: 24px;
        height: 24px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%) rotate(180deg);
        background: url(../images/nav-off.svg);
        background-size: contain;
        content: '';
        opacity: 0.3;
        transition: all .3s;
	}
	.headerArea .navbar>li .sub-menu { display: none; }
	.headerArea .navbar>li>.sub-menu { padding: 0 20px 28px; }
	.headerArea .navbar>li .sub-menu li { font-size: 1rem; line-height: 1.18; color: #474747; font-weight: 400; margin-bottom: 24px; }
    .headerArea .navbar>li .sub-menu li:hover { text-decoration: underline; color: #191919; font-weight: 700; }
    .headerArea .navbar>li .sub-menu li:last-child { margin-bottom: 0; }
	.headerArea .logo { width: 100px; height: 55px; z-index: 100; display: flex; align-items: center; }
	.headerArea .login.pc { display: none; }
	.headerArea .login.mo { display: block; }
	.headerArea .login:after { display: none; }
	.headerArea .navbar>li.login>a { display: inline-block; position: relative; font-weight: 400; }
	.headerArea .login a:after { content: ""; background: url(../images/login.svg); width: 20px; height: 20px; margin-left: 0; position: absolute; top: 50%; right: -32px; transform: translateY(-50%); }
}
@media (max-width: 767px) {
    .headerArea { border-width: 1px; height: 56px; position: relative; border-bottom: 0; }
	.headerArea::before { content: ""; background: #DEDEDE; width: 100%; height: 1px; left: 0; bottom: 0; position: absolute; z-index: 100; }
    .headerArea .logo { width: 88px; }
    .headerArea .navbar>li>a { font-size: 2rem; }

}
/* Pagination */
.pagination .nav-links { text-align: center; margin-top: 24px; }
.pagination .screen-reader-text {
	display:none;
}
.pagination .page-numbers {
    display:inline-block;
    width:24px;
    height:25px;
    font-size: 1rem;
    vertical-align:top;
    line-height:25px;
    text-align:center;
    margin:0 7px;
	color: #565656;
    cursor:pointer;
 }
.pagination .page-numbers.current, .pagination .page-numbers.current:hover {
    color: #191919;
	font-weight: 700;
	text-decoration-line: underline;
}
.pagination .page-numbers:hover { color: #191919; font-weight: 700; text-decoration-line: underline; }
.pagination .page-numbers.prev, .pagination .page-numbers.next {
    background: url(../images/pagination.svg)no-repeat center;
}
.pagination .page-numbers.prev { transform: rotate(180deg); }
.pagination .page-numbers.prev.disabled, .pagination .page-numbers.next.disabled {
	opacity: .2;
	cursor: auto;
    pointer-events: none;
}

@media (max-width: 767px) {
    .pagination .page-numbers { width: 24px; height: 24px; font-size: 1rem; margin: 0 4px; line-height: 24px; }
}

/* 공통 */
input, button { outline:none; }
.mo { display: none; }
.ly_flex { display: flex; flex-wrap: wrap; }
.tit_box { text-align: center; }
.tit_box.left { text-align: left; }
.tit_box .cate { display: block; margin-bottom: 20px; font-weight: 700; }
.tit_box .tit, .f50 { font-size: 3.1rem; line-height: 1.4; }
.cate { font-size: 1.4rem; line-height: 1.4; color: #969696; }
.btn { position: relative; z-index: 2; background: #253579; box-shadow: 0px 2px 12px rgb(25 25 25 / 24%); border-radius: 4px; color: #fff; width: 143px; height: 57px;  display: flex;  flex-wrap: nowrap; align-items: center; justify-content: center; margin: 0 auto; font-weight: 700; font-size:1.1rem; line-height: 1.2; cursor:pointer; }
.w_btn { width: 147px; height: 57px; background: #FFFFFF; box-shadow: 0px 2px 12px rgba(25, 25, 25, 0.24); border-radius: 4px; color: #253579; display: flex;  flex-wrap: nowrap; align-items: center; justify-content: center; margin: 0 auto; font-weight: 700; font-size:1.1rem; line-height: 1.2; }
.more_btn { display: flex; flex-wrap: nowrap; align-items: center; font-weight: 700; font-size: 1.1rem; line-height: 1.6; }
.f48 { font-size: 3rem; }
.f40 { font-size: 2.5rem; line-height: 1.4; }
.f24 { font-size: 1.5rem; line-height: 1.5; }
.f22 { font-size: 1.4rem; line-height: 1.4; }
.f20 { font-size: 1.25rem; }
.f18 { font-size: 1.13rem; }
.f16,.txt { font-size: 1rem;  }
.blue { color: #164DCA; }
.gray { color: rgba(25, 25, 25, 0.32); }
.line { width: 2px; height: 12px; background: rgba(25, 25, 25, 0.4); display: block }
.banner { position: relative; z-index: 1; }
.banner::before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background-size: contain; background-repeat: no-repeat; height: 119px; z-index: -1; }
.banner::after { content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background-size: contain; background-repeat: no-repeat; height: 119px; z-index: -1; }
.banner h3 { margin-bottom: 32px }

@media (max-width: 767px) {
	.pc { display: none;; }
	.mo { display: block; }
	.tit_box .tit, .f50 { font-size: 1.7rem; }
	.btn { font-size: 1.17rem; width: 97px; height: 41px; padding: 12px 24px; box-shadow: 0px 1px 6px rgba(25, 25, 25, 0.24); border-radius: 2px; }
	.w_btn { font-size: 1.17rem; background: #FFFFFF; box-shadow: 0px 1px 6px rgb(25 25 25 / 24%); border-radius: 2px; width: 100px; height: 41px; padding: 12px 24px; }
	.cate { font-size: 0.92rem; }
	.f48 { font-size: 2rem; }
	.f40 { font-size: 1.67rem; }
	.f24 { font-size: 1rem; }
	.f18 { font-size: 1rem; }
}

/* 메인 */
.visual_section { background: #EBEDF5; }
.visual_section .tit_box { padding: 128px 0 38px; text-align: center; }
.visual_section .tit_box h2 { position: relative; display: inline-block; z-index: 1; }
.visual_section .tit_box h2::before { content: ""; width: 32px; height: 32px; background: #00ACB3; border-radius: 50%; position: absolute; top: -15px; right: -46px; z-index: -1; }
.visual_section .btn_box { text-align: center; position: relative; z-index: 10; }
.visual_section .bg { text-align: center; margin-top: 0px; position: relative; z-index: 1; }
.visual_section .bg img { position: relative; z-index: 2; image-rendering: -webkit-optimize-contrast; }
.visual_section .bg .bg_circle { position: absolute; top: 0; left: 0; width: 100%; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.visual_section .bg .bg_circle::before { content: ""; width: 100px; height: 100px; background: #3A379E; border-radius: 50%; margin-top: 30px; margin-left: 60px; }
.visual_section .bg .bg_circle::after { content: ""; width: 200px; height: 200px; background: #164DCA; border-radius: 50%; margin-top: 145px; margin-right: 30px; }

.intro_section { padding-top: 265px; height: 100vh; }
.intro_section .container { height: 100%; }
.intro_section .tit_box { padding-bottom: 60px; }
.intro_section ul { max-width: 1120px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.intro_section ul li { position: relative; width: 33.3%; padding-top: 91px; text-align: center; color: #565656; font-weight: 500; }
.intro_section ul li::before { content: ""; width: 65px; height: 65px; position: absolute; top: 0; left: 50%;transform: translateX(-50%); background-repeat: no-repeat; background-size: contain; box-shadow: 2px 4px 15px rgb(0 0 0 / 8%); border-radius: 50%; }
.intro_section ul li:nth-child(1)::before { background-image:url(../images/intro_ic1.svg); }
.intro_section ul li:nth-child(2)::before { background-image:url(../images/intro_ic2.svg); }
.intro_section ul li:nth-child(3)::before { background-image:url(../images/intro_ic3.svg); }
.intro_section ul li p:last-child { margin-top: 8px; }
.rel_box1 { position: relative; margin: 0 auto; }
.rel_box1 .cate { color: #000; margin: 50px 0 0 0; font-size: 1.56rem; }
.scroll_box { padding-top: 256px; width:100%; height: 100vh; background: #253579; position: relative; z-index: 1; }
.scroll_cate { font-size: 1.56rem; line-height: 1.4; color: #fff; margin: 50px 0 0 0; font-weight: 700; display: inline-block; width: 100%; text-align: center; }
.rel_box2 { position: relative; margin: 0 auto; }

.scroll_tit { font-size: 3.1rem; line-height: 1.4; color: #fff; width: 100%; text-align: center; }
.rel_box3 { position: relative; }
.scroll_cont_box { width:100%; position: absolute; top: -11px; left: 50%; display: block!important; transform: translateX(-50%)!important; overflow: hidden; }
.intro_section .scroll_cont_box li { float: left; padding-top: 102px; }
.intro_section .scroll_cont_box li::before { width: 99px; height: 97px; left: calc(50% + 4px); box-shadow: none; }
.intro_section .scroll_cont_box li:nth-child(1)::before { background-image:url(../images/intro_ic1_on.png); }
.intro_section .scroll_cont_box li:nth-child(2)::before { background-image:url(../images/intro_ic2_on.png); }
.intro_section .scroll_cont_box li:nth-child(3)::before { background-image:url(../images/intro_ic3_on.png); }
.intro_section .scroll_cont_box li p { color: #fff; }
@media (min-width: 2000px) {
	.pin-spacer { background: #253579; }
	.intro_section { background: #fff }
	.intro_section, .scroll_box { max-height: 1080px; }
}

.function_section { padding: 0px 0 160px; margin-top: -1px; background: #253579; }
.function_section .tit_box { margin-bottom: 97px; }
.function_section .tit_box span { color: #9FA6C4; }
.function_section .tit_box h2 { color: #fff; }
.function_section .cont_box { margin-right: -40px; display: flex; flex-wrap: wrap; }
.function_section .cont_box li { width: calc(33.3% - 40px); padding: 40px; background: #FFFFFF; border-radius: 20px; margin-right: 40px; margin-bottom: 40px; }
.function_section .cont_box li span { font-weight: 700; font-size: 1.1rem; line-height: 1.2; color: #92A8FE; }
.function_section .cont_box li h3 { padding-bottom: 20px; font-weight: 700; font-size: 1.75rem; line-height: 1.2; text-align: center; color: #191919; }
.function_section .cont_box li .txt_wrap { display: flex; flex-wrap: nowrap; justify-content: center; }
.function_section .cont_box li .txt { margin: 0 auto; padding-bottom: 5px; }
.function_section .cont_box li .img { text-align: center; margin: 10px auto 40px; }
.function_section .cont_box li p { display: inline; position: relative; margin-bottom: 10px; font-weight: 500; font-size: 1.1rem; line-height: 1.7; color: #191919; }
.function_section .cont_box li .txt_box { margin-top: 35px; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; width: 100%; }

.benefits_section { padding: 185px 0 240px; }
.benefits_section .tit_box { margin-bottom: 167px; }
.benefits_section .tit_box h2 { position: relative; display: inline-block; padding: 0 62px 0 72px; }
.benefits_section .tit_box h2::before { content: ""; width:32px; height: 32px; border-radius: 50%; background: #3A379E; position: absolute; top: -15px; left: 0; }
.benefits_section .tit_box h2::after { content: ""; width:32px; height: 32px; border-radius: 50%; background: #00ACB3; position: absolute; bottom: -15px; right: 0; }
.benefits_section .cont_box { display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; margin-bottom: 162px; }
.benefits_section .cont_box.reverse { flex-flow: row-reverse; justify-content: center; }

.benefits_section .cont_box:last-child { margin-bottom: 0; }
.benefits_section .cont_box .img { width: 50%; min-width: 400px; }

.benefits_section .cont_box:nth-of-type(2n) .img { text-align: center; }
.benefits_section .cont_box .img .mo_img { display: none; }
.benefits_section .cont_box .img .mo_img2 { display: none; width: 335px; image-rendering: -webkit-optimize-contrast; transform: translateZ(0); backface-visibility: hidden; margin: 0 auto; }
.benefits_section .cont_box .txt_box { width: 50%; }
.benefits_section .txt_box_inner .f18 { display: block; font-family: 'Noto Sans KR'; line-height: 1.4; font-weight: 700; margin-bottom: 30px; }
.benefits_section .txt_box_inner h3 { margin-bottom: 35px; font-weight: 700; line-height: 1.5; }
.benefits_section .number_cont .tit_box { margin-bottom: 71px; }
.benefits_section .number_box { max-width: 1255px; margin: 0 auto 220px; display: flex; flex-wrap: nowrap; align-items: flex-start; justify-content: space-between; text-align: center; }
.benefits_section .number_box .number { display: block; font-weight: 700; font-size: 3.5rem; line-height: 1.19; padding: 20px 0 8px; }
.benefits_section .number_box p { font-weight: 500; font-size: 1.5rem; line-height: 1.4; }
.benefits_section .number_box p span { display: block; }
.benefits_section .banner { background: #164DCA; border-radius: 20px; color: #fff; text-align: center; padding: 104px 0; }
.banner1::before { background-image: url(../images/banner1_1.svg); width: 323px; }
.banner1::after { background-image: url(../images/banner1_2.svg); width: 313px; }

.service_section { background: #253579; padding: 200px 0; }
.service_section .tit_box { text-align: left; color: #fff; }
.service_section .ly_flex { margin-bottom: 100px; position: relative; justify-content: space-between; align-items: flex-end; }
.service_slide { position: relative; }
.service_slide h4 { font-weight: 700; font-size: 1.25rem; line-height: 1.5; padding-right: 16px; }
.service_slide .txt { font-weight: 700; font-size: 1rem; line-height: 1.75; color: #565656; margin-top: 24px; padding-right: 16px; }
.service_slide .txt_bg { background-color: rgba(6,76,239,0.12); padding: 1px 2px; }
.service_slide .cont_logo { margin-top: 10px; text-align: right; }
.service_slide .swiper-slide { background: #FFFFFF; border: 1px solid #DDDDDD; box-shadow: 0px 4px 16px 10px rgb(25 25 25 / 1%); border-radius: 20px; padding: 40px 32px 20px 48px; }
.service_section .slide_btn_inner { position: relative; display: flex; flex-wrap: nowrap; align-items: center; z-index: 1; }
.service_section .swiper-button-next, .service_section .swiper-button-prev { width: 32px; height: 22px; background: url(../images/next_ic.svg)no-repeat center center; position: relative; left: auto; right: auto; }
.service_section .swiper-button-prev { transform: rotate(180deg); margin-right: 38px; }

.partner_section { padding: 200px 0 160px; }
.partner_section .tit_box { margin-bottom: 88px; }
.partner_section .marquee_box { height: 145px; margin-bottom: 40px; }
.partner_section .marquee_box .img { display: inline-block; text-align: center; border: 1px solid #DDDDDD; border-radius: 10px; overflow: hidden; width: 340px; height: 145px; line-height: 145px; margin-right: 40px; }
.partner_section ul { display: flex; flex-wrap: wrap; align-items: center; margin-right: -40px; overflow: hidden; height: 582px; }
.partner_section ul.height { height: 100%; }
.partner_section ul li { display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; width: calc(20% - 40px); height: 106px; margin-right: 40px; margin-bottom: 40px; border: 1px solid #DDDDDD; border-radius: 6px; overflow: hidden; padding: 10px; }
.partner_section .btn_more { position: relative; font-weight: 700; font-size: 1.1rem; background: transparent; display: flex; flex-wrap: nowrap; align-items: center; margin: 40px auto 0; cursor: pointer; }
.partner_section .btn_more .less { display: none; }
.partner_section .btn_more::after { content: ""; background: url(../images/btn_more.svg); width: 15px; height: 8px; margin-left: 8px; }
.partner_section .btn_more.on {  }
.partner_section .btn_more.on::after { transform: rotate(180deg); }
.partner_section .btn_more.on .less { display: block; }
.partner_section .btn_more.on .more { display: none; }

.price_section { background: #EBEDF5; padding: 175px 0 137px; }
.price_section .tit_box { margin-bottom: 84px; }
.price_section .price { margin-right: -40px; }
.price_section .pc .price_box { max-width: 1154px; padding-top: 41px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; }
.price_section .pc .price_box::before { content: "Cloud SaaS 구독형"; position: absolute; top: -8px; left: 0; color: #164DCA; width: calc(66.6% - 40px); text-align: center; font-weight: 400; font-size: 1rem; background: url(../images/line_bg1.svg)no-repeat center center; }
.price_section .pc .price_box::after { content: "On-Premise 구축형"; width: calc(33.3% + 40px); font-weight: 400; position: absolute; top: -8px; right: 0; font-size: 1rem; text-align: center; color: #00ACB3; }
.price_section .pc .price_box>li { width: calc(33.3% - 40px); margin-right: 40px; }
.price_section .price_box>li { background: #FFFFFF; box-shadow: 0px 4px 16px 10px rgba(25, 25, 25, 0.01); border-radius: 20px; }
.price_section .price_box li.green .head_cont { background: #00ACB3; }
.price_section .price_box li.green .body_cont { height: calc(100% - 158px); display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1.4; }
.price_section .price_box li.on::after { content: "가장 인기 많은 상품"; font-weight: 700; font-size: 1.1rem; line-height: 1.4; text-align: center; color: #164DCA; position: absolute; bottom: -43px; left: 50%; transform: translateX(-50%); z-index: 1; white-space: nowrap; }
.price_section .price_box li.on .head_cont h4::before { content: ""; background: url(../images/crown.svg) no-repeat; width: 20px; height: 17px; position: absolute; top: -18px; left: 50%; transform: translateX(-50%); }
.price_section .price_box li .head_cont { text-align: center; padding: 45px 0 43px; background: #164DCA; border-top-left-radius: 15px; border-top-right-radius: 15px; }
.price_section .price_box li .head_cont h4 { color: #FFFFFF; font-weight: 700; font-size: 2rem; line-height: 1.25; margin-bottom: 10px; position: relative; }
.price_section .price_box li .head_cont p { font-weight: 700; font-size: 1rem; line-height: 1.2; color: #FFFFFF; }
.price_section .price_box li .body_cont { padding: 48px 44px 42px; }
.price_section .price_box li .body_cont .check_cont { border-bottom: 1px solid #D9D9D9; padding-bottom: 12px; margin-bottom: 27px; }
.price_section .price_box li .body_cont .check_cont li p { position: relative; }
.price_section .price_box li .body_cont .check_cont li p::after { content: ""; background: url(../images/ic_on.svg); width: 24px; height: 24px; position: absolute; top: 0; right: 0; }
.price_section .price_box li .body_cont .check_cont li.off { color: #C7C7C7; }
.price_section .price_box li .body_cont .check_cont li.off p::after { background: url(../images/ic_off.svg); background-size: contain; }

.price_section .price_box li .body_cont ul li { font-weight: 400; font-size: 1.25rem; line-height: 1.2; margin-bottom: 15px; }
.price_section .price_box li .body_cont div p { margin-bottom: 10px; }
.price_section .price_box li .body_cont div p:last-child { margin-bottom: 0; }
.price_section .txt_box { max-width: 651px; margin: 126px auto 0; text-align: center }
.price_section .txt_box p { position: relative; background: #fff; padding: 24px 40px; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; font-weight: 500; }
.price_section .txt_box p::before { content: ""; background: url(../images/percent.svg); width: 40px; height: 40px; background-repeat: no-repeat; background-size: contain; position: absolute; top: -25px; left: -25px; }
.price_section .txt_box .line { margin: 0 16px; }

.security_section { padding: 200px 0; }
.security_section .tit_box { position: relative; max-width: 1227px; }
.security_section .tit_box::after { content: ""; background: url(../images/security_bg.svg); width: 208px; height: 163px; position: absolute; top: 0; right: 0; z-index: -1; }
.security_section .cont_box { display: flex; flex-wrap: wrap; align-items: center; margin-top: 95px; }
.security_section .cont_box li { width: calc(25% - 20px); height: 347px; padding: 60px 40px 65px; margin-right: 20px; background: #164DCA; border-radius: 20px; }
.security_section .cont_box .head_cont { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-bottom: 92px; }
.security_section .cont_box .head_cont h4 { width: 80%; height: 40px; overflow: hidden; font-weight: 700; font-size: 2rem; line-height: 1.25; color: #fff; padding-right: 10px }
.security_section .cont_box .head_cont span { display: block; margin: 4px 0 -20px; width: 100%; font-weight: 400; font-size: 1.25rem; line-height: 1.2; color: #FFFFFF; }
.security_section .cont_box .head_cont .img { width: 20%; opacity: 0.6; }
.security_section .cont_box p { height: 80px; overflow: hidden; font-weight: 500; font-size: 1.1rem; line-height: 1.5; color: #FFFFFF; }

.contact_section { background: #F3F4F5; padding: 182px 0 140px; }
.contact_section .tit_box { width: 368px; text-align: left; padding-right: 30px }
.contact_section .form_box { width: calc(100% - 368px); padding-top: 6px; }
.contact_section .alert_txt { padding-left: 0; }

.form_box h4 { margin-bottom: 14px; font-weight: 400; font-size: 1rem; line-height: 1.7; }
.form .label.required::after { content: "*"; font-weight: 400; font-size: 1.1rem; color: #EE5C5C; margin-left: 4px; }
.form_box ul { margin-right: -80px; margin-bottom: 25px; display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; }
.form_box ul li:first-child { width: calc(100% - 80px); }
.form_box ul li { width: calc(50% - 80px); margin-right: 80px; }
.form_box ul li div { margin-bottom: 30px; }
.form_box ul li:last-child div { height: calc(100% - 72px); }
.form_box ul li:nth-child(2) input { width: 100%; height: 48px; padding: 14px 24px; border-radius: 8px; border: 1px solid #F0F0F0; font-weight: 400; font-size: 1.1rem; line-height: 1.2; }
.form_box ul li textarea { font-size: 1.25rem; width: 100%; height: 100%; padding: 24px; border-radius: 8px; border: 1px solid #F0F0F0; }
.form_box .input_type:focus { border-color: #253579; outline-color: #253579; outline-width: 1px; }
.form_box .input_type:focus-visible { border-color: #253579; outline: black; }

/* 체크박스 */
.form_box .ck-input { border-bottom: 1px solid #333; padding-bottom: 40px; margin-bottom: 36px; display: flex; flex-wrap: nowrap; align-items: center; }
.form .ck-input label { cursor: pointer; margin-right: 32px; }
.form .ck-input span { display: flex; flex-wrap: nowrap; align-items: center; word-break: keep-all; font-weight: 500; line-height: 1.3; color: #969696; }
.form .ck-input input { height: 0; }
.form .ck-input input:checked+span { color: #164DCA;; }
.form .ck-input span::before { content: ""; background-image: url(../images/check2.svg); width: 20px; height: 20px; background-repeat: no-repeat; background-size: contain; padding-right: 9px; margin-top: -1px; }
.form .ck-input input:checked+span:before { background-image: url(../images/check2_on.svg); }

.ck-input1 { padding-bottom: 40px; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; }
.ck-input1 label { cursor: pointer; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; }
.ck-input1 label a { display: block; margin-left: 16px; text-decoration-line: underline; color: #C7C7C7; }
.ck-input1 span { display: flex; flex-wrap: nowrap; align-items: center; word-break: keep-all; font-weight: 500; line-height: 1.3; color: #969696; }
.ck-input1 input { height: 0; }
.ck-input1 input:checked+span { color: #164DCA;; }
.ck-input1 span::before { content: ""; background-image: url(../images/check2.svg); width: 20px; height: 20px; background-repeat: no-repeat; background-size: contain; padding-right: 9px; margin-top: -1px; }
.ck-input1 input:checked+span:before { background-image: url(../images/check2_on.svg); }

.news_section { padding: 200px 0 240px; }
.news_section .ly_flex { margin-right: -38px; }
.news_section .tit_box { width: 368px; padding-right: 20px; margin-top: -6px; }
.news_section .more_btn { position: relative; margin-top: 80px; }
.news_section .more_btn::after { content: ""; background: url(../images/more_ic.svg); width: 24px; height: 24px; }
.news_section .scroll { width: calc(100% - 368px); margin-right: -38px; }
.news_section .cont_box { display: flex; flex-wrap: wrap; }
.news_section .cont_box li { width:calc(33.3% - 38px); margin-right: 38px; margin-bottom: 38px; }
.news_section .cont_box li .img { height: 212px; border-radius: 20px; overflow: hidden; }
.news_section .cont_box li .img img { width: 100%; height: 100%; object-fit: cover; }
.news_section .cont_box li .f18 { display: block; margin-top: 32px; font-weight: 400; color: #565656; }
.news_section .cont_box li .f22 { font-weight: 700; margin: 12px 0 32px; height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news_section .cont_box li .date { color: #565656;}
.news_section .img img {
	transition: transform cubic-bezier(0.4,0,0.2,1) .3s;
	-webkit-transition: transform cubic-bezier(0.4,0,0.2,1) .3s;
	will-change: transform;
 }
.news_section li:hover .img img {
	transition: transform cubic-bezier(0.4, 0, 0.2, 1) .3s;
    -webkit-transition: transform cubic-bezier(0.4, 0, 0.2, 1) .3s;
    -ms-transition: transform cubic-bezier(0.4, 0, 0.2, 1) .3s;
    will-change: transform;
    transform: scale(1.05) rotate(0.001deg);
}
.banner2 { margin-top: 148px; padding: 99px 0 68px; background: #00ACB3; border-radius: 20px; text-align: center; color:#fff; }
.banner2::before { width: 275px; background-image: url(../images/banner2_1.svg); }
.banner2::after { width: 275px; background-image: url(../images/banner2_2.svg); }
.banner2 p { color: rgba(255, 255, 255, 0.8); }
.banner2 .w_btn { color: #00ACB3; }
.banner2 .w_btn::after { content: ""; background: url(../images/banner2_ic.svg); width: 13px; height: 13px; margin-left: 8px; }
.banner3 { margin-top: 148px; }
.banner4 { margin-top: 20px; }

.navi { position: absolute; }
.navi .anchor { display: none; }
.navi .anchor:hover span { opacity: 1 }
.navi .anchor.fix { display: block; position: fixed; right: 104px; top: 50%; transform: translateY(-50%); z-index: 10; }
.navi .anchor::after { content: ""; background: #A3BAF1; width: 1px; height: calc(100% - 20px); position: absolute; top: 5px; right: 0; }
.navi .anchor li { margin-bottom: 12px; position: relative; left: 4px; }
.navi .anchor li a::after { content: ""; width: 9px; height: 9px; background: #A3BAF1; border-radius: 50%; position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: 1; transition: all .2s; }
.navi .anchor li a { display: block; text-align: right; padding-right: 15px; font-size: 0.875rem; position: relative; }
.navi .anchor li a span { opacity: 0; position: relative; color: #A3BAF1; padding-right: 8px; }
.navi .anchor li.on a::after, .navi .anchor li:hover a::after { background: #164DCA; transform: translateY(-50%) scale(1.45); transition: all .2s; }
.navi .anchor li.on a, .navi .anchor li:hover a { font-weight: 700; }
.navi .anchor li.on a span, .navi .anchor li:hover a span { opacity: 1; color: #164DCA; }

.navi .anchor.white li.on a::after, .navi .anchor.white li:hover a::after { background: #fff; }
.navi .anchor.white li.on a span, .navi .anchor.white li:hover a span { color: #fff; }

.fix_btn { position: fixed; z-index: 10; bottom: 56px; right: 80px; }
.fix_btn a { display: block; cursor: pointer; position: relative; z-index: 2; }
.fix_btn p { background: #164DCA; box-shadow: 0px 2px 12px rgb(25 25 25 / 16%); border-radius: 120px; width: 56px; height: 56px; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; margin-bottom: 32px; cursor: pointer; transition: all .5s; transform: translateY(88px); position: relative; z-index: 1; }
.fix_btn.on p { transition: all .5s; transform: translateY(0); }
.fix_btn p img { transition: all 0.4s ease-in-out; }
.fix_btn p:hover img { transform: translateY(-3px); transition: all 0.4s ease-in-out; }
.fix_btn a img { box-shadow: 0px 2px 12px rgb(25 25 25 / 16%); border-radius: 120px; }
.left-align-image { text-align: left !important}
.no-left-padding { padding-left: 0px !important}

@media (min-width: 1024px) {
	 .benefits_section .cont_box:nth-of-type(2n-1) .img { padding-left: 80px; }
	 .benefits_section .cont_box:nth-of-type(2n) .img { padding-right: 80px; }
}
@media (min-width: 768px) {
	.price_section .price_box li.on { position: relative; border: 2px solid #164DCA; box-shadow: 0px 0px 24px 10px rgba(6, 76, 239, 0.16); }
	.banner3Img {content: url(https://www.law365ai.com/wp-content/uploads/2024/03/CompliLaw_Banner_bottom_img-2PC.png')}
	.banner4Img {content: url('https://www.law365ai.com/wp-content/uploads/2024/03/LawShot_Banner_bottom_img-1PC.png')}
}
@media (max-width: 1680px) {
	* { word-break: keep-all; }
	.navi .anchor.fix { right: 60px; }
	.fix_btn { right: 30px; }
	.benefits_section .txt_box_inner h3 br.pc { display: none; }
	.benefits_section .txt_box_inner p br.pc { display: none; }
}

@media (max-width: 1440px) {
	.navi .anchor.fix { display: none; }
	.banner::before { top: 65%; }
	.banner::after { top: 65%; }
}

@media (max-width: 1023px) {
	.visual_section .bg .bg_circle::after { margin-top: 80px; }
	.intro_section { padding-top: 180px; }
	.scroll_box { padding-top: 180px; }
	.rel_box2 br.pc { display: none; }
	.function_section .cont_box { margin-right: -20px; }
	.function_section .cont_box li { width: calc(50% - 20px); margin-right: 20px; margin-bottom: 20px; }
	.benefits_section .cont_box { display: block; }
	.benefits_section .cont_box .img { width: 80%; min-width: auto; margin: 0 auto 45px; text-align: center }
	.benefits_section .cont_box .img .pc_img { display: none; }
	.benefits_section .cont_box .img .mo_img { display: block; margin: 0 auto; }
	.benefits_section .cont_box .txt_box { text-align: center; width: 80%; margin: 0 auto; }
	.security_section .cont_box li { width: calc(33.3% - 20px); margin-bottom: 20px; }
	.benefits_section .number_box { flex-wrap: wrap; }
	.benefits_section .number_box li { width: 50%; margin-bottom: 46px; }
	.contact_section .tit_box { width: 100%; }
	.contact_section .form_box { width: 100%; padding-top: 30px; }
	.news_section .scroll { width: calc(100% - 38px); margin-right: -38px; }
	.news_section .tit_box { width: 100%; padding-right: 0; padding-bottom: 30px; margin-top: 0; margin-right: 38px; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-end; }
	.news_section .cont_box { width: 100%; }
	.partner_section ul li { width: calc(25% - 40px); }
}
@media (max-width: 769px) {
	.banner3Img { content: url('https://www.law365ai.com/wp-content/uploads/2024/03/CompliLaw_Banner_bottom_img-2MO.png'); margin: 0 auto; display: block; width: 100%;}
	.banner4Img { content: url('https://www.law365ai.com/wp-content/uploads/2024/03/LawShot_Banner_bottom_img-1MO.png'); margin: 0 auto; display: block; width: 100%;}
}
@media (max-width: 767px) {
	.visual_section .bg .bg_circle::after, .visual_section .bg .bg_circle::before { display: none; }
	.visual_section .bg { margin-top: 26px; padding-bottom: 40px; margin-left: -20px; margin-right: -20px; }
	.visual_section .tit_box { padding: 86px 0 25px; }
	.visual_section .tit_box h2 { font-size: 2rem; }
	.visual_section .tit_box h2::before { width: 20px; height: 20px; top: -30px; right: 32px; }
	.intro_section { padding: 70px 0 0; height: auto; }
	.intro_section .container { padding-bottom: 70px; }
	.intro_section .scroll_box { padding: 70px 0 0; height: auto; }
	.intro_section .tit_box { padding-bottom: 40px; }
	.intro_section .tit_box .cate { margin-bottom: 10px; }
	.intro_section ul { position: relative; }
	.intro_section ul li { width: 100%; margin-bottom: 40px; padding-top: 60px; }
	.intro_section ul li::before { width: 40px; height: 40px; box-shadow: 1.23077px 2.46154px 9.23077px rgba(0, 0, 0, 0.08); }
	.intro_section ul li:nth-child(1)::before { background-image:url(../images/intro_ic1_mo.svg); }
	.intro_section ul li:nth-child(2)::before { background-image:url(../images/intro_ic2_mo.svg); }
	.intro_section ul li:nth-child(3)::before { background-image:url(../images/intro_ic3_mo.svg); }
	.intro_section ul li:last-child { margin-bottom: 0; }
	.intro_section .scroll_cont_box li::before { width: calc(123px/2); height: calc(120px/2); }
	.intro_section .scroll_cont_box li:nth-child(1)::before { background-image:url(../images/intro_ic1_mo_on.png); top: 4px; left: calc(50% + 3px); }
	.intro_section .scroll_cont_box li:nth-child(2)::before { background-image:url(../images/intro_ic2_mo_on.png); left: calc(50% - -3px); }
	.intro_section .scroll_cont_box li:nth-child(3)::before { background-image:url(../images/intro_ic3_mo_on.png); top: -4px; left: calc(50% - -3px); }
	.intro_section .scroll_cont_box li:last-child { margin-bottom: 0; }
	.scroll_cate { font-size: 0.92rem; margin-bottom: 10px; }
	.intro_section .scroll_tit { font-size: 1.7rem; }
	.intro_section .scroll_cont_box li { float: none; margin-bottom: 40px; padding-top: 64px; }
	.function_section { padding: 70px 0 90px; }
	.function_section .tit_box { margin-bottom: 40px; }
	.function_section .tit_box span { font-size: 1rem; }
	.scroll { overflow-x: scroll; overflow-y: hidden; margin-left: -20px; margin-right:-20px; padding-left: 20px; scrollbar-width: none; -ms-overflow-style: none; }
	.scroll::-webkit-scrollbar { display: none; }
	.function_section .cont_box { display: inline-flex; flex-wrap: nowrap; }
	.function_section .cont_box li { min-width: 250px; width: 250px; padding: 20px; margin-right: 20px; margin-bottom: 0; }
	.function_section .cont_box li p { font-size: 1rem; margin-bottom: 5px; }
	.function_section .cont_box li p::before { width: 2px; height: 2px; margin-top: 6px; margin-right: 3px; }
	.function_section .cont_box li span { font-size: 1.17rem; }
	.function_section .cont_box li h3 { padding-bottom: 10px; }
	.function_section .cont_box li .img { width: 110px; height: 110px; }
	.benefits_section { padding: 80px 0 90px; }
	.benefits_section .tit_box { margin-bottom: 90px; }
	.benefits_section .tit_box h2 { padding: 0 20px 0 28px; }
	.benefits_section .tit_box h2::before { width: 16px; height: 16px; }
	.benefits_section .tit_box h2::after { width: 16px; height: 16px; bottom: 0; }
	.benefits_section .txt_box_inner .f18 { margin-bottom: 7px; font-size: 10px; }
	.benefits_section .txt_box_inner h3 { margin-bottom: 20px; font-size: 1.33rem; }
	.benefits_section .txt_box_inner h3 br.pc { display: block; }
	.benefits_section .cont_box { margin-bottom: 80px; }
	.benefits_section .cont_box:nth-of-type(5) p:last-child { margin-top: 12px; }
	.benefits_section .cont_box .img { width: 100%; margin-bottom: 18px; text-align: center; }
	.benefits_section .cont_box .img .mo_img { display: none; }
	.benefits_section .cont_box .img .mo_img2 { display: block; }
	.benefits_section .cont_box:nth-of-type(5) .img { margin: 0 auto 10px; }
	.benefits_section .number_cont .tit_box { margin-bottom: 40px; }
	.benefits_section .number_box { margin-bottom: 39px; }
	.benefits_section .number_box .box { display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; margin-bottom: 8px; }
	.benefits_section .number_box .ic { margin-right: 10px; }
	.benefits_section .number_box .ic img { width: 28px; height: 28px; }
	.benefits_section .number_box .number { font-size: 2.3rem; padding: 0; }
	.benefits_section .number_box p { font-size: 1.08rem; }
	.benefits_section .banner { padding: 36px 0; border-radius: 10px; }
	.banner1::before { background-image: url(../images/banner1_1_mo.svg); width: 76px; height: 24px; }
	.banner1::after { background-image: url(../images/banner1_2_mo.svg); width: 76px; height: 24px; }
	.banner h3 { margin-bottom: 20px; font-size: 1.5rem; }
	.service_section { padding: 90px 0 70px; min-height: 515px; }
	.service_section .slide_btn { display: none; }
	.service_section .ly_flex { margin-bottom: 50px; }
	.service_slide { padding-right: 0; }
	.service_slide div>ul { width: auto; display: inline-flex; align-items: flex-start; }
	.service_slide div>ul>li { background: #FFFFFF; border: 1px solid #DDDDDD; box-shadow: 0px 4px 16px 10px rgb(25 25 25 / 1%); border-radius: 10px; padding: 20px 16px 10px 24px; margin-right: 20px; min-width: 285px; }
	.service_slide h4 { font-size: 1.17rem; }
	.service_slide .txt { margin-top: 21px; max-height: 100%; }
	.service_slide .cont_logo { margin-top: 28px; }
	.partner_section { padding: 90px 0 70px; }
	.partner_section .tit_box { margin-bottom: 50px; }
	.partner_section .marquee_box { height: 74px; margin-bottom: 20px; }
	.partner_section .marquee_box .img { width: 170px; height: 72px; line-height: 68px; margin-right: 20px; }
	.partner_section ul { margin-right: -10px; height: 50vw; }
	.partner_section ul li { width: calc(33.3% - 10px); height: 11.2vw; margin-right: 10px; margin-bottom: 10px; }
	.price_section { padding: 90px 0; }
	.price_section .tit_box { margin-bottom: 66px; }
	.price_section .price { margin-right: 0; }
	.price_section .price_box .on::before { content: "Cloud SaaS 구독형"; position: absolute; top: -35px; left: 0; color: #164DCA; width: 100%; text-align: center; font-weight: 400; font-size: 1rem; }
	.price_section .price_box li.on::after { display: none; }
	.price_section .price_box li .head_cont { padding: 35px 0 27px; }
	.price_section .slide_wrap { padding: 0 60px 30px; }
	.price_section .price_box li .head_cont h4 { margin-bottom: 8px; }
	.price_section .price_box li .body_cont { padding: 24px 32px 33px; height: 205px; }
	.price_section .price_box li .body_cont ul li { font-size: 1rem; margin-bottom: 8px; }
	.price_section .price_box li .body_cont ul li:last-child { margin-bottom: 0; }
	.price_section .price_box li.on .head_cont h4::before { width: 13px; height: 12px; background-size: contain; }
	.price_section .price_box li .body_cont .check_cont { margin-bottom: 22px; padding-bottom: 22px; }
	.price_section .price_box li .body_cont .check_cont li p::after { width: 12px; height: 12px; background-size: contain; background-repeat: no-repeat; }
	.price_section .price_box li .body_cont div p { margin-bottom: 4px; }
	.price_section .price_box li.green .body_cont { height: 205px; }
	.price_section .swiper-container-horizontal>.swiper-pagination-bullets, .price_section .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0; }
	.price_section .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; background: #191919; }
	.price_section .swiper-pagination-bullet { background: #191919; opacity: 0.4; }
	.price_section .txt_box { margin-top: 22px; }
	.price_section .txt_box p { padding: 17px 28px; display: block; max-width: 260px; margin: 0 auto; font-size: 1rem; }
	.price_section .txt_box p::before { width: 20px; height: 20px; top: -10px; left: -10px; background-size: contain; }
	.price_section .txt_box .line { height: 8px; opacity: 0; }
	.security_section { padding: 120px 0 90px; }
	.security_section .tit_box::after { width: 55px; height: 55px; background-size: contain; background-repeat: no-repeat; top: -55px; }
	.security_section .cont_box { margin-top: 50px; flex-wrap: nowrap;  display: inline-flex; padding-right: 10px }
	.security_section .cont_box .head_cont { margin-bottom: 55px; }
	.security_section .cont_box .head_cont h4 { font-size: 1.3rem; height: 20px; }
	.security_section .cont_box .head_cont .img { width: 23px; height: 23px; }
	.security_section .cont_box li { min-width: 218px; height: 218px; padding: 30px 20px; margin-right: 8px; border-radius: 5px; }
	.security_section .cont_box p { font-size: 1rem; }
	.contact_section { padding: 80px 0; }
	.form_box .ck-input { padding-bottom: 24px; margin-bottom: 20px; }
	.form_box h4 { margin-bottom: 7px; }
	.form_box ul { margin-right: 0; }
	.form_box ul li:first-child { width: 100%; }
	.form_box ul li div { margin-bottom: 20px; }
	.form_box ul li { width: 100%; margin-right: 0; }
	.form_box ul li:nth-child(2) input { height: 40px; padding: 13px 12px; font-size: 1rem; }
	.form_box ul li textarea { min-height: 145px; padding: 12px; font-size: 1rem; }
	.form_box ul li:last-child div { height: auto; }
	.news_section { padding: 80px 0 120px; }
	.news_section .more_btn { font-size: 1.17rem; }
	.news_section .tit_box { margin-bottom: 38px; padding-bottom: 0; }
	.news_section .scroll { width: auto; margin-right: -20px; }
	.news_section .cont_box { width: auto; display: inline-flex; flex-wrap: nowrap; margin-right: 20px; padding-right: 20px; }
	.news_section .cont_box li { width: 144px; margin-right: 20px; margin-bottom: 0; }
	.news_section .cont_box li .img { height: 92px; border-radius: 10px; transform: translateZ(0); will-change: transform }
	.news_section .cont_box li .f18 { margin-top: 20px; }
	.news_section .cont_box li .f22 { margin: 6px 0 16px; font-size: 1.17rem; height: 18px; }
	.banner2 { margin-top: 70px; padding: 36px 0; }
	.banner2 p { font-size: 1.17rem; margin-bottom: 8px; }
	.banner2::before { background-image: url(../images/banner2_1_mo.svg); width: 62px; height: 25px; top: 70%; }
	.banner2::after { background-image: url(../images/banner2_2_mo.svg); width: 62px; height: 25px; top: 70%; }
	.banner2 .w_btn { padding: 12px 0; }
	.banner2 .w_btn::after { width: 8px; height: 8px; margin-left: 6px; background-size: contain; }
	.fix_btn { right: 20px; bottom: 44px; }
	.fix_btn p { margin-bottom: 16px; transform: translateY(60px); width: 44px; height: 44px; }
	.fix_btn a { width: 44px; height: 44px; }
}
@media (max-width: 560px) {
	.partner_section ul { height: 51vw; }
}
@media (max-width: 480px) {
	.partner_section ul { height: 53vw; }
}
/* footer */
footer { background: #FAFAFA; padding: 56px 0 60px; border-top: 1px solid #EBEBEB; }
footer .ly_flex { justify-content: space-between; }
footer .txt_box { padding-left: 110px; }
footer .txt_box ul { margin-bottom: 44px; display: flex; flex-wrap: nowrap; align-items: center; }
footer .txt_box ul li { display: flex; flex-wrap: nowrap; align-items: center; }
footer .txt_box ul li .line { margin: 0 10px; background: #C7C7C7; }
footer .txt_box .info { display: flex; flex-wrap: wrap; }
footer .txt_box .info div:last-child { padding-left: 72px; }
footer .txt_box .info p { margin-bottom: 12px; display: flex; flex-wrap: nowrap; align-items: center; white-space: nowrap; }
footer .txt_box .info p .line { margin: 0 10px; background: #C7C7C7; }
footer .site_box p { background: #E8E8E8; border: 1px solid #DEDEDE; width: 258px; height: 40px; border-radius: 56px; display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 0 16px; cursor: pointer; }
footer .site_box p::after { content: ""; background: url(../images/plus.svg); width: 18px; height: 18px; transition: all .2s; }
footer .site_box p.on::after { transform: rotate(45deg); transition: all .2s; }
footer .site_box ul { display: none; position: absolute; bottom: 164px; background: #FFFFFF; border: 1px solid #EFEFEF; box-shadow: 2px 4px 10px rgb(0 0 0 / 4%); border-radius: 2px; padding: 24px 23px; color: #565656; font-size: 0.875rem; line-height: 1.2; font-weight: 400; }
footer .site_box ul.on { display: block; }
footer .site_box ul li { margin-bottom: 16px; }
footer .site_box ul li:last-child { margin-bottom: 0; }
footer .site_box ul li b { margin-right: 3px; }
footer .site_box .link { padding-top: 60px; display: flex; flex-wrap: nowrap; align-items: center; }
footer .site_box .link a { display: block; margin-right: 18px; }
@media (max-width: 1280px) {
	footer .txt_box .info { display: block; }
	footer .txt_box .info div:last-child { padding-left: 0; }
	footer .site_box ul { bottom: 245px; }
}
@media (max-width: 980px) {
	footer .site_box { width: 100%; margin-top: 32px; }
	footer .site_box ul { bottom: 155px; }
}
@media (max-width: 767px) {
	footer { padding: 50px 0; }
	footer .logo { max-width: 126px; }
	footer .txt_box ul { margin-bottom: 30px; }
	footer .txt_box ul li { font-size: 1.17rem; }
	footer .txt_box ul li .line { height: 8px; }
	footer .ly_flex { display: block; }
	footer .txt_box { padding-left: 0; margin: 30px 0; }
	footer .txt_box .info p { font-size: 1.17rem; margin-bottom: 6px; }
	footer .txt_box .info p .line { width: 1px; height: 7px; margin: 0 7px; }
	footer .txt_box .info div:last-child p:last-child { display: none; }
	footer .txt_box .info div:last-child { margin-top: 20px; }
	footer .family_site_box { position: relative; }
	footer .site_box { margin-bottom: 48px; }
	footer .site_box p { width: 100%; font-size: 1.33rem; }
	footer .site_box ul { width: 100%; bottom: 52px; font-size: 1.3rem }
	footer .site_box .link { padding-top: 24px; }
	footer .site_box .link a { margin-right: 16px; }
}

/* newsletter */
.sub_head { height: 720px; background: #EBEDF5; }
.sub_head .container { height: 100%; }
.sub_head .tit_box { padding-top: 8px; }
.sub_head .box { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; height: 100%; }
.sub_head .bg { height: 100%; display: flex; flex-wrap: nowrap; align-items: flex-end; }
.sub_head .btn_box { margin-top: 56px; }
.sub_head .btn_box a { width: 209px; margin: 0 auto 0 0; }
.news_letter { margin: 160px 0 240px; }
.news_letter h3 {margin-bottom: 60px; }
.news_list { margin-right: -42px; display: flex; flex-wrap: wrap; }
.news_list li { width: calc(33.3% - 42px); margin-right: 42px; margin-bottom: 56px; }
.news_list li .img { border-radius: 20px; overflow: hidden; height: 290px; }
.news_list li .img img { width: 100%; height: 100%; object-fit: cover; }
.news_list li:hover img {
	transition: transform cubic-bezier(0.4, 0, 0.2, 1) .3s;
	-webkit-transition: transform cubic-bezier(0.4, 0, 0.2, 1) .3s;
	-ms-transition: transform cubic-bezier(0.4, 0, 0.2, 1) .3s;
	will-change: transform;
	transform: scale(1.05) rotate(0.001deg);
}
.news_list li .f22 { margin: 26px 0 13px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 65px; }
.news_list li .txt { font-weight: 400; line-height: 1.7; height: 55px; overflow: hidden; margin-bottom: 32px; }
.news_list li div { display: flex; flex-wrap: nowrap; align-items: center; }
.news_list li div .cate { font-size: inherit; }
.news_list li div .line { margin: 0 10px; }
@media (max-width: 1180px) {
	.sub_head .box { position: relative; z-index: 1; }
	.sub_head .bg { position: absolute; right: 0; bottom: 0; z-index: -1; }
}
@media (max-width: 1023px) {
	.news_list li { width: calc(50% - 42px); }
}
@media (max-width: 767px) {
	.sub_head { height: 100%; }
	.sub_head .box { display: block; }
	.sub_head .bg { position: relative; margin-top: 66px; margin-right: -20px; display: block; height: auto; }
	.sub_head .bg img { width: 299px; margin: 0 0 0 auto; }
	.sub_head .btn_box { margin-top: 24px; }
	.sub_head .tit_box { padding-top: 60px; }
	.sub_head .btn_box a { width: 146px; padding: 0; }
	.news_letter { margin: 70px 0 120px; }
	.news_letter h3 { margin-bottom: 28px; }
	.news_list { margin-right: 0; }
	.news_list li { width: 100%; margin-right: 0; margin-bottom: 32px; }
	.news_list li .img { height: 215px; }
	.news_list li .f22 { margin: 20px 0 14px; height: 48px; }
	.news_list li .txt { font-size: 1.17rem; line-height: 1.5; height: 39px; margin-bottom: 14px; }
	.news_list li div .line { width: 1px; height: 7px; background: #C7C7C7; margin: 0 7px; }
}
/* 팝업 */
.pop_wrap { display: none; position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; background: rgba(0,0,0,.4); }
.pop { display: none; position: relative; top: 50%; transform: translateY(-50%); width: 610px; margin: 0 auto; background: #FFFFFF; box-shadow: 0px 4px 14px 10px rgb(25 25 25 / 8%); border-radius: 20px; padding: 72px 65px; }
.pop .close { position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; background: url(../images/ic_x.svg)no-repeat; cursor: pointer; }
.pop .pop_head { margin-bottom: 10px; text-align: center; }
.pop .pop_content ul { margin: 40px 0 32px; }
.pop .pop_content ul li { margin-bottom: 16px; }
.pop .pop_content .txt { text-align: center; color: #555; }
.pop .pop_content .form label { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 32px 0; }
.pop .pop_content .form h3 { width: 92px; font-size: 1rem; font-weight: 400;}
.pop .pop_content .form label .input_type { background: #F5F5F5; border-radius: 2px; border: 0; height: 48px; padding: 15px 20px;  width: calc(100% - 92px); box-sizing: border-box; }
.pop .form .input_type:focus { outline: none; }
.pop .form .input_type:focus-visible { outline: none; }
.pop .form .ck-input .box { display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; width: 100%; }
.pop .form .ck-input span::before { background-image: url(../images/check_pop.svg); margin-right: 6px; padding: 0; }
.pop .form .ck-input input:checked+span:before { background-image: url(../images/check_pop_on.svg); }
.pop .pop_content .privacy h3 { width: 100%; margin-bottom: 9px; }
.pop .pop_content .privacy a { display: block; margin-left: 16px; text-decoration-line: underline; color: #C7C7C7; }
.pop .form .privacy table thead { position: relative; }
.pop .form .privacy table thead::before { content: ""; background: #191919; width: 100%; height: 1px; position: absolute; top: 0; left: 0; }
.pop .form .privacy table thead::after { content: ""; background: #191919; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; }
.pop .form .privacy table tr th { width: 25%; padding: 10px 0; text-align: center; border-right: 1px solid #D9D9D9; }
.pop .form .privacy table td { padding: 10px 14px; text-align: center; word-break: keep-all; border-right: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; font-size: 0.875rem; line-height: 1.2; }
.alert_txt { margin-top: 12px; font-size: 0.875rem; line-height: 1.2; color: #F35959; width: 100%; padding-left: 92px; }
.pop .pop_btn .btn { width: 100%; }
.pop .pop_btn .btn.off { background: #969696; }
.pop .s_txt { color: #999; }
.s_tit_pop { margin: 30px 0 12px 0; color: #151515; line-height: 1.2; }
@media (min-width: 768px) {
    .s_tit_pop { font-size: 0.937rem; }
}
@media (max-width: 767px) {
	.s_tit_sub { font-size: 1.5rem; }
	.pop .pop_head { margin-bottom: 16px; }
    .pop { width: calc(100% - 30px); margin: 0 20px; padding: 65px 30px 28px; }
	.pop .close { top: 16px; right: 16px; }
    .pop .pop_btn .btn { width: 96px; height: 41px; line-height: 1; }
	.pop .pop_content .txt { line-height: 1.35; font-size: 1.17rem; }
	.pop .pop_content ul { margin: 34px 0 25px; }
	.pop .pop_content ul li:last-child { margin-bottom: 0; }
	.pop .pop_content .form label { display: block; margin: 0 0 16px 0; }
	.pop .pop_content .form h3 { width: 100%; margin-bottom: 10px; font-size: 1.17rem; }
	.pop .pop_content .form label .input_type { height: 32px; width: 100%; padding: 9px 10px; }
	.alert_txt { padding-left: 0; margin-top: 6px; font-size: 1rem; }
	.pop_content .privacy h3 { display: none; }
	.pop_content .privacy table { display: none; }
	.pop_content .ck-input { display: flex; align-items: center; justify-content: center; font-size: 1.33rem; }
	.pop .pop_content .form .ck-input label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; }
	.pop .form .ck-input span::before { margin-right: 3px; width: 20px; height: 20px; background-size: contain; }
	.pop .pop_content .privacy a { margin-left: 12px; position: relative; top: -1px; }

}

/* 상세 */
.view_section { padding: 120px 0 240px; }
.view_section .container { max-width: 768px; }
.view_section .view .view_head { border-bottom: 1px solid #191919; padding-bottom: 64px; margin-bottom: 48px; }
.view_section .view .view_head .cate_box { margin-bottom: 33px; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; font-size: 1.1rem; }
.view_section .view .view_head .cate_box .cate { font-size: inherit; color: #565656; }
.view_section .view .view_head .cate_box .line { margin: 0 10px; background: #C7C7C7; }
.view_section .view .view_head h2 { line-height: 1.2; }
.view_section .view .view_body { margin-bottom: 128px; }
.view_section .view .view_body p { margin: 27px 0; line-height: 1.5; }
.view_section .view .view_body b { display: block; }
.view_body h1 { font-size: 4rem; line-height: 1.4; margin: 20px 0; }
.view_body h2 { font-size: 3rem; line-height: 1.5; margin: 20px 0; }
.view_body h3 { font-size: 2.1rem; line-height: 1.6; margin: 20px 0; }
.view_body h4 { font-size: 1.4rem; line-height: 1.6; margin: 20px 0; }
.view_body h5 { font-size: 1.1rem; line-height: 1.7; margin: 20px 0; }
.view_body h6 { font-size: 0.875rem; color: #666666; line-height: 1.7; margin: 20px 0; }
.view_body .aligncenter { text-align: center; }
.view_body img { height: auto; margin-bottom: 8px; }
.view_section .view .view_body li { margin: 0 0 0 4px; font-size: 1rem; list-style: disc; list-style-position: inside; line-height: 1.75 }
.view_section .view .view_body img { margin-top: 49px; }
.wp-block-embed__wrapper {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
.wp-block-embed__wrapper iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.veiw_btn { border-top: 1px solid #C7C7C7; margin-bottom: 64px; }
.veiw_btn li { border-bottom: 1px solid #C7C7C7; padding: 25px 0; }
.veiw_btn li a { display: flex; flex-wrap: nowrap; align-items: center; }
.veiw_btn li p { height: 15px; overflow: hidden; }
.veiw_btn li span { font-weight: 700; margin-right: 68px; }
.veiw_btn li.off p { color: #C7C7C7; }
@media (max-width: 767px) {
	.view_section { padding: 60px 0 120px; }
	.view_section .view .view_head .cate_box .line { margin: 0 5px; }
	.view_section .view .view_head { padding-bottom: 30px; margin-bottom: 40px; }
	.view_section .view .view_body { margin-bottom: 60px; }
	.view_section .view .view_body p { margin: 15px 0; }
	.view_section .view .view_body img { margin: 30px 0 5px; width: auto; height: auto; }
	.veiw_btn li { padding: 20px 0; }
	.veiw_btn li p { height: 12px; }
	.veiw_btn { margin-bottom: 30px; }

}

/* 개인정보처리방침 */
.policy_section { padding: 100px 0 200px; }
.policy_section .tit_box { margin-bottom: 120px; }
.policy_section .cont_box { margin-bottom: 60px; }
.policy_section .cont_box:last-child { margin-bottom: 0; }
.policy_section .txt { background-color: #f4f4f4; border: 1px solid #e2e2e2; padding: 20px; margin-top: 30px; line-height: 1.4; }
.policy_section .txt h3 { margin-bottom: 10px; }
.policy_txt ul li { margin-bottom: 60px; }
.policy_txt ul li:last-child { margin-bottom: 0; }
.policy_txt ul li p { font-size: 1.2rem; margin-bottom: 20px; }
.policy_txt ul li dl { font-size: 1rem; line-height: 1.4; }
.policy_txt ul li dl dd { margin-bottom: 8px; line-height: 1.4; }
.policy_txt ul li dl dt { margin-bottom: 8px; line-height: 1.4; }
.policy_txt table { margin: 20px 0; }
.policy_txt table tr { font-size: 1rem; }
.policy_txt table th { padding: 20px; color: #858585; height: 50px; background-color: #F4F4F4; }
.policy_txt table td { padding: 20px; color: #858585; height: 50px; }
@media (max-width: 767px) {
	.policy_section .tit_box { margin-bottom: 60px; }
	.policy_section { padding: 60px 0 100px; }
	.policy_section .txt { margin-top: 15px; }
	.policy_txt table td { padding: 10px 20px; }
}