@charset "UTF-8";

/* CSS RESET */
@import url("https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;700&display=swap");
@import url("https://fonts.cdnfonts.com/css/myriad-pro");
@import url("https://fonts.googleapis.com/css?family=Noto Sans");

/* 폰트 : Lexend */
@font-face {
	font-family: 'Lexend';
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lexend/v18/wlpwgwvFAVdoq2_v9KQU4Wc.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
	font-family: 'Lexend';
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lexend/v18/wlpwgwvFAVdoq2_v9aQU4Wc.woff2) format('woff2');
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Lexend';
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lexend/v18/wlpwgwvFAVdoq2_v-6QU.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* vietnamese */
@font-face {
	font-family: 'Lexend';
	font-style: normal;
	font-weight: 200;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lexend/v18/wlpwgwvFAVdoq2_v9KQU4Wc.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
	font-family: 'Lexend';
	font-style: normal;
	font-weight: 200;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lexend/v18/wlpwgwvFAVdoq2_v9aQU4Wc.woff2) format('woff2');
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Lexend';
	font-style: normal;
	font-weight: 200;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lexend/v18/wlpwgwvFAVdoq2_v-6QU.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* vietnamese */
@font-face {
	font-family: 'Lexend';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lexend/v18/wlpwgwvFAVdoq2_v9KQU4Wc.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
	font-family: 'Lexend';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lexend/v18/wlpwgwvFAVdoq2_v9aQU4Wc.woff2) format('woff2');
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Lexend';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lexend/v18/wlpwgwvFAVdoq2_v-6QU.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* vietnamese */
@font-face {
	font-family: 'Lexend';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lexend/v18/wlpwgwvFAVdoq2_v9KQU4Wc.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
	font-family: 'Lexend';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lexend/v18/wlpwgwvFAVdoq2_v9aQU4Wc.woff2) format('woff2');
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Lexend';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lexend/v18/wlpwgwvFAVdoq2_v-6QU.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* vietnamese */
@font-face {
	font-family: 'Lexend';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lexend/v18/wlpwgwvFAVdoq2_v9KQU4Wc.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
	font-family: 'Lexend';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lexend/v18/wlpwgwvFAVdoq2_v9aQU4Wc.woff2) format('woff2');
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Lexend';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lexend/v18/wlpwgwvFAVdoq2_v-6QU.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* vietnamese */
@font-face {
	font-family: 'Lexend';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lexend/v18/wlpwgwvFAVdoq2_v9KQU4Wc.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
	font-family: 'Lexend';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lexend/v18/wlpwgwvFAVdoq2_v9aQU4Wc.woff2) format('woff2');
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Lexend';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lexend/v18/wlpwgwvFAVdoq2_v-6QU.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* vietnamese */
@font-face {
	font-family: 'Lexend';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lexend/v18/wlpwgwvFAVdoq2_v9KQU4Wc.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
	font-family: 'Lexend';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lexend/v18/wlpwgwvFAVdoq2_v9aQU4Wc.woff2) format('woff2');
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Lexend';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lexend/v18/wlpwgwvFAVdoq2_v-6QU.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* vietnamese */
@font-face {
	font-family: 'Lexend';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lexend/v18/wlpwgwvFAVdoq2_v9KQU4Wc.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
	font-family: 'Lexend';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lexend/v18/wlpwgwvFAVdoq2_v9aQU4Wc.woff2) format('woff2');
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Lexend';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lexend/v18/wlpwgwvFAVdoq2_v-6QU.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* vietnamese */
@font-face {
	font-family: 'Lexend';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lexend/v18/wlpwgwvFAVdoq2_v9KQU4Wc.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
	font-family: 'Lexend';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lexend/v18/wlpwgwvFAVdoq2_v9aQU4Wc.woff2) format('woff2');
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Lexend';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lexend/v18/wlpwgwvFAVdoq2_v-6QU.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 400;
	font-stretch: 100%;
	src: url("https://fonts.gstatic.com/s/notosans/v36/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9X6VLKzA.woff2") format("woff2");
	unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* 기존작업자 */
* {
	margin: 0;
	padding: 0;
}

ul,
ol,
li {
	list-style: none;
}

a {
	text-decoration: none;
}

img,
video {
	vertical-align: middle;
}

table {
	border-collapse: collapse;
}

input,
select,
textarea {
	outline: 0;
	border: 1px solid #000;
	box-sizing: border-box;
}

textarea {
	resize: none;
}

table {
	border-collapse: collapse;
}

body {
	word-break: keep-all;
}

.clear_fix::after {
	content: "";
	display: block;
	clear: both;
}

.mobile-break {
	display: none;
}

img {
	image-rendering: -moz-crisp-edges !important;
	/* Firefox */
	image-rendering: -o-crisp-edges !important;
	/* Opera */
	image-rendering: -webkit-optimize-contrast !important;
	/* Webkit (non-standard naming) */
	image-rendering: crisp-edges !important;
	-ms-interpolation-mode: nearest-neighbor !important;
	/* IE (non-standard property) */
}

/* FONTS */
.pg-vertical .pg-pips {
	left: 30px;
}

#container {
	overflow-x: hidden;
}

#container .scrollbtn {
	width: 40px;
	height: 100px;
	position: fixed;
	z-index: 100;
	left: 50%;
	bottom: 0px;
	transform: translateX(-50%);
	cursor: pointer;
	display: none
}

#container .contactbtn {
	width: 100px;
	height: 100px;
	position: fixed;
	z-index: 100;
	right: -30px;
	bottom: 20px;
	transform: translateX(-50%);
	cursor: pointer;
}

#container .phonenum h2 {
	font-family: "Lexend", sans-serif;
	font-weight: 600;
	font-size: 20px;
	border-radius: 500px;
	color: #fff;
	background-color: rgba(110, 110, 110, 0.8);
	width: fit-content;
	position: fixed;
	z-index: 100;
	right: 40px;
	bottom: 50px;
	transform: translateX(-50%);
	padding: 10px 20px;
}

#container .cont1 {
	width: 100%;
	height: 100vh;
	position: relative;
}

#container .cont1 .swipercont {
	position: absolute;
	width: 100%;
	height: 100%;
}

#container .cont1 .swipercont .mySwiper {
	width: 100%;
	height: 100%;
}

#container .cont1 .swipercont .swiper-button-prev {
	background-image: url("/img/arrowleft.svg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	left: var(--swiper-navigation-sides-offset, 100px);
}

#container .cont1 .swipercont .swiper-button-prev::after {
	display: none;
}

#container .cont1 .swipercont .swiper-button-next {
	background-image: url("/img/arrowright.svg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	right: var(--swiper-navigation-sides-offset, 100px);
}

#container .cont1 .swipercont .swiper-button-next::after {
	display: none;
}

#container .cont1 .swipercont .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

#container .cont1 .swipercont .swiper-slide .bg {
	background-image: url("/img/mainbg1.png");
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
}

#container .cont1 .swipercont .swiper-slide:nth-of-type(2) .bg {
	background-image: url("/img/mainbg2.png");
}

#container .cont1 .swipercont .swiper-slide:nth-of-type(3) .bg {
	background-image: url("/img/mainbg3.png");
}

#container .cont1 .swipercont .swiper-slide .context {
	position: absolute;
	font-family: "Titillium Web";
	color: #fff;
}

/*헤더*/
.header {
	height: 70px;
	background-color: #fff;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	border-bottom: 1px solid #BDBDBD;
}

.header .headercont {
	max-width: 1400px;
	width: 93%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
}

.header .headercont .right .gnb {
	font-family: "Lexend", sans-serif;
	display: flex;
	font-size: 1em;
}

