@charset "utf-8";

/* 왼쪽 nav */
#main_nav {position:fixed; top:50%; left:0px; transform:translateY(-50%); z-index:10;}
#main_nav li {min-height: 2rem;gap: 1rem;position: relative;display: flex;align-items: center;justify-content: flex-start;}
#main_nav li:before{content:'';position:relative;width: 1rem;height: 2px;border-radius: 0px 4px 4px 0px;background: rgba(255, 255, 255, 0.40);}
#main_nav li.active::before {width:2rem;background: #FFF;}
#main_nav li span{display:none;position:relative;color: #FFF;font-family: "Outfit", sans-serif;font-size:1.6rem;font-style: normal;font-weight: 400;line-height: 2rem;letter-spacing: 0.8px;}
#main_nav li.active span{display:inline-block;}
#main_nav ul.leftNav {gap: 1rem;display: flex;position: relative;flex-direction: column;align-items: flex-start;justify-content: center;}

#main_nav .menu_box.black li.active span{
	color:#111;
}
#main_nav .menu_box.black li.active::before {
    background: #111;
}
#main_nav .menu_box.black li:before{
background: rgba(17, 17, 17, 0.20);
}
@media (max-width:1300px) {
	#main_nav{display:none;}
}
/* #main_nav ul li::after {position:absolute; top:40px; left:-10px; display:block; content: ''; height:40%; width:1px; border-radius:20px; background:#f2f2f2; } */
/* #main_nav ul li::before {display:block; content: ''; width:15px; height:15px; border:1px solid #ddd; position:absolute; top:50%; left:2px; transform:translateY(-50%) rotate(45deg); pointer-events: none;}
#main_nav li:last-child::after {display: none;} */

/* .line_box {opacity: 1; width:5px; height:5px; background:#4c4241; position:absolute; top:22px; left:17px; transition: top 0.4s; transform: rotate(45deg);} */

#fullpage.ver2 {
    background: #4C4241;
}
@media (max-width:1300px) {
	/* #main.mainContents .fp-tableCell{height:auto!important;} */
	/* #main.mainContents .fp-section{height:auto!important;} */
	#fullpage.ver2 {
		background: #fff;
	}
	.section {
		padding-top: 12rem;
		height: auto !important;
	}
	.section .fp-tableCell {
        height: auto !important;
    }
}
@media (max-width:991px) {
	.section {
		padding-top: 10rem;
	}
}
@media (max-width:767px) {
	.section {
		padding-top: 5rem;
	}
}