.header .headercont .right .gnb>li {
	margin-right: 2em;
}

.header .headercont .right .gnb>li>a {
	padding: 4px 20px;
	color: #fff;
}

.header .headercont .right .gnb>li>a.active {
	background-color: #999;
	color: #fff;
	border-radius: 20px;
	border-bottom: none !important;
}

.header .headercont .right .gnb>li>a:hover {
	border-bottom: 1px solid #fff;
	position: relative;
	top: 1px;
}

.header .headercont .right .gnb .langselect {
	display: flex;
}

.header .headercont .right .gnb .langselect li {
	margin-right: 30px;
}

.header .headercont .right .gnb .langselect li a {
	transition: all 0.3s;
	color: #fff;
	padding: 5px 10px;
}

.header .headercont .right .gnb .langselect li a.active {
	border-bottom: 1px solid #ddd;
}

.burger_btn {
	display: none;
	width: 30px;
	height: 30px;
	background: url('/img/burger-w.png') 0 0 /cover no-repeat;
	border: none;
	cursor: pointer;
}

.m_gnb_wrap {
	font-family: "Lexend";
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	width: 100vw;
	height: 100vh;
	z-index: 9999;
}

.m_gnb_wrap.active {
	display: block;
}

.m_gnb_wrap .m_gnb_overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	opacity: .5;
	cursor: pointer;
}

.m_gnb_wrap .m_gnb_content {
	width: 280px;
	background: #fff;
	z-index: 10;
	position: relative;
	height: 100%;
	overflow-y: auto;
	padding: 35px 15px;
	float: right
}

.m_gnb_content .m_gnb_close {
	position: absolute;
	top: 28px;
	right: 8px;
	width: 35px;
	height: 35px;
	background: url('/img/m_close.png') 0 0 / cover no-repeat;
	border: none;
	cursor: pointer;
}

.m_gnb_content .logo_box {
	max-width: 150px;
	margin: -12px 0 50px;
}

.m_gnb_content .gnb {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.m_gnb_content .gnb li:not(:last-child) {
	border-bottom: 1px solid #ddd;
}

.m_gnb_content .gnb li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	line-height: 30px;
	color: #008FD1;
	font-weight: 500;
	font-size: 17px;
	height: 70px;
}

.m_gnb_content .langselect {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;
	margin: 30px auto;
}

.m_gnb_content .langselect a {
	font-weight: 500;
	color: #606060;
}

.m_gnb_content .langselect a.active {
	color: #008FD1;
}

/*푸터*/
#footer {
	/* width: 100%;
	  height: 9em; */
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #231f20;
	color: #fff;
}

#footer .footercont .logo img {
	width: 172px;
	margin-top: -12px;
}

#footer .footercont {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	max-width: 1400px;
	width: 100%;
	/* margin: 0 auto; */
	font-size: 16px;
	line-height: 20px;
	font-family: "Myriad Pro";
	color: rgba(255, 255, 255, 0.7);
}

#footer .footercont .middlecont p {
	font-weight: 400;
	font-size: 13px;
	line-height: 15.51px;
	color: #CCCCCC;
	margin-top: 14px;
	letter-spacing: -0.025em;
}

#footer .footercont .middlecont #copyright {
	font-weight: 400;
	font-size: 13px;
	line-height: 15.51px;
	color: #767676;
	margin-top: 22px;
}

#footer .footercont .vertical_dotted_line {
	color: #FFFFFF;
	height: 216px;
	border-left: 0.6px dashed #FFFFFF;
	margin-right: 7%;
}

#footer .footercont .rightcont img {
	width: 52px;
	height: 52px;
}

#footer .footercont .rightcont h5 {
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	color: #FFFFFF;
	margin-bottom: 5%
}

#footer .footercont .rightcont p {
	font-weight: 400;
	font-size: 16px;
	line-height: 22.4px;
	color: #CCCCCC;
	margin-bottom: 5%
}

/* 서울특별시 마포구 성암로 330, DMC첨단산업센터 XR코워킹 오피스 4층 401-8호 (주)쓰리디뱅크 */



/* #footer .footercont .middlecont p span:after {
	  content: "|";
	  display: inline-block;
	  margin-left: 0.75em;
	  margin-right: 0.75em;
	  position: relative;
	  top: -1px;
	  color:rgba(255,255,255,0.2)
	} */

#footer .footercont .middlecont p span:last-of-type:after {
	display: none;
}

#footer>div>div.rightcont>p>span:nth-child(1)>a:after {
	content: "|";
	display: inline-block;
	margin-left: 0.75em;
	margin-right: 0.75em;
	position: relative;
	top: -1px;
	color: rgba(255, 255, 255, 0.3)
}

#footer>div>div.rightcont>p>span>a {
	color: #fff;
}

.scrolled {
	display: none;
}

/*페이지 스크롤시 구간*/
.header.scrolled>.headercont {
	color: #ddd;
	/* other styles for the scrolled header */
}

.header.scrolled>.headercont>div.right>.gnb>li>a {
	color: #999;
}

.header.scrolled>.headercont>div.right>.gnb>li>a:hover {
	border-bottom: 1px solid #999;
}

.header.scrolled>.headercont>div.right>.gnb>.langselect>li>a {
	color: #999;
}

.header.scrolled>.headercont>div.right>.gnb>li>a.active {
	color: #000;
}

.header.scrolled>.headercont>div.right>.gnb>.langselect>li>a.active {
	color: #000;
	border-bottom: 1px solid #000;
}

.header.scrolled>.headercont>div.left>a>img {
	content: url("/img/logo.png");
}

.pg-vertical .pg-pips {
	width: 50px;
}

.pg-pips ul {
	width: 50px;
}

#container .cont1 .swipercont .swiper-slide {
	overflow: hidden;
}

#container .cont1 .swipercont .swiper-slide .bg {
	animation: zoom-animation 5s infinite alternate;
}

#footer .footercont-mobile {
	display: none;
}


.service-cards {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	height: 620px;
}

.service-card {
	position: relative;
	width: 25%;
	border-radius: 20px;
	overflow: hidden;
	background-color: #fff;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	transition: width 0.3s ease;
}

.service-card:hover {
	width: 40%;

}

.service-card .circle-arrow-button {
	position: absolute;
	margin-top: 30px;
	right: 14px;
	background: none;
	border: none;
	padding: 0%;
	cursor: pointer;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	overflow: hidden;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.service-card:hover .circle-arrow-button {
	opacity: 1;
}

.service-card .circle-arrow-button img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.service-card .circle-arrow-button:hover img {
	transform: scale(1.1);
	/* Zoom effect on hover */
}

.service-card img {
	width: 100%;
	height: 300px;
	object-fit: cover;
	border-radius: 20px 20px 0 0;
}

.card {
	position: relative;
	width: 300px;
	border-radius: 20px;
	overflow: hidden;
	background-color: #fff;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease;
}

.card img {
	width: 100%;
	height: 300px;
	object-fit: cover;
	border-radius: 20px 20px 0 0;
}

.card-title {
	position: absolute;
	/* bottom: 80px; */
	left: 10px;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	/* width: 90%; */
	line-height: 28px;
	margin: 30px 30px 30px 30px;
	transition: width 0.1s ease;
}

.service-card:hover .card-title {
	width: 70%;
}

.card-title.card-description {
	font-weight: normal;
}

.card-button {
	position: absolute;
	bottom: 10px;
	/* left: 10px;
	padding: 5px 10px; */
	color: #fff;
	border-radius: 100px;
	text-align: left;
	/* font-size: 0.9rem; */
	width: -webkit-fill-available;
	cursor: pointer;
	text-decoration: none;
	transition: background 0.3s ease;
	background: linear-gradient(to right, #434a51, #81878d);
	height: 60px;
	margin: 5% 5% 5% 5%;
}

.card-button p {
	position: relative;
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
	color: #FFFFFF;
	top: 25%;
	left: 10%;
}

.card-button::after {
	content: '>';
	position: absolute;
	right: 15px;
	font-size: 1.2rem;
	top: 50%;
	transform: translateY(-50%);
}

.card:hover {
	transform: translateY(-10px);
}

.card-button:hover {
	background: linear-gradient(to right, #383e43, #6e7479);
}

.qr-icon {
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 10px;
	background-image: url('qr-code.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.top_menu {
	display: initial;
}

.top_menu ul {
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	overflow: hidden;
	list-style-type: none;
	display: flex;
	justify-content: center;
	width: 100%;
	border-bottom: 2px solid #DDDDDD;
	background-color: #FFF;
	height: 50px;
	align-items: center;
	z-index: 100;
}

.top_menu ul li a {
	font-weight: 700;
	font-size: 18px;
	line-height: 25.2px;
	color: #CECECE;
	font-family: 'Noto Sans';
}

.top_menu ul li {
	height: 100%;
	align-content: center;
	padding: 0 1.5%;
}

.top_menu ul li.active {
	border-bottom: 2px solid #000;
}

.top_menu ul li.active a {
	font-weight: 700;
	font-size: 18px;
	line-height: 25.2px;
	color: #000;
}


#top_menu_about {
	display: initial;
}

#top_menu_about ul {
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	overflow: hidden;
	list-style-type: none;
	display: flex;
	justify-content: center;
	width: 100%;
	border-bottom: 2px solid #DDDDDD;
	background-color: #FFF;
	height: 50px;
	align-items: center;
	z-index: 100;
}

#top_menu_about ul li a {
	font-weight: 700;
	font-size: 18px;
	line-height: 25.2px;
	color: #CECECE;
	font-family: 'Noto Sans';
}

#top_menu_about ul li {
	height: 100%;
	align-content: center;
	padding: 0 1.5%;
}

#top_menu_about ul li.active {
	border-bottom: 2px solid #000;
}

#top_menu_about ul li.active a {
	font-weight: 700;
	font-size: 18px;
	line-height: 25.2px;
	color: #000;
}

.about .section_wrap .section_04 .content_box .add_scroll .inner-mobile {
	display: none;
}

.containerIPR {
	width: 130%;
}

.containerCert {
	width: 130%;
}

/* .new-main #section4 .markbox li{padding:20px 0 22px} */
.new-main #section4 .markbox li:nth-child(1),
.new-main #section4 .markbox li:nth-child(2),
.new-main #section4 .markbox li:nth-child(3),
.new-main #section4 .markbox li:nth-child(4),
.new-main #section4 .markbox li:nth-child(5),
.new-main #section4 .markbox li:nth-child(6),
.new-main #section4 .markbox li:nth-child(7) {
	border-bottom: 2px solid #eee
}

.new-main #section4 .markbox ul {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 15px;
	border: 2px solid #eee;
	background: #EFF4F8
}

@keyframes zoom-animation {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.05);
	}

	100% {
		transform: scale(1);
	}
}


@media (max-width: 1200px) {
	.header .headercont .right .gnb {
		display: none;
	}

	.burger_btn {
		display: block;
	}

	.new-main #section4 .markbox ul:nth-child(1) {
		background: #fff;
		border: 0px;
	}

	/* .new-main #section4 .markbox li{padding:20px 0 22px} */
	.new-main #section4 .markbox li:nth-child(1),
	.new-main #section4 .markbox li:nth-child(2),
	.new-main #section4 .markbox li:nth-child(3),
	.new-main #section4 .markbox li:nth-child(4),
	.new-main #section4 .markbox li:nth-child(5),
	.new-main #section4 .markbox li:nth-child(6),
	.new-main #section4 .markbox li:nth-child(7) {
		border-bottom: 0px solid #eee
	}

	.markbox {
		width: 99%;
	}
}