/*--------------------------------------------------------------
# 금은시세정보 팝업
--------------------------------------------------------------*/
.price_box {position:fixed; 
/* top:9rem;  */
top:-120%;
right:3rem; background-color:rgba(255,255,255,0.8);z-index:100; transition: all 1.2s;}
.price_box ul {float:left; width:300px; height:90px;}
.price_box li {float:left; width:50%; height:100%;}
.price_box li h4 {font-size:22px; color:#4c4241;}
.price_box .left p {font-size:12px; color:#666;}
.price_box .right {position:relative; text-align: right;}
.price_box .right p:first-child {font-size:20px; font-weight:600; color:#4c4241;}
.price_box .right p:last-child {position:absolute; right:0; bottom:-5px; display:inline-block; padding:2.5px 25px 2.5px 10px; color:#fff; background-color: #4c4241; border-radius:10px; background-position:right 10px center; background-repeat: no-repeat;}

.price_box .right p.up {background-image: url('../img/main/icon_up.png'); }
.price_box .right p.down {background-image: url('../img/main/icon_down.png');}

.price_box.active {top:9rem;}
.close_btn {position:absolute; bottom:0px; right:0px; width:40px; height:40px; cursor: pointer;
background-image: url(/public/img/sidecloseBtn.png);
background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}


.price_box iframe .tv-ticker-item-last__short-name{
	font-size:18px
}
@media (max-width:1300px) {
	.price_box {
		right: 1rem;
        width: 245px;
    }
	.price_box ul {width:100%; float: none; height:auto;}
	.price_box li {height:100px;}
	.price_box li h4 {font-size:16px;}
	.price_box .right p:first-child {font-size: 16px;}
	.price_box .right p:last-child {margin-top:10px; position:static;}
}
@media (max-width:991px) {
	.price_box.active  {
		top: 8rem;
    }
}
@media (max-width:767px) {
	.price_box.active {
		top: 6rem;
	}
}

/*--------------------------------------------------------------
# contact 팝업
--------------------------------------------------------------*/
.mainViBtnInner{
	position:fixed;
	left:50%;
	transform:translateX(-50%);
	bottom:4rem;
	z-index:30;
}
.mainViBtn{
	cursor:pointer;
	
	
	display: flex;
	width: 38rem;
	padding: 2rem 2rem;
	justify-content: center;
	align-items: center;
	
	border-radius: 14rem;
	border: 1px solid #000;
	/* background: #FFF; */
	
	background: rgba(255, 255, 255, 0.7);
	/* backdrop-filter: blur(5px); */
	
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.20);


	color: #000;
	font-family: "Outfit", sans-serif;
	font-size: 1.7rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.8rem;
	letter-spacing: 0.85px;
	text-transform: uppercase;
}
@media (max-width:1920px) {
	.mainViBtnInner{
		bottom: 2rem;
	}
	.mainViBtn {
		width: 34rem;
		padding: 2rem 2rem;
		border-radius: 14rem;
		font-size: 1.7rem;
		line-height: 2.8rem;
		letter-spacing: 0.85px;
	}
}
@media (max-width:1300px) {
	.mainViBtn {
		width: 28rem;
		padding: 1.8rem 2rem;
		border-radius: 14rem;
		font-size: 1.6rem;
		line-height: 2.4rem;
		letter-spacing: 0.85px;
	}
}
@media (max-width:767px) {
	.mainViBtnInner {
		padding: 0 2rem;
		width: 100%;
		left: 0;
		bottom: 2rem;
		transform: inherit;
	}
	.mainViBtn {
		width: 100%;
		padding: 1.6rem 2rem;
		border-radius: 14rem;
		font-size: 1.5rem;
		line-height: 2rem;
		letter-spacing: 0.75px;
	}
}


/* conPopup의 배경과 body overflow 제어 */
.conPopup {
	display: none;
	/* display: block; */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7); /* 검은색 반투명 배경 */
	z-index: 1000;
	overflow: auto;
}

body.popup-open {
  overflow: hidden;
}
.conPopupInner {
	overflow-y: scroll;
    padding: 2rem;
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    align-items: center;
    justify-content: center;
}
.conPopupClose {
    cursor: pointer;
    z-index: 4;
    position: absolute;
    right: 0;
    top: 0;
    width: 5rem;
    height: 5rem;
    background-image: url(/public/img/sidecloseBtn.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.conPopupContent{
	position:relative;
	background: #FFF;
	width: 70rem;
	padding: 4rem 5rem;
}

.cppoptitle {
    margin: 0 0 2rem 0;
    text-align: center;
    position: relative;
    color: #111;
    font-family: "Outfit", sans-serif;
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 4rem;
    letter-spacing: 0.17rem;
}


.tuinflex{
	display:flex;
}
.tuinflex .tuin:nth-child(1){
	margin-right:0.5rem;
}
.tuinflex .tuin:nth-child(2){
	margin-left:0.5rem;
}
.tuin {
    width: 100%;
    position: relative;
    margin-bottom: 1rem;
}
.tuin label {
	position: relative;
	display: inline-block;
	color: #111;
	font-family: 'Pretendard-Medium';
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.4rem;
	align-items: center;
}
.tuin input {
    border-radius: 0;
    background: #F6F6F6;
    font-family: Pretendard;
    box-sizing: border-box;
    margin: 0rem;
    border: 1px solid #F6F6F6;
    width: 100%;
    position: relative;
    height: 6rem;
    padding: 0rem 2.4rem 0rem 2.4rem;
    color: #111;
    font-size: 1.6rem;
	line-height: 3.2rem;
}
.tuin input:-webkit-autofill,
.tuin input:-webkit-autofill:hover,
.tuin input:-webkit-autofill:focus,
.tuin input:-webkit-autofill:active {
	transition: background-color 5000s;
	-webkit-text-fill-color: #263238 !important;
}
.tuin input:focus,
.tuin input:active {background:#FFF; border:1px solid #4C4241;}
.tuin input:focus{outline: none;}
.tuin input:read-only{
	background:#fff;
}
.tuin input::placeholder{
	color: #888;
	font-family: 'Pretendard-Light';
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 300;
	line-height: 3.2rem;
}


.tuin textarea {
    border-radius: 0;
    background: #F6F6F6;
    font-family: Pretendard;
    box-sizing: border-box;
    margin: 0rem;
    border: 1px solid #F6F6F6;
    width: 100%;
    position: relative;
    height: 14rem;
    padding: 1.6rem 2.4rem 1.6rem 2.4rem;
    color: #111;
    font-size: 1.6rem;
    line-height: 3.2rem;
    resize: none;
}
.tuin textarea:-webkit-autofill,
.tuin textarea:-webkit-autofill:hover,
.tuin textarea:-webkit-autofill:focus,
.tuin textarea:-webkit-autofill:active {
	transition: background-color 5000s;
	-webkit-text-fill-color: #263238 !important;
}
.tuin textarea:focus,
.tuin textarea:active {background:#FFF; border:1px solid #4C4241;}
.tuin textarea:focus{outline: none;}
.tuin textarea:read-only{
	background:#fff;
}
.tuin textarea::placeholder{
	color: #888;
	font-family: 'Pretendard-Light';
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 300;
	line-height: 3.2rem;
}



.conpBtn {
    width: 100%;
    position: relative;
    margin-top: 3rem;
}
.conpBtn button {
    cursor: pointer;
    width: 100%;
    border: none;
    background: #4C4241;
    border-radius: 0;
    color: #FFF;
    text-align: center;
    font-family: 'Pretendard-Bold';
    font-weight: 700;
    font-size: 1.8rem;
    font-style: normal;
    line-height: 1.8rem;
    padding: 2.5rem 2rem;
}
.conpBtn button:hover {background:#2F2C2C; color:#FFF;}



.inq_priBox{
	width:100%;
	position:relative;
	margin:2rem 0 0rem 0;
}
.inq_priTop dl{
	margin:0 0 2rem 0;
	color: #444;
	font-family: 'Pretendard';
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.4rem;
}
.inq_priCheckTop{
	display: flex;
padding: 14px 20px;
justify-content: center;
align-items: center;
gap: 6px;
align-self: stretch;
	border-radius: 6px;
background: var(--light_color, #F8F7FE);
}

.inq_pri{
	position:relative;
	margin:1rem 0 0 0;
}
.inq_priflex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.inq_priflex dl{
	margin:0;
	color: #111;
	font-family: 'Pretendard-Medium';
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.4rem;
}

.inq_priCheckArea input[type="checkbox"]{ 
	position:absolute; 
    width:1px; 
    height:1px; 
    padding:0; 
    margin:-1px; 
    overflow:hidden; 
    clip:rect(0,0,0,0); 
    border:0; 
}
.inq_priCheckArea input[type="checkbox"] + label{ 
	display:inline-block; 
    position:relative; 
    padding-left:3rem; 
    cursor:pointer; 
	text-align: left;
	
	color: #111;
	font-family: 'Pretendard-Medium';
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.4rem;
}
.inq_priCheckArea input[type="checkbox"] + label:before{ 
	content:''; 
    position:absolute; 
    left:0; 
    top:0rem;
    width:2.4rem;
    height:2.4rem;
    text-align:center; 
    background:#fff; 
    border:none; 
    box-sizing:border-box; 
	background:url(/public/img/check_before.png) no-repeat center/cover;
}
.inq_priCheckArea input[type="checkbox"]:checked + label:after{ 
	content: ''; 
    position:absolute; 
   top:0rem;
    left:0; 
   width:2.4rem;
    height:2.4rem;
    background:url(/public/img/check_after.png) no-repeat center/cover;
}

.inq_ptextInner{
	margin:1rem 0 0 0;
	border-radius: 0;
	border: 1px solid #EEE;
	padding: 1.6rem 0.6rem 1.6rem 2.4rem;
	width:100%;
	background: #FFF;
}
.inq_ptext {
    overflow-y: scroll;
    margin: 0;
    padding: 0 2.2rem 0 0;
    text-align: left;
    height: 12rem;
    border: none;
    resize: none;
    width: 100%;
    color: #444;
    font-family: 'Pretendard-Light';
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 300;
    line-height: 2.6rem;
}
.inq_ptext b{
	font-family: 'Pretendard-SemiBold';
	font-weight: 600;
}
@media (max-width:991px) {
	.conPopupInner {
		overflow-y: scroll;
		padding: 2rem;
		display: flex;
		width: 100%;
		height: 100%;
		position: relative;
		align-items: flex-start;
		justify-content: center;
	}
}

@media (max-width:767px) {
	.conPopupInner {
		background: #FFF;
		padding: 0;
		display: flex;
		width: 100%;
		height: 100%;
		position: relative;
		align-items: center;
		justify-content: center;
	}
	.conPopupContent {
		height: 100%;
		position: relative;
		background: #FFF;
		width: 100%;
		padding: 3rem 2rem;
	}
	.cppoptitle {
		margin: 0 0 1.4rem 0;
		font-size: 2rem;
		line-height: 3rem;
		letter-spacing: 0.17rem;
	}
	
	.tuin input {
		height: 4rem;
		padding: 0rem 1.4rem 0rem 1.4rem;
		font-size: 1.4rem;
		line-height: 2.4rem;
	}
	.tuin input::placeholder{
		font-size: 1.4rem;
		line-height: 2.4rem;
	}
	.tuinflex {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.tuinflex .tuin:nth-child(1) {
		margin-right: 0;
	}
	.tuinflex .tuin:nth-child(2) {
		margin-left: 0;
	}
	.tuin {
		margin-bottom: 0.6rem;
	}
	.tuin textarea {
		height: 10rem;
		padding: 1rem 1.4rem 1rem 1.4rem;
		font-size: 1.4rem;
		line-height: 2.4rem;
	}
	.tuin textarea::placeholder{
		font-size: 1.4rem;
		line-height: 2.4rem;
	}
	.inq_priBox {
		margin: 1rem 0 0rem 0;
	}
	.inq_priflex dl {
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
	.inq_priCheckArea input[type="checkbox"] + label {
		padding-left: 2.6rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.inq_priCheckArea input[type="checkbox"] + label:before {
		width: 2rem;
		height: 2rem;
	}
	.inq_priCheckArea input[type="checkbox"]:checked + label:after {
		width: 2rem;
		height: 2rem;
	}
	.inq_ptextInner {
		margin: 0.4rem 0 0 0;
		padding: 1rem 0.6rem 1rem 1.4rem;
	}
	.inq_ptext {
		padding: 0 1rem 0 0;
		height: 12rem;
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
	.conpBtn {
		margin-top: 1.4rem;
	}
	.conpBtn {
		margin-top: 1.4rem;
	}
	.conpBtn button {
		font-size: 1.6rem;
		line-height: 1.8rem;
		padding: 1.4rem 2rem;
	}
}


/*--------------------------------------------------------------
# 섹션 Home
--------------------------------------------------------------*/
.se01Wrap{
	position:relative;
	width:100%;
	height:100%;
	min-height: 100vh;
	background-image: url(/public/img/sec_01_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
.se01BgVideo {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 2;
    pointer-events: none;
}
.videodim{
	position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 2;
	background-color: rgba(0, 0, 0, 0.2);
}
.se01SideBox {
	z-index:3;
	min-height: 100vh;
	position: relative;
    display: flex;
    max-width: 156rem;
    padding: 0 2rem;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    align-items: center;
    justify-content: flex-start;
}
.se01SideBox h1.se01h1{
	margin:0;
	color: #FFF;
	font-family: "Outfit", sans-serif;
	font-size: 11rem;
	font-style: normal;
	font-weight: 600;
	line-height: 12rem;
	letter-spacing: 0.55rem;
	text-transform: uppercase;
}


.scrollBox {
    display: flex;
    position: absolute;
    right: -6rem;
    top: 53%;
    transform: translateY(-50%);
    z-index: 3;
    flex-direction: column;
    align-items: center;
}
.scrollLine {
    display: flex;
    width: 2px;
    height: 7.7rem;
    justify-content: center;
    position: relative;
    border-radius: 99px;
	background: rgba(255, 255, 255, 0.20);
    overflow: hidden;
}
.scrollLine span {
    width: 2px;
    height: 2.2rem;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    background: #FFF;
    border-radius: 50%;
    animation-name: scroll;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes scroll {
    0% {top:0; opacity:1;}
	70% {opacity:1;}
    100% {top:100%; opacity:0;}
}


.scrollTxt {
    transform: rotate(-90deg);
    /* writing-mode: vertical-rl; */
    /* writing-mode: vertical-lr; */
    /* text-orientation: upright; */
    /* writing-mode: vertical-rl; */
    /* writing-mode: vertical-lr; */
    margin-bottom: 5.4rem;
    color: #FFF;
    font-family: "Outfit", sans-serif;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2rem;
    letter-spacing: 0.65px;
    text-transform: uppercase;
}
/* .scrollTxt { */
    /* margin-bottom: 1.4rem; */
	
	/* color: #FFF; */
	/* font-family: "Outfit", sans-serif; */
	/* font-size: 1.3rem; */
	/* font-style: normal; */
	/* font-weight: 700; */
	/* line-height: 2rem; */
	/* letter-spacing: 0.65px; */
	/* text-transform: uppercase; */
/* } */

@media (max-width:1920px) {
	.se01SideBox h1.se01h1 {
		font-size: 10rem;
		line-height: 10.5rem;
	}
}
@media (max-width:1740px) {
	.scrollBox {
		right: 2rem;
		top: 53%;
		transform: translateY(-50%);
	}
}
@media (max-width:1600px) {
	.se01SideBox {
		padding: 0 6rem;
	}
	
}
@media (max-width:1300px) {
	#main.mainContents .sec_01.fp-section{
		padding: 0;
		height:100vh!important;
	}
	
}
@media (max-width:991px) {
	.se01SideBox {
		padding: 0 4rem;
	}
	.se01SideBox h1.se01h1 {
		font-size: 8rem;
		line-height: 9rem;
	}
}
@media (max-width:767px) {
	.se01SideBox {
		padding: 0 2.6rem;
	}
	.se01SideBox h1.se01h1 {
		font-size: 3.8rem;
		line-height: 4.6rem;
		letter-spacing: 1.9px;
	}
	
	
	.scrollBox {
		right: 0rem;
		top: 53%;
		transform: translateY(-50%);
	}
	.scrollTxt {
		margin-bottom: 34px;
		font-size: 7px;
		line-height: 7px;
		letter-spacing: 0.84px;
	}
	.scrollLine {
		width: 2px;
		height: 40px;
	}
	.scrollLine span {
		height: 10px;
	}
}
@media (max-width:767px) {
	.se01Wrap{
		min-height: 60rem;
	}
}
/*--------------------------------------------------------------
# 섹션 Who We Are
--------------------------------------------------------------*/
.sec_02.section{
	background: #4C4241;
}
.se02Wrap{
	position:relative;
	width:100%;
	height:100%;
	overflow: hidden;
	display:flex;
}

.se02ImgBox {
    position: relative;
    width: 50%;
    height: 100%;
    background-image: url(/public/img/sec_02_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
}
.se02ImgBox img{display:none;}
.se02TextBox {
    display: flex;
    position: relative;
    width: 50%;
    height: 100%;
    align-items: center;
    justify-content: flex-end;
}
.se02_inner {
    width: 100%;
    max-width: 78rem;
    padding: 0 12rem 0 2rem;
}









.se02Text h2.seh2{
	margin:0 0 10rem 0;
}
.se02Text h2.seh2:before {
    position: absolute;
    display: inline-block;
    bottom: -5rem;
    left: 0;
    content: '';
    width: 6rem;
    height: 1px;
    background: #FFF;
}
h2.seh2{
	position:relative;
	color: #FFF;
	font-family: "Outfit", sans-serif;
	font-size: 9rem;
	font-style: normal;
	font-weight: 500;
	line-height: 10.3rem;
	letter-spacing: 0.27rem;
}
h3.seh3{
	position:relative;
	color: #666;
	font-family: 'Pretendard-Light';
	font-size: 2rem;
	font-style: normal;
	font-weight: 300;
	line-height: 3.4rem;
	letter-spacing: 0.06rem;
	word-break: break-word;
}
.se02Text h3.nonemart{
	margin:0;
}
.se02Text h3{
	margin:3.4rem 0 0 0;
	color: #B7B3B3;
	font-family: 'Pretendard-Light';
	font-size: 2rem;
	font-style: normal;
	font-weight: 300;
	line-height: 3.4rem;
	letter-spacing: 0.06rem;
	word-break: break-word;
}
.se02Text h3 span{
	font-family: 'Pretendard-Medium';
	color: #DBC782;
	font-weight: 500;
}



@media (max-width:1920px) {
	h2.seh2 {
		font-size: 8rem;
		line-height: 9.3rem;
		letter-spacing: 0.27rem;
	}
	h3.seh3 {
		font-size: 1.9rem;
		line-height: 3.1rem;
		letter-spacing: 0.06rem;
	}
}
@media (max-width:1600px) {
	.se02_inner {
		width: 100%;
		max-width: 78rem;
		padding: 0 6rem 0 6rem;
	}
	.se02Text {
		padding: 0 0 0 0;
	}
	
	
	h2.seh2 {
		font-size: 7rem;
		line-height: 8.3rem;
		letter-spacing: 0.27rem;
	}
}
@media (max-width:1300px) {
	.sec_02.section{
		padding:0;
	}
	.se02Wrap {
		position: relative;
		width: 100%;
		height: 100%;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		padding: 0 0 0rem 0;
	}
	.se02TextBox {
		display: flex;
		position: relative;
		width: 100%;
		height: 100%;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.se02_inner {
		padding: 12rem 6rem 8rem 6rem;
		max-width: 100%;
	}
	.se02Inner {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.se02Text {
		padding: 0;
	}
	.se02ImgBox {
		padding:0;
		width: 100%;
		height: 100%;
		background-image:none;
	}
	.se02ImgBox img{display:block;}
}
@media (max-width:991px) {
	.se02_inner {
		padding: 10rem 4rem 6rem 4rem;
	}
	h2.seh2 {
		font-size: 6rem;
		line-height: 7.3rem;
		letter-spacing: 0.17rem;
	}
	h3.seh3 {
		font-size: 1.8rem;
		line-height: 3rem;
		letter-spacing: 0.06rem;
	}
	.se02Text h3 {
		margin: 3rem 0 0 0;
		font-size: 1.8rem;
		line-height: 3rem;
		letter-spacing: 0.06rem;
	}
	.se02Img h2 {
		padding: 0 2rem 1rem 2rem;
		font-size: 1.8rem;
		line-height: 2.8rem;
		letter-spacing: 1px;
	}
}
@media (max-width:767px) {
	.se02_inner {
		padding: 5rem 2rem 5rem 2rem;
	}
	h2.seh2 {
		font-size: 3.2rem;
		line-height: 3.8rem;
		letter-spacing: 0.96px;
	}
	h3.seh3 {
		letter-spacing: 0.45px;
		font-size: 1.5rem;
		line-height: 2.2rem;
	}
	.se02Text h2.seh2 {
		margin: 0 0 4rem 0;
	}
	.se02Text h2.seh2:before {
		bottom: -2rem;
		width: 3rem;
		height: 1px;
	}
	.se02Text h3 {
		margin: 2rem 0 0 0;
		font-size: 1.5rem;
		line-height: 2.2rem;
		letter-spacing: 0.45px;
	}
	
}
/*--------------------------------------------------------------
# 섹션 Our Story
--------------------------------------------------------------*/
.sec_03.section{
	background:#fff;
} 
.se03Wrap{
	position:relative;
	width:100%;
	height:100%;
	display:flex;
}
.se03Ybox {
    position: relative;
    width: 50%;
    height: 100%;
    background-image: url(/public/img/sec_03_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.se03Y_inner {
    width: 100%;
    max-width: 78rem;
    padding: 0 12rem 0 2rem;
}
.ysCont ul {
	position:relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.ysCont ul li {
	z-index:2;
    gap: 2rem;
	position:relative;
    width: 100%;
    display: flex;
    padding: 4.6rem 0 4.6rem 0;
    justify-content: flex-start;
    align-items: flex-end;
}
.ysCont ul li:before {
	z-index:1;
    content: '';
    position: absolute;
	top: 0;
    left: 0.38rem;
    width: 1px;
    height: 50%;
    background: #444;
}
.ysCont ul li:after {
    content: '';
    position: absolute;
	bottom: 0;
    left: 0.38rem;
    width: 1px;
    height: 50%;
    background: #444;
}
.ysCont ul li:nth-child(1):before{
	content:none;
}
.ysCont ul li:last-child:after{
	content:none;
}
.ysCont ul li span b {
	z-index: 2;
    display: inline-block;
    /* transform: translateY(-50%); */
    /* top: 50%; */
    /* content: ''; */
    position: relative;
    left: 0;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    background: #fff;
}
.ysCont ul li span {
	gap:3rem;
    display: flex;
    position: relative;
    color: #FFF;
    font-family: "Outfit", sans-serif;
    font-size: 5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 4rem;
    letter-spacing: 0.15rem;
    align-items: center;
}
.ysCont ul li h3{
	word-break: break-word;
	position:relative;
	color: #FFF;
	font-family: "Outfit", sans-serif;
	font-size: 2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.4rem;
	letter-spacing: 0.06rem;
	word-break: break-word;
}


.se03Nbox {
    display: flex;
    position: relative;
    width: 50%;
    height: 100%;
    align-items: center;
    justify-content: flex-start;
}
.se03N_inner {
    width: 100%;
    max-width: 78rem;
    padding: 0 2rem 0 12rem;
}
.se03Nbox h2.seh2{
	color:#111;
	margin:0 0 8rem 0;
}

.osCont ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.osCont ul li {
    width: 100%;
    display: flex;
    padding: 3rem 0;
    border-top: 1px solid #eee;
    justify-content: space-between;
    align-items: center;
}
.osCont ul li:last-child{
	border-bottom: 1px solid #eee;
}
.osCont ul li h3{
	color: #111;
	font-family: "Outfit", sans-serif;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 4rem;
}
.osCont ul li span{
	color: #111;
	font-family: "Outfit", sans-serif;
	font-size: 7rem;
	font-style: normal;
	font-weight: 600;
	line-height: 8rem;
}
@media (max-width:1920px) {
	.se03Nbox h2.seh2 {
		color: #111;
		margin: 0 0 6rem 0;
	}
	.ysCont ul li {
		padding: 4rem 0 4rem 0;
	}
	.osCont ul li {
		padding: 2.4rem 0;
	}
}
@media (max-width:1600px) {
	.se03Y_inner {
		padding: 0 6rem 0 6rem;
	}
	.se03N_inner {
		padding: 0 6rem 0 6rem;
	}
}
@media (max-width:1300px) {
	.se03Wrap {
		position: relative;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column-reverse;
		align-items: flex-start;
		justify-content: flex-end;
	}
	.se03Nbox {
		width: 100%;
	}
	.se03N_inner {
		max-width: 100%;
		width: 100%;
		padding: 0 6rem 8rem 6rem;
	}
	.osCont ul li {
		padding: 3rem 0;
	}
	.se03Ybox {
		width: 100%;
	}
	.se03Y_inner {
		max-width: 100%;
		padding: 6rem 6rem 8rem 6rem;
	}
}
@media (max-width:991px) {
	.se03Nbox h2.seh2 {
		margin: 0 0 4rem 0;
	}
	.se03N_inner {
		padding: 0 4rem 6rem 4rem;
	}	
	.osCont ul li span {
		font-size: 6rem;
		line-height: 7rem;
	}
	.ysCont ul li {
		padding: 3rem 0 3rem 0;
	}
	.ysCont ul li span {
		font-size: 4.6rem;
	}
	.se03Y_inner {
		max-width: 100%;
		padding: 3rem 4rem 7rem 4rem;
	}
}
@media (max-width:767px) {
	.se03Nbox h2.seh2 {
		margin: 0 0 2rem 0;
	}
	.se03N_inner {
		padding: 0 2rem 5rem 2rem;
	}
	.osCont ul li {
		padding: 1.8rem 0;
	}
	.osCont ul li h3 {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.osCont ul li span {
		font-size: 3.8rem;
		line-height: 5rem;
	}
	
	.se03Y_inner {
		padding: 5rem 2rem 5rem 2rem;
	}
	.ysCont ul li {
		align-items: center;
		padding: 2.4rem 0 2.4rem 0;
	}
	.ysCont ul li span {
		gap: 1.8rem;
		line-height: 2.2rem;
		letter-spacing: 0.78px;
		font-size: 2.6rem;
	}
	.ysCont ul li h3 {
		letter-spacing: 0.42px;
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	.ysCont ul li span b {
		width: 0.5rem;
		height: 0.5rem;
	}
	.ysCont ul li:before {
		left: 0.2rem;
	}
	.ysCont ul li:after {
		left: 0.2rem;
	}
}
/*--------------------------------------------------------------
# 섹션 Our Services
--------------------------------------------------------------*/
.sec_04.section{
	background: #F8F3F3;
}
.se04Wrap{
	position:relative;
	width:100%;
	height: 100%;
	overflow: hidden;
}
.se04SideBox {
	overflow: hidden;
    display: block;
    max-width: 156rem;
    padding: 0 2rem;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.se04Inner {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.se04Title h2.seh2{
	margin:0 0 5rem 0;
	color: #111;
}
.ositems{
	position:relative;
	margin:10rem 0 0 0;
}
.ositems ul{
	display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -2rem;
    list-style-type: none;
    justify-content: center;
}
.ositems li {
    display: flex;
    flex: 0 0 calc(33.333% - 4rem);
    margin: 2rem;
    box-sizing: border-box;
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.ositems li img{
	max-width:100%;
}
.oscont h3 {
	word-break: break-word;
    text-align: left;
    margin: 2rem 0 2rem 0;
    color: #111;
    font-family: 'Pretendard-SemiBold';
    font-size: 2.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3.4rem;
    letter-spacing: 0.78px;
}
.oscont h4 {
	word-break: break-word;
	text-align: left;
	margin:0;
    color: #666;
    font-family: 'Pretendard-Light';
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 300;
    line-height: 2.4rem;
    letter-spacing: 0.08rem;
}
@media (max-width:1920px) {
	.se04Title h2.seh2 {
		margin: 0 0 3rem 0;
	}
	.ositems {
		margin: 6rem 0 0 0;
	}
	.oscont h3 {
		margin: 1.6rem 0 1.6rem 0;
		font-size: 2.4rem;
		line-height: 3rem;
		etter-spacing: 0.78px;
	}
	.oscont h4 {
		font-size: 1.5rem;
		line-height: 2.3rem;
		etter-spacing: 0.08rem;
	}
}
@media (max-width:1600px) {
	.se04SideBox {
		padding: 0 6rem;
	}
	.ositems {
		margin: 3rem 0 0 0;
	}
}
@media (max-width:1300px) {
	.se04Wrap {
		padding: 0 0 12rem 0;
	}
	.ositems ul {
		gap: 5rem;
		display: flex;
		padding: 0;
		margin: 0;
		list-style-type: none;
		justify-content: flex-start;
		flex-direction: column;
		align-items: flex-start;
	}
	.ositems li {
		gap: 5rem;
		position: relative;
		display: flex;
		flex: inherit;
		margin: 0;
		box-sizing: border-box;
		position: relative;
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
	}
	.ositems li img {
		width: 50rem;
		max-width: 100%;
	}
	.oscont h3{
		margin:0 0 1.6rem 0;
	}
	.oscont h4 {
		font-size: 1.6rem;
		line-height: 2.4rem;
		letter-spacing: 0.08rem;
	}
}
@media (max-width:991px) {
	.se04Wrap {
		padding: 0 0 10rem 0;
	}
	.se04SideBox {
		padding: 0 4rem;
	}
	.ositems li img {
		width: 34rem;
	}
	.ositems li {
		align-items: flex-start;
        justify-content: flex-start;
		gap: 3rem;
	}
	.oscont h3 {
		font-size: 2.2rem;
		line-height: 3rem;
	}
}
@media (max-width:767px) {
	.se04Wrap {
		padding: 0 0 5rem 0;
	}
	.se04SideBox {
		padding: 0 2rem;
	}
	.se04Title h2.seh2 {
		margin: 0 0 2rem 0;
	}
	.ositems {
		margin: 5rem 0 0 0;
	}
	.ositems li {
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 2rem;
		flex-direction: column;
	}
	.ositems li img {
		width: 100%;
	}
	.oscont h3 {
		margin: 0 0 1rem 0;
		letter-spacing: 0.54px;
		font-size: 1.8rem;
		line-height: 2.2rem;
	}
	.oscont h4 {
		letter-spacing: 0.7px;
		font-size: 1.4rem;
		line-height: 2rem;
	}
}
/*--------------------------------------------------------------
# 섹션 Expertise
--------------------------------------------------------------*/
.sec_05.section{
	background:#fff;
}
.se05Wrap{
	position:relative;
	width:100%;
	height:100%;
	display:flex;
}
.se05ImgBox {
    position: relative;
    width: 50%;
    height: 100%;
    background-image: url(/public/img/sec_05_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
}
.se05ImgBox img{display:none;}
.se05TextBox {
    display: flex;
    position: relative;
    width: 50%;
    height: 100%;
    align-items: center;
    justify-content: flex-start;
}
.se05_inner {
    width: 100%;
    max-width: 78rem;
    padding: 0 2rem 0 12rem;
}
.se05_inner h2.seh2{
	color:#111;
	margin:0 0 5rem 0;
}
.se05Text h3.nonemart {
    margin: 0;
}
.se05Text h3 {
	word-break: break-word;
    margin: 3.4rem 0 0 0;
    color: #666;
    font-family: 'Pretendard-Light';
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 300;
    line-height: 3.4rem;
}
@media (max-width:1600px) {
	.se05_inner {
		padding: 0 6rem 0 6rem;
	}
	.se05_inner h2.seh2 {
		margin: 0 0 4rem 0;
	}
}
@media (max-width:1300px) {
	.sec_05.section{
		padding:0;
	}
	.sec_05.section .fp-tableCell{
		height: 100% !important;
	}
	.se05Wrap {
		position: relative;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.se05ImgBox {
		position: relative;
		width: 100%;
		height: 100%;
		background-image: none;
	}
	.se05ImgBox img{display:block;}
	.se05TextBox {
		display: flex;
		position: relative;
		width: 100%;
		height: 100%;
		align-items: center;
		justify-content: flex-start;
	}
	.se05_inner {
		max-width: 100%;
		padding: 8rem 6rem 12rem 6rem;
	}
}
@media (max-width:991px) {
	.se05_inner {
		max-width: 100%;
		padding: 6rem 4rem 10rem 4rem;
	}
}
@media (max-width:767px) {
	.se05ImgBox {
		width: 100%;
		height: auto;
		background-image: none;
	}
	.se05ImgBox img{display:block;}
	.se05_inner {
		max-width: 100%;
		padding: 5rem 2rem 5rem 2rem;
	}
	.se05_inner h2.seh2 {
		margin: 0 0 2rem 0;
	}
	.se05Text h3 {
		letter-spacing: 0.45px;
		margin: 2rem 0 0 0;
		font-size: 1.5rem;
		line-height: 2.2rem;
	}
}
/*--------------------------------------------------------------
# 섹션 Products
--------------------------------------------------------------*/
.sec_06.section{
	background: #4C4241;
}
.se06Wrap{
	position:relative;
	width:100%;
	height: 100%;	
	overflow: hidden;
}
.se06SideBox {
	overflow: hidden;
    display: block;
    max-width: 156rem;
    padding: 0 2rem;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.se06Inner {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}
.se06Title h2.seh2{
	margin:0 0 5rem 0;
}
.se06Title h3.seh3{
	color:#fff;
}
.pritems{
	position:relative;
	margin:10rem 0 0 0;
}
.pritems ul{
	display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -2rem;
    list-style-type: none;
    justify-content: center;
}
.pritems li {
    display: flex;
    flex: 0 0 calc(25% - 4rem);
    margin: 2rem;
    box-sizing: border-box;
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.pritems li img{
	max-width:100%;
}
.pritems h3 {
	word-break: break-word;
    text-align: left;
    margin: 2rem 0 0 0;
    color: #fff;
    font-family: 'Pretendard-SemiBold';
    font-size: 2.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3.4rem;
    letter-spacing: 0.78px;
}
@media (max-width:1920px) {
	.se06Title h2.seh2 {
		margin: 0 0 3rem 0;
	}
	.pritems {
		margin: 6rem 0 0 0;
	}
	.pritems h3 {
		margin: 1.6rem 0 0 0;
		font-size: 2.4rem;
		line-height: 3rem;
		letter-spacing: 0.78px;
	}
}
@media (max-width:1600px) {
	.se06SideBox {
		padding: 0 6rem;
	}
}
@media (max-width:1300px) {
	.se06Wrap{
		padding:0 0 12rem 0;
	}
	.pritems li {
		flex: 0 0 calc(50% - 4rem);
	}
}
@media (max-width:991px) {
	.se06Wrap {
		padding: 0 0 10rem 0;
	}
	.se06SideBox {
		padding: 0 4rem;
	}
}
@media (max-width:767px) {
	.se06Wrap {
		padding: 0 0 5rem 0;
	}
	.se06SideBox {
		padding: 0px 2rem;
	}
	.se06Title h2.seh2 {
		margin: 0 0 2rem 0;
	}
	.pritems {
		margin: 5rem 0 0 0;
	}
	.pritems ul {
		gap: 3rem;
		display: flex;
		padding: 0;
		margin: 0;
		list-style-type: none;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.pritems li {
		flex: 0 0 calc(100% - 0rem);
		margin: 0;
	}
	.pritems h3 {
		letter-spacing: 0.48px;
		margin: 1rem 0 0 0;
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
}
/*--------------------------------------------------------------
# 섹션 Our Team
--------------------------------------------------------------*/
.sec_07.section{
	background: #fff;
}
.se07Wrap{
	position:relative;
	width:100%;
	height: 100%;	
	overflow: hidden;
	display:flex;
}
.se07TextBox {
    position: relative;
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.se07_inner {
    width: 100%;
    max-width: 78rem;
    padding: 0 12rem 0 2rem;
}
.se07_inner h2.seh2{
	color:#111;
}
.se07ImgBox {
    width: 50%;
    position: relative;
    height: 100%;
    background-image: url(/public/img/sec_07_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.se07imgtext{
	color: #FFF;
	text-align: center;
	font-family: "Outfit", sans-serif;
	font-size: 18rem;
	font-style: normal;
	font-weight: 700;
	line-height: 16rem;
	letter-spacing: 5.4px;
	text-transform: uppercase;
}

.otitems{
	position:relative;
	margin:5rem 0 0 0;
}
.otitems ul{
	display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -0.5rem;
    list-style-type: none;
    justify-content: center;
}
.otitems li {
    display: flex;
    flex: 0 0 calc(50% - 1rem);
    margin: 0.5rem;
    box-sizing: border-box;
    position: relative;
}
.otitems li a {
    display: flex;
    position: relative;
    width: 100%;
    padding: 2.4rem 3rem 3rem 3rem;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.otitems li a:hover{
	border: 1px solid #000;
	background: #FFF;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}
.otitems li a:hover .osJic h3{
	border-bottom: 1px solid #4C4241;
}
.otitems li a:hover .osInfo dl:before{
	background-image: url(/public/img/mail_on.png);
}
.osJic{
	width: 100%;
}
.osJic h3 {
    width: 100%;
    color: #000;
    font-family: 'Pretendard-ExtraBold';
    font-size:1.8rem;
    font-style: normal;
    font-weight: 800;
    line-height: 2.4rem;
    letter-spacing: 0.54px;
    padding: 0 0 1.6rem 0;
    border-bottom: 1px solid rgba(255,197,42,0.1);
}
.osInfo{
	width: 100%;
}
.osInfo h4 {
    margin: 6rem 0 2rem 0;
    width: 100%;
    color: #000;
    font-family: 'Pretendard-SemiBold';
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3.4rem;
    letter-spacing: 0.09rem;
}
.osInfo dl {
    padding: 0 0 0 2.6rem;
    position: relative;
    width: 100%;
    color: #666;
    font-family: 'Pretendard';
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: 0.075rem;
}
.osInfo dl:before{
	content:'';
	position:absolute;
	left:0;
	width:2rem;
	height:2rem;
	background-image: url(/public/img/mail_off.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
@media (max-width:1600px) {
	.se07_inner {
		padding: 0 6rem 0 6rem;
	}
	.otitems {
		margin: 4rem 0 0 0;
	}
}
@media (max-width:1300px) {
	.se07Wrap {
		position: relative;
		width: 100%;
		height: 100%;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.se07TextBox {
		position: relative;
		width: 100%;
	}
	.se07_inner {
		max-width: 100%;
		padding: 0 6rem 8rem 6rem;
	}
	.se07ImgBox {
		width: 100%;
		position: relative;
		height: 100vh;
		background-image: url(/public/img/sec_07_bg.webp);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
}
@media (max-width:991px) {
	.se07ImgBox{
		min-height:60rem;
	}
	.se07imgtext {
		font-size: 10rem;
		line-height: 9.5rem;
		letter-spacing: 3px;
	}
	.se07_inner {
		max-width: 100%;
		padding: 0 4rem 6rem 4rem;
	}
	.se07imgtext {
		font-size: 16rem;
		line-height: 14rem;
		letter-spacing: 5.4px;
	}
}
@media (max-width:767px) {
	.se07_inner {
		max-width: 100%;
		padding: 0 2rem 5rem 2rem;
	}
	.otitems {
		margin: 2rem 0 0 0;
	}
	.otitems ul {
		gap: 1rem;
		display: flex;
		padding: 0;
		margin: 0;
		list-style-type: none;
		justify-content: flex-start;
		flex-direction: column;
		align-items: flex-start;
	}
	.otitems li {
		width: 100%;
		display: flex;
		flex: 0 0 calc(100% - 0rem);
		margin: 0;
		box-sizing: border-box;
		position: relative;
	}
	.otitems li a {
		padding: 1.6rem 2rem 2rem 2rem;
	}
	.osJic h3 {
		letter-spacing: 0.36px;
		font-size: 1.2rem;
		line-height: 1.6rem;
		padding: 0 0 1.2rem 0;
	}
	.osInfo h4 {
		letter-spacing: 0.6px;
		margin: 5rem 0 1.4rem 0;
		font-size: 2rem;
		line-height: 2.4rem;
	}
	.osInfo dl {
		letter-spacing: 0.7px;
		padding: 0 0 0 2.2rem;
		font-size: 1.4rem;
		line-height: 1.6rem;
	}
	.osInfo dl:before {
		content: '';
		position: absolute;
		left: 0;
		width: 1.6rem;
		height: 1.6rem;
	}
	.se07imgtext {
		font-size: 7rem;
		line-height: 6.2rem;
		letter-spacing: 2.1px;
	}
}