@media (max-width: 900px) {
	.service-card {
		transition: height 0.3s ease;
	}

	.service-card:hover {
		width: 100%;
		height: 200px;
	}

	.service-card .circle-arrow-button {
		margin-top: 14px;
	}

	.pg-vertical .pg-pips {
		left: 0;
	}

	#container .scrollbtn,
	#container .phonenum {
		visibility: hidden;
	}

	#container .contactbtn {
		width: 60px;
		height: 60px;
		right: 0;
		bottom: 0;
	}

	#container .cont1 .swipercont .swiper-slide .context {
		width: 93%;
		margin: 0 auto;
	}

	#container .cont1 .swipercont .swiper-slide .context h2 {
		line-height: 1;
	}

	#container .cont1 .swipercont .swiper-button-next,
	#container .cont1 .swipercont .swiper-button-prev {
		display: none;
	}

	#container .cont2 .bg {
		width: 100%;
		z-index: -1;
	}

	#container .cont2 .content {
		flex-direction: column;
		gap: 90px;
		width: 93%;
	}

	#container .cont2 .content .context {
		width: 100%;
		height: auto;
	}

	#container .cont2 .content .context .text p {
		display: none;
	}

	#container .cont2 .content .context .menulist {
		z-index: unset;
		font-size: unset;
		line-height: unset;
		width: auto;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	#container .cont2 .content .context .menulist ul {
		display: flex;
	}

	#container .cont2 .content .context .menulist ul li {
		padding-bottom: unset;
		line-height: unset;
	}

	#container .cont2 .content .context .menulist ul li a {
		font-size: 16px;
		color: #606060;
		font-family: "Titillium Web";
		margin-right: 30px;
		font-weight: 400;
	}

	#container .cont2 .content .context .menulist ul li a:after {
		content: "|";
		display: inline-block;
		position: relative;
		left: 15px;
		top: -2px;
		width: auto;
		border-bottom: none;
	}

	#container .cont2 .content .context .menulist ul li:last-child a {
		margin-right: 0;
	}

	#container .cont2 .content .context .menulist ul li:last-child a:after {
		display: none;
	}

	#container .cont2 .content .rightimg {
		padding-right: 0;
	}

	#container .cont2 .content .rightimg img {
		width: 100%;
		max-width: 100%;
	}

	#container .cont3 .bg {
		width: 100%;
	}

	#container .cont3>.context {
		width: 93%;
		height: auto;
		gap: 90px;
	}

	#container .cont3>.context .top {
		align-items: normal;
		flex-direction: column;
	}

	#container .cont3>.context .top .left p {
		display: none;
	}

	#container .cont3>.context .top .right {
		justify-content: flex-end;
	}

	#container .cont3>.context .top .right ul li:last-child a {
		margin-right: 0;
	}

	#container .cont3>.context .swipercont .swiper .swiper-wrapper {
		padding-top: 0;
		padding-bottom: 70px;
		height: auto;
		max-height: 400px;
	}

	#container .cont3>.context .swipercont .swiper .swiper-button-next,
	#container .cont3>.context .swipercont .swiper .swiper-button-prev {
		visibility: hidden;
	}

	#container .cont3>.context .swipercont .swiper .swiper-wrapper .swiper-slide .imgcont img {
		height: auto;
	}

	#container .cont3>.context .swipercont .swiper .swiper-wrapper .swiper-slide .context .left {
		width: 100%;
	}

	#container .cont3>.context .swipercont .swiper .swiper-wrapper .swiper-slide .context .left h2 {
		font-size: 18px;
	}

	#container .cont3>.context .swipercont .swiper .swiper-wrapper .swiper-slide .context .right {
		display: none;
	}

	#container .cont4 .content {
		width: 90%;
		align-items: normal;
	}

	#container .cont4 .content>.left {
		display: none;
	}

	#container .cont4 .content .right {
		width: 100%;
	}

	#footer {
		height: auto !important;
		padding: 16px 0;
	}

	#footer .footercont {
		display: none;
		flex-direction: column;
		width: 93%;
	}

	#footer .footercont-mobile {
		display: block;
		padding: 0px 16px 16px 16px;
	}

	#footer .footercont-mobile .logo h5 {
		margin-top: 40px;
		font-family: Pretendard, sans-serif;
		font-size: 16px;
		font-weight: 500;
		line-height: 19.2px;
		text-align: left;
		color: #FFFFFF;
		margin-bottom: 16px;
		padding: 0;
	}

	#footer .footercont-mobile .logo p {
		font-family: Pretendard, sans-serif;
		font-size: 13px;
		font-weight: 400;
		line-height: 15.6px;
		letter-spacing: -0.025em;
		text-align: left;
		color: #CCCCCC;
	}

	#footer .footercont-mobile .logo div img {
		width: 52px;
		height: 52px;

	}

	#footer .footercont-mobile .logo .vertical_dotted_line {
		color: #FFFFFF;
		height: 26px;
		border-bottom: 1px solid #FFFFFF1A;
		margin-right: 7%;
	}

	#footer .footercont-mobile .logo .middlecont p {
		font-family: Pretendard, sans-serif;
		font-size: 13px;
		font-weight: 400;
		line-height: 20px;
		letter-spacing: -0.025em;
		text-align: left;
		color: #CCCCCC;
	}

	#footer .footercont-mobile .logo #copyright {
		padding-top: 61px;
		font-family: Pretendard, sans-serif;
		font-size: 13px;
		font-weight: 400;
		line-height: 15.51px;
		letter-spacing: -0.025em;
		text-align: left;
		color: #767676;
	}

	.top_menu ul {
		text-align: center;
		justify-content: space-evenly;
	}

	.top_menu ul li a {
		font-family: Pretendard, sans-serif;
		font-size: 13px;
		font-weight: 600;
		line-height: 18.2px;
		text-align: left;
		color: #CECECE;
	}

	.top_menu ul li.active {
		border: 0px;
	}

	.top_menu ul li.active a {
		font-family: Pretendard, sans-serif;
		font-size: 13px;
		font-weight: 600;
		line-height: 18.2px;
		text-align: center;
		color: #000000;
	}

	#top_menu_about ul {
		text-align: center;
		justify-content: space-evenly;
		height: auto;
		flex-wrap: wrap;
	}

	#top_menu_about ul li {
		height: 50%;
	}

	#top_menu_about ul li a {
		font-family: Pretendard, sans-serif;
		font-size: 13px;
		font-weight: 600;
		line-height: 18.2px;
		text-align: left;
		color: #CECECE;
	}

	#top_menu_about ul li.active {
		border: 0px;
	}

	#top_menu_about ul li.active a {
		font-family: Pretendard, sans-serif;
		font-size: 13px;
		font-weight: 600;
		line-height: 18.2px;
		text-align: center;
		color: #000000;
	}

	.about .section_wrap section .content_box .add_scroll .inner .business-areas {
		flex-direction: column;
	}

	.about .section_wrap section #content_add_box {
		flex-direction: column;
	}

	.add_box .static-card-green {
		width: 100%;
	}



}

@media (max-width: 500px) {
	.service-card {
		transition: height 0.3s ease;
	}

	.service-card:hover {
		height: 200px;
		width: 100%;
	}

	.service-card .circle-arrow-button {
		margin-top: 14px;
	}

	.pg-vertical .pg-pips {
		display: none;
	}

	#container .cont1 .swipercont .swiper-slide .context h2 {
		font-size: 46px;
	}

	#container .cont2 .content .context .text h2,
	#container .cont3>.context .top .left h2 {
		font-size: 3em;
	}

	#container .cont2 .content .context .menulist ul li a {
		font-size: 14px;
		font-weight: 600;
		margin-right: 20px;
	}

	#container .cont2 .content .context .menulist ul li a:after {
		left: 10px;
	}

	#container .cont3>.context .top .right ul li a {
		font-size: 14px;
		font-weight: 600;
		margin-right: 20px;
	}

	#container .cont3>.context .top .right ul li a::after {
		left: 10px;
	}

	#container .cont3>.context .swipercont .swiper .swiper-wrapper .swiper-slide .context .left h2 {
		font-size: 16px;
	}

	#container .cont4 .content .right h2 {
		font-size: 2.4rem;
	}

	#container .cont4 .content .right p {
		font-size: 18px;
	}

	#container .cont4 .content .right .bot {
		justify-content: center;
		gap: 16px;
	}

	#container .cont4 .content .right .bot .left,
	#container .cont4 .content .right .bot .right {
		width: auto;
	}

	#container .cont4 .content .right .bot .left p,
	#container .cont4 .content .right .bot .right p {
		font-size: 16px;
	}
}

/* 공통 */
html,
body {
	overflow-x: clip
}

.b8,
.b6 {
	display: none
}

/* 헤더 */
.header {
	font-family: "Lexend", sans-serif;
	font-weight: 500;
	z-index: 100
}

.header .inner {
	width: 100%;
	/* max-width: 1400px; */
	margin: 0 auto;
	padding: 0 60px;
	display: flex
}

.header .logo {
	width: 20%;
	top: 18px;
	left: 137px;
	flex: 20%;
}

.header .logo img {
	max-width: 150px;
	position: fixed;
	left: 60px;
	top: 18px;
	width: 137px;
	height: 34px;
}

.header .logo .white {
	display: none
}

.header .menu {
	width: 100%;
	flex: 60%;
}

.header .menu ul {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 40px;
	top: 15px;
	left: 658px;
	gap: 80px;
	position: static;
}

.header .menu li a {
	color: #232324;
	padding: 8px;
	gap: 5.16px;
	font-family: 'Noto Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	height: 24px;
}

.header .menu li a.active {
	color: #000;
	border-radius: 500px;
	font-weight: 600;
}

.header .wpml {
	width: 15%;
	display: flex;
	flex: 20%;
	gap: 30px;
}

.header .wpml ul {
	flex: 50%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 100%;
	padding-top: 0px
}

.header .wpml li a {
	color: #6F6F6F;
	padding: 8px;
	position: relative;
	font-weight: 500
}

.header .wpml li a.active {
	color: #000
}

.header .wpml li a.active:after {
	display: block;
	clear: both;
	content: '';
	width: 25px;
	height: 2px;
	color: #6F6F6F;
	position: absolute;
	bottom: 5px;
	left: 7px
}

.header .burger_btn {
	float: right
}

.header.scrolled .burger_btn {
	background: url('/img/burger.png') 0 0 /cover no-repeat
}

.header.scrolled .logo .white {
	display: none
}

.header.scrolled .logo .color {
	display: block
}

.header.scrolled .menu li a {
	color: #222
}

.header.scrolled .wpml li a {
	color: #222
}

.header.scrolled .wpml li a.active {
	color: #008FD1
}

.header.scrolled .wpml li a.active:after {
	background: #008FD1
}

/* 푸터 */
#footer {
	height: auto !important;
	background: #202020 !important;
	padding: 75px 19% !important
}

#footer .footercont {
	font-family: "Titillium Web", 'SUIT', sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 28px
}

#footer .footercont .logo {
	width: 20%
}

#footer .footercont .middlecont {
	width: 105%;
}

#footer .footercont .rightcont {
	width: 45%
}

#footer .rightcont {
	font-weight: 400;
	letter-spacing: 0
}

.family_select {
	float: right;
	font-family: "Lexend", Sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.9);
	padding: 12px 100px 12px 5px;
	border: none;
	border-bottom: 2px solid rgba(255, 255, 255, 0.8);
	outline: none;
	margin-top: -10px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: url('/img/select-w.png') no-repeat 98% 50%
}

.family_select::-ms-expand {
	display: none
}

.family_select option {
	color: #222;
	font-weight: 400
}

.top-btn {
	display: none;
	position: fixed;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.15);
	color: rgba(255, 255, 255, 0.95);
	width: 50px;
	height: 50px;
	z-index: 50 !important;
	text-align: center;
	font-family: "Poppins", Sans-serif;
	font-weight: 500;
	line-height: 52px;
	font-size: 15px;
	cursor: pointer
}

.top-btn:hover {
	background: rgba(0, 0, 0, 0.4);
	transition: all .3s ease-in-out
}

/* 메인 */
.new-main .customer {
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 10;
}

.new-main .customer a {
	cursor: default;
	display: flex;
	justify-content: center;
	align-items: center
}

.new-main .customer p {
	background: rgba(110, 110, 110, 0.8);
	border-radius: 500px;
	padding: 8px 30px;
	font-family: "Lexend", Sans-serif;
	font-size: 20px;
	line-height: 20px;
	font-weight: 500;
	letter-spacing: 0.5px;
	color: #fff
}

.new-main .customer img {
	width: 80px;
	margin-left: 10px
}

.new-main .section .inner {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto
}

.new-main .section .textbox {
	z-index: 2;
	position: relative
}

.new-main .section .textbox h3 {
	font-family: "Lexend", Sans-serif;
	font-size: 42px;
	line-height: 50.4px;
	font-weight: 700;
	text-transform: uppercase;
	color: #000000;
	margin-top: 50px
}

.new-main .section .textbox p {
	font-family: "SUIT", sans-serif;
	font-size: 16px;
	line-height: 22.4px;
	font-weight: 500;
	color: #666;
	margin: 7px 0 29px 5px
}

.new-main #section1 .textbox h3 {
	text-transform: none
}

.new-main #section1 .swiper-wrapper {
	height: 100vh
}

.new-main #section1 .swiper-slide {
	overflow: hidden;
	background: #000;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center
}

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

.new-main #section1 .swiper-button-prev:after,
.new-main #section1 .swiper-button-next:after {
	display: none
}

.new-main #section1 .swiper-button-prev,
.new-main #section1 .swiper-button-next {
	opacity: 0.4;
	top: 50%;
	width: 66px;
	height: 66px;
	border: 1px solid #fff;
	border-radius: 500px
}

.new-main #section1 .swiper-button-next {
	background: url('/img/new-arrow2.png') no-repeat center center !important;
	right: 50% !important;
	transform: translate(700px, -25%)
}

.new-main #section1 .swiper-button-prev {
	background: url('/img/new-arrow1.png') no-repeat center center !important;
	left: 50% !important;
	transform: translate(-700px, -25%)
}

.new-main #section1 .swiper-button-prev:hover,
.new-main #section1 .swiper-button-next:hover {
	opacity: 1;
	transition: all .3s ease-in-out
}

.new-main #section1 .swiper-pagination-bullet {
	background: #fff !important
}

.new-main #section1 .textbox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	width: 60%
}

.new-main #section1 .textbox h2 {
	font-family: "Lexend", Sans-serif;
	font-size: 70px;
	line-height: 80px;
	font-weight: 700;
	text-transform: uppercase;
	margin: -30px 0 30px
}

.new-main #section1 .textbox h3 {
	font-family: "SUIT", sans-serif;
	font-size: 22px;
	line-height: 35px;
	font-weight: 600;
	color: #fff
}

.new-main #section1 video {
	opacity: 0.7;
	object-fit: cover
}

#fp-nav {
	top: 0;
	left: 0 !important;
	right: auto;
	width: 60px;
	height: 100vh;
	transform: translate(0, 0)
}

#fp-nav ul {
	width: 100%;
	height: 100%;
	border-right: 1px solid rgba(0, 0, 0, 0.1)
}

#fp-nav li {
	width: 100% !important;
	height: 25% !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0 !important
}

#fp-nav li a span {
	border-radius: 0 !important;
	position: relative !important;
	left: 0 !important;
	top: 0 !important;
	background: rgba(0, 0, 0, 0) !important;
	width: 100% !important;
	height: 100% !important;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0
}

#fp-nav li a span.fp-sr-only:after {
	display: block;
	font-family: "Lexend", Sans-serif;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	color: rgba(0, 0, 0, 0.2);
	transform: rotate(-90deg);
	transform-origin: center;
}

#fp-nav li a.active span.fp-sr-only:after {
	color: rgba(0, 0, 0, 0.7)
}

#fp-nav li:nth-child(1) a.active span.fp-sr-only:after {
	color: rgba(0, 0, 0, 0.2)
}

#fp-nav li:nth-child(1) a span.fp-sr-only:after {
	content: 'Main'
}

#fp-nav li:nth-child(2) a span.fp-sr-only:after {
	content: 'Service'
}

#fp-nav li:nth-child(3) a span.fp-sr-only:after {
	content: 'Reference'
}

#fp-nav li:nth-child(4) a span.fp-sr-only:after {
	content: 'Partners'
}

.new-main .fp-watermark {
	display: none !important
}

.new-main #section2 {
	background-size: 49%;
	padding: 0 19%
}

.new-main #section2 .textbox li a {
	font-family: "Lexend", Sans-serif;
	font-size: 22px;
	line-height: 35px;
	font-weight: 700;
	text-transform: uppercase;
	color: #222;
	border-bottom: 3px solid rgba(0, 0, 0, 0);
	margin: 7px;
	display: inline-block
}

.new-main #section2 .textbox li a:hover {
	color: #04b9b0;
	border-color: #04b9b0
}

.new-main #section2 .textbox li a,
.new-main #section2 .textbox li a:hover {
	transition: all .15s ease-in-out
}

.new-main #section2 .imgbox {
	z-index: 10;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin-top: 60px
}

.new-main #section2 .imgbox iframe {
	transform: scaleX(-1)
}

.ImgWrap {
	background: linear-gradient(270deg, #d7e2e9, #e9f3f5, #f9fafa);
	;
	mix-blend-mode: multiply;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: 300% 300%;
	-webkit-animation: AnimationName 5s ease infinite;
	-moz-animation: AnimationName 5s ease infinite;
	animation: AnimationName 5s ease infinite
}

.ImgWrap:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('/img/main-sec2-line.png') repeat center center
}

@-webkit-keyframes AnimationName {
	0% {
		background-position: 0% 50%
	}

	50% {
		background-position: 100% 50%
	}

	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes AnimationName {
	0% {
		background-position: 0% 50%
	}

	50% {
		background-position: 100% 50%
	}

	100% {
		background-position: 0% 50%
	}
}

@keyframes AnimationName {
	0% {
		background-position: 0% 50%
	}

	50% {
		background-position: 100% 50%
	}

	100% {
		background-position: 0% 50%
	}
}

.new-main #section3 {
	background-color: #EFF4F8;
	padding: 0 19%
}

.new-main #section3 .textbox h3 {
	font-weight: 700;
	font-size: 60px;
	line-height: 71.6px;
	color: #232324;
}

.new-main #section3 .textbox p {
	margin: 15px 0 100px 5px;
	font-weight: 500;
	font-size: 24px;
	line-height: 28.64px;
}

.new-main #section3 .contents ul {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.new-main #section3 .contents li img {
	width: 100%;
	height: 190px;
	border-radius: 10px;
}

.new-main #section3 .contents .image-list-item {
	position: relative;
	list-style-type: none;
	overflow: hidden;
}

.new-main #section3 .contents .image-list-item .overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	text-align: center;
	background-color: #00000099;
	width: 100%;
	height: 100%;
	align-content: center;
	font-family: 'Noto Sans';
	border-radius: 10px;
}

.new-main #section3 .contents .image-list-item .overlay p {
	font-size: 32px;
	font-weight: 500;
	line-height: 43.58px;
	color: #FFFFFF;
	margin: 0;
}

.new-main #section3 .contents .image-list-item .overlay span {
	font-size: 16px;
	line-height: 21.79px;
	display: block;
	margin-top: 5px;
	font-weight: 500;
}

.new-main #section3 .textbox ul {
	width: 85%
}

.new-main #section3 .textbox li {
	font-family: 'SUIT', sans-serif;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #ddd;
	padding: 0 0 20px;
	margin: 20px 5px
}

.new-main #section3 .textbox li:last-child {
	border-bottom: none
}

.new-main #section3 .textbox li p {
	font-size: 22px;
	line-height: 35px;
	font-weight: 700;
	color: #222;
	margin: 0
}

.new-main #section3 .textbox li a {
	font-size: 17px;
	line-height: 28px;
	font-weight: 600;
	color: #fff;
	background: #ddd;
	border-radius: 500px;
	padding: 7px 30px;
	display: block
}

.new-main #section3 .textbox li a:hover {
	background: #04b9b0
}

.new-main #section3 .textbox li a,
.new-main #section3 .textbox li a:hover {
	transition: all .15s ease-in-out
}

.new-main #section3 .videobox {
	position: relative;
	width: 66.66667%;
	margin-top: 15px
}

.new-main #section3 .video-out {
	position: relative;
	padding-top: 56%;
	width: 100%;
	height: 0
}

.new-main #section3 .video-out iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: 20px
}

.new-main #section3 .swiper-button-next,
.new-main #section3 .swiper-button-prev {
	top: 50%;
	margin-top: 20px;
	transform: translate(0, -50%);
	display: block;
	width: auto;
	height: auto;
	padding: 5px
}

.new-main #section3 .swiper-button-next:after,
.new-main #section3 .swiper-button-prev:after {
	font-size: 30px;
	color: #fff
}

.new-main #section3 .swiper-pagination-bullet {
	background: #fff
}

.new-main #section4 {
	background-size: cover !important;
	padding: 0 19%;
	background-color: #EFF4F8;
}

.new-main #section4 .textbox h3 {
	font-size: 60px;
	margin-top: 75px;
	font-weight: 700;
	line-height: 71.6px;
}

.new-main #section4 .textbox p {
	margin: 15px 0 40px;
	font-size: 24px;
	line-height: 28.64px;
	font-weight: 500;
}





.new-main #section4 .markbox li img {
	width: 100%;
	max-width: 198px;
	height: 90px;
	border: 1px solid #CCCCCC;
	border-radius: 10px;
}

.new-main #section4 .markbox a {
	display: block;
}

.new-main #section4 .markbox .image-list-item {
	position: relative;
	list-style-type: none;
	overflow: hidden;
}

.new-main #section4 .markbox .image-list-item .overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	text-align: center;
	background-color: #00000099;
	width: 100%;
	height: 90px;
	align-content: center;
	font-family: 'Noto Sans';
	border-radius: 10px;
}

.new-main #section4 .markbox .image-list-item .overlay p {
	font-size: 32px;
	font-weight: 500;
	line-height: 43.58px;
	color: #FFFFFF;
	margin: 0;
}

.new-main #section4 .markbox .image-list-item .overlay span {
	font-size: 16px;
	line-height: 21.79px;
	display: block;
	margin-top: 5px;
	font-weight: 500;
}

.new-main #section5 {
	background: #fbfcfc;
	padding: 0 19%
}

.new-main #section5 .inner {
	display: flex;
	align-items: center
}

.new-main #section5 .textbox {
	width: 33.33333%
}

.new-main #section5 .textbox h3 {
	font-size: 42px;
	font-weight: 700;
	line-height: 50.4px;
}

.new-main #section5 .textbox p {
	font-weight: 500;
	font-size: 16px;
	line-height: 22.4px;
}

.new-main #section5 .textbox ul {
	width: 85%
}

.new-main #section5 .textbox li {
	font-family: 'SUIT', sans-serif;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 20px 5px
}

.new-main #section5 .textbox li:last-child {
	border-bottom: none
}

.new-main #section5 .textbox li p {
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
	color: #232324;
	margin: 0
}

.new-main #section5 .textbox li a {
	font-family: 'Noto Sans';
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	color: #232324;
	background: #fff;
	padding: 7px 30px;
	display: block;
	border: 1px solid #767676;
}

.new-main #section5 .textbox li a:hover {
	background: #04b9b0
}

.new-main #section5 .textbox li a,
.new-main #section5 .textbox li a:hover {
	transition: all .15s ease-in-out
}

.new-main #section5 .videobox {
	position: relative;
	width: 66.66667%;
	margin-top: 15px;
	height: 450px;
}

.new-main #section5 .video-out {
	position: relative;
	padding-top: 56%;
	width: 100%;
	height: 0
}

.new-main #section5 .video-out iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: 20px
}

.new-main #section5 .swiper-button-next,
.new-main #section5 .swiper-button-prev {
	top: 50%;
	margin-top: 20px;
	transform: translate(0, -50%);
	display: block;
	width: auto;
	height: auto;
	padding: 5px
}

.new-main #section5 .swiper-button-next:after,
.new-main #section5 .swiper-button-prev:after {
	font-size: 30px;
	color: #fff
}

.new-main #section5 .swiper-pagination-bullet {
	background: #fff
}


.contact_btn {
	flex: 50%;
	width: 140px;
	height: 40px;
	border-radius: 10px;
	padding: 8px 24px 8px 24px;
	background: rgba(0, 75, 62, 1);
	/* position: absolute;
	top: 20%;
	left: 87%; */
}

.langselect-mobile {
	display: none;
}

.logo-mobile {
	display: none;
}

#footer .footercont .logo {
	display: block;
}

#footer .footercont-mobile .logo {
	display: block;
}

.toggle {
	opacity: 0;
	transform: scale(0.9);
	transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.toggle1 {
	opacity: 0;
	transform: scale(0.9);
	transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.active-toggle {
	opacity: 1;
	transform: scale(1);

}

.active-toggle1 {
	opacity: 1;
	transform: scale(1);

}

@media(max-width:1600px) {
	.new-main #section1 .swiper-button-next {
		transform: translate(550px, -25%)
	}

	.new-main #section1 .swiper-button-prev {
		transform: translate(-550px, -25%)
	}

	.new-main #section2 {
		padding: 0 10%
	}

	.new-main #section3 {
		padding: 0 10%
	}

	.new-main #section4 {
		padding: 0 10%
	}

	.new-main #section5 {
		padding: 0 10%
	}

	#green-rect {
		height: 749px;
	}

	#blue-rect {
		height: 749px;
	}

	.card-image-list {
		flex-direction: column;
	}

	.card-image-list div {
		width: 100%;
	}

	#green-rect .green-rect-title {
		display: flex;
		flex-direction: column-reverse;
	}

	#green-rect .green-rect-title h1 {
		font-family: Pretendard, sans-serif;
		font-size: 24px;
		font-weight: 600;
		line-height: 33.6px;
		text-align: center;
		margin-left: 0px;
	}

	#blue-rect .blue-rect-title {
		display: flex;
		flex-direction: column-reverse;
	}

	#blue-rect .blue-rect-title h1 {
		font-family: Pretendard, sans-serif;
		font-size: 24px;
		font-weight: 600;
		line-height: 33.6px;
		text-align: center;
		margin-left: 0px;
	}

	#footer {
		padding: 75px 10% !important;
	}

	.containerCert {
		width: 110%;
	}

	.containerIPR {
		width: 110%;
	}

}

@media(max-width:1400px) {
	#footer {
		padding: 50px 0 !important
	}

	#footer .footercont {
		text-align: center
	}

	#footer .footercont-mobile .logo .middlecont {
		margin: 30px 0;
		width: 100%
	}

	#footer .footercont .logo,
	#footer .footercont .rightcont {
		width: 100%
	}

	#footer .footercont .logo img {
		margin: 0 auto
	}

	.family_select {
		float: none;
		margin-top: 0
	}

	#footer .footercont .vertical_dotted_line {
		margin-right: 0;
	}

	#footer .footercont .rightcont div {
		justify-content: space-evenly;
	}
}

@media(max-width:1200px) {
	.header .logo {
		margin-top: -10px
	}

	.header .menu,
	.header .wpml ul {
		display: none
	}

	.header .logo {
		width: 50%
	}

	.header .wpml {
		width: 100%;
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
	}

	.header .inner {
		display: block;
		padding: 0 16px;
	}

	.header .burger_btn {
		float: right;
		margin-top: 1%;
	}

	.contact_btn {
		display: none;
	}

	.langselect-mobile {
		display: block;
		border: 0px;
		font-family: Noto Sans;
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		text-align: left;
		color: #232324;
	}

	.logo-mobile {
		display: block;
	}

	.logo {
		display: none;
	}

	.burger_btn {
		background: url(/img/burger.png) 0 0 / cover no-repeat;
	}

	.m_gnb_content .m_gnb_close {
		left: 8px;
		right: initial;
	}

	.m_gnb_content .logo_box {
		display: none;
	}

	.m_gnb_wrap .m_gnb_content {
		float: left;
	}


	.m_gnb_content .gnb {
		margin-top: 18%;
		border: 0px;
	}

	.m_gnb_content .gnb li:not(:last-child) {
		border: 0px;
	}

	.m_gnb_content .gnb li a {
		font-family: Noto Sans;
		font-size: 24px;
		font-weight: 400;
		line-height: 24px;
		text-align: left;
		color: #232324;
	}

	.pg-wrapper {
		display: none !important;
		width: 0;
		height: 0
	}


	#footer {
		position: relative !important;
		display: block !important
	}

	.new-main .section {
		min-height: fit-content !important
	}

	.new-main .section .textbox h3 {
		font-size: 40px;
		line-height: 50px;
		margin-top: 0
	}

	.new-main .section .textbox p {
		margin: 25px 20px 40px
	}

	.new-main #section1,
	.new-main #section1 .swiper-wrapper {
		height: 95vh !important
	}

	.new-main #section1 .swiper-button-prev,
	.new-main #section1 .swiper-button-next {
		display: none
	}

	.new-main #section1 .textbox {
		width: 100%
	}

	.new-main #section1 .textbox h2 {
		font-size: 60px;
		line-height: 70px;
		padding: 0 20px
	}

	.new-main #section1 .textbox h3 {
		font-size: 20px;
		line-height: 30px
	}

	.new-main #section2 {
		background: none;
		text-align: center;
		padding: 100px 10px 0
	}

	.new-main #section2 .textbox li a {
		font-size: 18px;
		line-height: 28px;
		color: #222;
		border: 2px solid rgba(0, 0, 0, 0.1);
		border-radius: 500px;
		padding: 10px 30px
	}

	.new-main #section2 .imgbox {
		position: relative;
		top: 0;
		left: 0;
		transform: translate(0, 0);
		margin-top: 0;
		overflow: hidden
	}

	.new-main #section3 {
		padding: 100px 10px 100px;
		background-color: #FFFFFF;
	}

	.new-main #section3 .inner {
		display: block
	}

	.new-main #section3 .textbox {
		width: 100%;
		text-align: center
	}

	.new-main #section3 .textbox p {
		margin: 10px 0 40px
	}

	.new-main #section3 .textbox ul {
		width: 100%;
		max-width: 500px;
		margin: 0 auto
	}

	.new-main #section3 .textbox li {
		padding: 2px 10px 15px 15px;
		margin: 15px 5px
	}

	.new-main #section3 .textbox li p {
		font-size: 20px
	}

	.new-main #section3 .videobox {
		width: 100%;
		margin-top: 35px
	}

	.new-main #section3 .video-out iframe {
		border-radius: 10px
	}

	.new-main #section3 .swiper-button-next,
	.new-main #section3 .swiper-button-prev {
		margin-top: 5px
	}

	.new-main #section4 {
		padding: 100px 10px 100px
	}

	.new-main #section4 .textbox h3 {
		font-size: 45px
	}

	.new-main #section4 .textbox p {
		margin: 10px 0 40px
	}

	.new-main #section4 .markbox ul {
		grid-template-columns: repeat(5, 1fr)
	}

	.new-main #section4 .markbox li {
		padding: 15px 0 17px;
	}

	.new-main #section4 .markbox li:nth-child(8),
	.new-main #section4 .markbox li:nth-child(9),
	.new-main #section4 .markbox li:nth-child(10) {
		border-bottom: 2px solid #eee
	}

	.new-main #section5 {
		padding: 100px 10px 100px
	}

	.new-main #section5 .inner {
		display: block
	}

	.new-main #section5 .textbox {
		width: 100%;
		text-align: center
	}

	.new-main #section5 .textbox p {
		margin: 10px 0 40px
	}

	.new-main #section5 .textbox ul {
		width: 100%;
		max-width: 500px;
		margin: 0 auto
	}

	.new-main #section5 .textbox li {
		padding: 2px 10px 15px 15px;
		margin: 15px 5px
	}

	.new-main #section5 .textbox li p {
		font-size: 20px
	}

	.new-main #section5 .videobox {
		width: 100%;
		margin-top: 35px
	}

	.new-main #section5 .video-out iframe {
		border-radius: 10px
	}

	.new-main #section5 .swiper-button-next,
	.new-main #section5 .swiper-button-prev {
		margin-top: 5px
	}
}

@media(max-width:800px) {
	.service-card {
		transition: height 0.3s ease;
	}

	.service-card:hover {
		height: 200px;
		width: 100%;
	}

	.service-card .circle-arrow-button {
		margin-top: 14px;
	}

	.b8 {
		display: block
	}

	.n8 {
		display: none
	}

	#footer .middlecont span {
		display: block
	}

	.showroom .holo {
		height: 320px;
		justify-content: flex-end;
		gap: 13px;
	}

	.showroom .meta {
		height: 320px;
		justify-content: flex-end;
		gap: 13px;
	}


	.banner-title {
		font-family: Noto Sans;
		font-size: 20px;
		font-weight: 600;
		line-height: 24px;
		text-align: center;
		color: #000000;
		display: block;
		margin-bottom: 65px;
	}

	.banner-title-normal {
		font-family: Noto Sans;
		font-size: 20px;
		font-weight: 600;
		line-height: 24px;
		text-align: center;
		color: #000000;
		display: block;
		margin-bottom: 215px;
	}

	.banner-title-aboutus {
		font-family: Noto Sans;
		font-size: 20px;
		font-weight: 600;
		line-height: 24px;
		text-align: center;
		color: #000000;
		display: block;
		margin-bottom: 65px;
	}

	.banner img {
		position: absolute;
		height: 200px;
		top: 120px;
	}

	.about .about img {
		position: absolute;
		height: 200px;
		top: 120px;
	}


	#footer .middlecont span:after {
		display: none !important
	}

	.new-main #section1 .textbox h2 {
		font-size: 50px;
		line-height: 60px;
		margin: -50px 0 30px
	}

	.new-main #section1 .textbox h3 {
		padding: 0 20px
	}

	.new-main .customer {
		bottom: 10px;
		right: 10px
	}

	.new-main .customer img {
		margin-left: 5px
	}

	.new-main #section4 .markbox ul {
		grid-template-columns: repeat(3, 1fr)
	}

	.new-main #section4 .markbox li {
		padding: 10px 0 12px
	}

	.new-main #section4 .markbox li:nth-child(11),
	.new-main #section4 .markbox li:nth-child(12) {
		border-bottom: 2px solid #eee
	}


}

@media(max-width:600px) {
	.service-card {
		transition: height 0.3s ease;
	}

	.service-card:hover {
		height: 200px;
		width: 100%;
	}

	.service-card .circle-arrow-button {
		margin-top: 14px;
	}

	.b6 {
		display: block
	}

	.new-main #section2 .imgbox iframe {
		width: 350px;
		height: 382px
	}

	.new-main #section4 .markbox li {
		height: 54px;
		margin: 0px;
		padding: 0px;
		border: 0;
	}

	.new-main #section4 .markbox li img {
		height: 54px;
	}

	.new-main #section4 .markbox ul {
		grid-template-columns: repeat(3, 1fr);
		gap: 5px;
		background: none;
		border: 0;
		overflow: hidden;
	}

	.new-main #section4 .markbox .image-list-item .overlay {
		height: 54px;
	}

	.new-main #section4 .markbox .image-list-item .overlay p {
		font-family: Noto Sans;
		font-size: 14px;
		font-weight: 500;
		line-height: 19.07px;
		text-align: center;
	}

	.new-main #section4 .markbox .image-list-item .overlay span {
		font-family: Noto Sans;
		font-size: 14px;
		font-weight: 500;
		line-height: 19.07px;
		text-align: center;
		margin: 0;
	}

	.new-main #section4 {
		background: none;
		padding: 0px 10px 100px;
	}

	.new-main #section4 .textbox h3 {
		font-family: Pretendard, sans-serif;
		font-size: 32px;
		font-weight: 700;
		line-height: 38.4px;
		text-align: left;
		margin: 0;
	}

	.new-main #section4 .textbox p {
		font-family: Pretendard, sans-serif;
		font-size: 14px;
		font-weight: 500;
		line-height: 16.8px;
		text-align: left;
		margin: 0px 0px 15px;
	}
}



/* Adjust for mobile */
@media (max-width: 768px) {
	.service-card {
		transition: height 0.3s ease;
	}

	.service-card:hover {
		height: 200px;
		width: 100%;
	}

	.service-card .circle-arrow-button {
		margin-top: 14px;
	}

	.service-cards {
		flex-direction: column;
		align-items: center;
		margin-bottom: 50px;
		height: auto;
	}

	.service-card {
		width: 100%;
		height: 150px;
	}

	.card-title {
		margin: 14px 20px 0px 10px;
		font-size: 16px;
		text-align: left;
	}

	.card-button {
		left: 10px;
		margin: 0;
		width: 160px;
		height: 30px;
	}

	.card-button p {
		font-family: Pretendard, sans-serif;
		font-size: 16px;
		font-weight: 600;
		line-height: 19.2px;
		text-align: left;
		top: 5px;
		left: 20px;
	}

	.card {
		width: 100%;
		height: 620px;
	}

    /*
      4개의 컨텐츠 8개로
      grid-template-columns: repeat(2, 49%);
      grid-template-rows: repeat(2, 40%);
      gap: 6px;
    */
    .new-main #section3 .contents ul {
        display: grid;

        grid-template-columns: repeat(4, 1fr); /* 4열로 배치 */
        gap: 10px; /* 원하는 간격으로 설정 */
    }
    /**/
    .new-main #section3 .contents li {
        display: block;
    }
    /*
    width: 100%;
		height: 100%;
		*/
    .new-main #section3 .contents li img {
        width: 100%;
        aspect-ratio: 16 / 9; /* 가로:세로 비율을 16:9로 설정 */
        border-radius: 10px;
        object-fit: cover; /* 이미지를 비율에 맞게 잘라줌 */
    }

	.new-main #section3 .contents .image-list-item {
		width: 100%;
		height: 100%;
	}

	.new-main #section5 .textbox ul {
		display: grid;
		grid-template-columns: repeat(2, 47%);
		column-gap: 20px;
		row-gap: 17px;
	}

	.new-main #section5 .textbox li {
		padding: 0;
		margin: 0;
	}

	.new-main #section5 .textbox li p {
		font-family: Pretendard;
		font-size: 14px;
		font-weight: 500;
		line-height: 16.8px;
		text-align: left;
	}

	.new-main #section5 .textbox li a {
		width: 68px;
		height: 24px;
		padding: 0;
		float: right;
		font-family: Noto Sans;
		font-size: 14px;
		font-weight: 400;
		line-height: 24px;
		text-align: center;
		color: #232324;
	}

	.new-main #section5 .textbox h3 {
		float: left;
		font-family: Pretendard, sans-serif;
		font-size: 20px;
		font-weight: 700;
		line-height: 24px;
		text-align: left;
		color: #000;
		width: 100%;
	}

	.new-main #section5 .textbox p {
		float: left;
		font-family: Pretendard;
		font-size: 14px;
		font-weight: 500;
		line-height: 16.8px;
		text-align: left;
		color: #767676;
		margin: 5px 0px 40px;
	}

	.new-main #section3 .textbox h3 {
		font-family: Pretendard, sans-serif;
		font-size: 32px;
		font-weight: 700;
		line-height: 38.4px;
		text-align: left;
	}

	.new-main #section3 .textbox p {
		font-family: Pretendard, sans-serif;
		font-size: 14px;
		font-weight: 500;
		line-height: 16.8px;
		text-align: left;
		margin: 0px 0px 15px;
	}

	.new-main .section .textbox h3 {
		font-family: Pretendard, sans-serif;
		font-size: 20px;
		font-weight: 700;
		line-height: 24px;
		text-align: left;
	}

	.new-main .section .textbox p {
		font-family: Pretendard, sans-serif;
		font-size: 14px;
		font-weight: 500;
		line-height: 16.8px;
		text-align: left;
		margin: 5px 0px 24px;
	}


	.new-main #section2 {
		padding: 24px 16px 0px;
	}

	.new-main #section3 {
		background-color: #FFFFFF;
		padding: 50px 16px 0px;
	}

	.new-main #section4 {
		background: none;
		padding: 50px 16px 0px;
	}

	.new-main #section5 {
		background: none;
		padding: 50px 16px 0px;
	}

}

@media (max-width: 900px) {
	.containerCert {
		width: 100%;
	}

	.containerIPR {
		width: 100%;
	}
	.header .burger_btn {
		float: right;
		margin-top:2%;
	}
}