*{
	--mainCol: #182e4e;
}

/* navL */
.navL{
	position: fixed;
	top: 160px;
	left: 5%;
}

.navL li{
	color: #b3b3b3;
	font-size: 17px;
	line-height: 1;
	transition: all 0.3s;
	cursor: pointer;
	position: relative;
}

.navL li + li{
	margin-top: 25px;
}

.navL li:hover,
.navL li.on{
	color: #fff;
	padding-left: 20px;
}

.navL.on li:hover,
.navL.on li.on{
	color: var(--mainCol);
	font-weight: 600;
}

.navL li::before{
	content: '';
	width: 12px;
	height: 2px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(-100%,-50%);
	opacity: 0;
	transition: all 0.3s;
}

.navL li:hover::before,
.navL li.on::before{
	transform: translate(0%,-50%);
	opacity: 1;
}

.navL.on li:hover::before,
.navL.on li.on::before{
	background: var(--mainCol);
}

/* visual */
.visual{
	width: 100%;
	height: 90vh;
	background: url(/landing/img/relief/visual.jpg) no-repeat center / cover;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.visual p{
	color: #fff;
	font-size: 30px;
	left: 1.3em;
	margin-bottom: 15px;
}

.visual h2{
	font-size: 55px;
	color: #fff;
	line-height: 1.3;
	font-family: "cs";
	font-weight: normal;
}

/* frdLogo */
.frdLogo{
	background: #fff;
	padding: 12px 0;
}

.frdLogo ul{
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 1000px;
	margin: auto;
}

.frdLogo ul li{
	margin: 0 10px;
}

.frdLogo .inner img{
	display: block;
	margin: auto;
	max-width: 100%;
}

/* landingCon */
.landingCon{
	background: #f5f5f7;
	padding: 100px 0;
}

.landingCon .inner{
	max-width: 1000px;
}

/* formCon */
.formCon .inner{
	background: #fff;
	box-sizing: border-box;
	border-radius: 40px;
	padding: 60px 5%;
}

.formCon .inner h3{
	font-size: 30px;
	line-height: 1;
	font-weight: 600;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 2px solid #2d2a3d;
	text-align: left;
}

.formCon .inner .conTxt{
	color: #7e7d7d;
	font-size: 17px;
	font-weight: 500;
}

.formCon .inner .conTxt strong{
	font-weight: 500;
	color: #2a2a2a;
}

.formCon ul li{
	margin-top: 30px;
}

.formCon ul li h5{
	color: #4f4f4f;
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 15px;
	line-height: 1;
}

.formCon ul li .inputBox input,
.formCon ul li .inputBox select,
.formCon ul li .inputBox textarea{
	width: 100%;
	height: 50px;
	box-sizing: border-box;
	padding-left: 10px;
	font-size: 15px;
	border: 0;
	background: #f5f5f7;
	border-radius: 14px;
}

.formCon ul li .inputBox textarea{
	height: 120px;
	padding: 10px;
}

.formCon ul li .checkBox{
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.formCon ul li .checkBox input{
	display: none;
}

.formCon ul li .checkBox label{
	width: calc(100%/3 - 24px/3);
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f5f5f7;
	font-size: 16px;
	color: #3c3c3c;
	line-height: 1;
	border-radius: 14px;
	cursor: pointer;
}

.formCon ul li .checkBox input:checked + label{
	background: var(--mainCol);
	color: #fff;
}

.formCon .agreeBox{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 30px 0 20px;
}

.formCon .agreeBox label{
	font-size: 15px;
	margin-left: 8px;
}

.formCon .sendBtn{
	background: #182e4e;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 220px;
	height: 50px;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	margin: auto;
	border-radius: 15px;
}

/* section2 */
.section2 ul li{
	background: #fff;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding: 50px 60px;
	border-radius: 30px;
}

.section2 ul li + li{
	margin-top: 30px;
}

.section2 ul li .profile{
	width: 123px;
}


.section2 ul li .profile img{
	width: 100%;
}

.section2 ul li .txtBox{
	width: calc(100% - 123px);
	box-sizing: border-box;
	padding-left: 50px;
}

.section2 ul li .txtBox h5{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ccc;
}

.section2 ul li .txtBox h5 strong{
	font-size: 20px;
	font-weight: 600;
	line-height: 1;
	width: 100%;
}

.section2 ul li .txtBox h5 span{
	width: 0%;
	text-align: right;
	color: #767676;
	font-size: 15px;
}

.section2 ul li .txtBox h6{
	font-size: 18px;
	font-weight: bold;
	color: #3c3c3c;
	margin-bottom: 25px;
}

.section2 ul li .txtBox p{
	font-size: 17px;
	color: #3c3c3c;
	line-height: 1.6;
}

/* section3 */
.section3 article{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.section3 article .imgBox{
	width: 43%;
	max-width: 430px;
	border-radius: 30px;
	overflow: hidden;
}

.section3 article .txtBox{
	width: calc(57% - 50px);
}

.section3 article .txtBox .ceo{
	color: #fff;
	display: inline-block;
	background: var(--mainCol);
	font-weight: 600;
	font-size: 26px;
	border-radius: 100px;
	line-height: 1;
	padding: 10px 30px;
	margin-bottom: 15px;
}

.section3 article .txtBox h3{
	font-size: 30px;
	line-height: 1;
	color: #303030;
	font-weight: 400;
	margin-bottom: 30px;
}

.section3 article .txtBox h3 strong{
	font-size: 46px;
}

.section3 article .kindBox{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}

.section3 article .kindBox h5{
	font-weight: 600;
	font-size: 20px;
	line-height: 1;
	margin-bottom: 10px;
	width: 100%;
}

.section3 article .kindBox span{
	display: inline-block;
	line-height: 1;
	font-weight: 600;
	font-size: 16px;
	color: var(--mainCol);
	padding: 6px 15px;
	border: 1px solid var(--mainCol);
	border-radius: 100px;
	margin-top: 10px;
	margin-right: 10px;
}

.section3 article .infoBox .cate{
	display: flex;
	margin-bottom: 15px;
}

.section3 article .infoBox .cate p{
	font-size: 16px;
	line-height: 1;
	color: #fff;
	padding: 6px 15px;
	border-radius: 100px;
	background: #aeaeae;
	cursor: pointer;
}

.section3 article .infoBox .cate p + p{
	margin-left: 10px;
}

.section3 article .infoBox .cate p.on{
	background: var(--mainCol);
}

.section3 article .infoBox ul{
	background: #fff;
	border-radius: 20px;
	box-sizing: border-box;
	padding: 20px;
	height: 160px;
	overflow-y: auto;
}

.section3 article .infoBox ul::-webkit-scrollbar {
  width: 4px;
}

.section3 article .infoBox ul::-webkit-scrollbar-track {
  background: #f2f2f2;
  border-radius: 8px;
}

.section3 article .infoBox ul::-webkit-scrollbar-thumb {
  background-color: #aaa;
  border-radius: 8px;
}

.section3 article .infoBox ul::-webkit-scrollbar-thumb:hover {
  background-color: #888;
}

.section3 article .infoBox ul li{
	font-size: 14px;
	line-height: 1.7;
	display: none;
}

.section3 article .infoBox ul li:first-child{
	display: block;
}

.section3 article .infoBox ul li a{
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* section4 */
.section4 ul{
	display: flex;
	flex-wrap: wrap;
}

.section4 ul li{
	border-radius: 20px;
	background: #fff;
	box-sizing: border-box;
	width: calc(100%/3 - 60px/3);
	margin-right: 30px;
	margin-top: 30px;
	text-align: center;
	padding: 40px 20px;
}

.section4 ul li:nth-child(3n){
	margin-right: 0;
}

.section4 ul li:nth-child(-n+3){
	margin-top: 0;
}

.section4 ul li p{
	font-size: 17px;
	line-height: 1;
	font-weight: 600;
	margin-top: 30px;
	color: #333;
}

/* section5 */
.section5 .tit{
	font-weight: 400;
}

.section5 .tit strong{
	font-weight: 600;
}

.section5 dl{
	border-radius: 20px;
	background: #fff;
	box-sizing: border-box;
	padding: 35px;
}

.section5 dl + dl{
	margin-top: 25px;
}

.section5 dl dt{
	font-weight: 600;
	font-size: 20px;
	line-height: 1.3;
	color: var(--mainCol);
	margin-bottom: 30px;
}

.section5 dl dd{
	color: #5c5c5c;
	font-size: 17px;
	line-height: 1.6;
}

.section5 dl dd strong{
	color: var(--mainCol);
	font-weight: 600;
}

/* section6 */
.section6 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.section6 ul li{
	width: calc(100%/2 - 30px/2);
	background: #fff;
	border-radius: 20px;
	box-sizing: border-box;
	padding: 30px;
	display: flex;
	align-items: center;
	font-size: 20px;
	font-weight: 600;
	color: var(--mainCol);
}

.section6 ul li .fa{
	margin-right: 6px;
	font-weight: 400;
}

/* section7 */
.section7 .imgBox{
	border-radius: 30px;
	overflow: hidden;
}

.section7 .imgBox + .imgBox{
	margin-top: 50px;
}

/* section8 */
.section8 .conTxt{
	font-size: 30px;
	line-height: 1.3;
	color: #424242;
	font-weight: 600;
}

.section8 ul{
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
}

.section8 ul li{
	width: calc(100%/3 - 50px/3);
}

.section8 ul li a{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	align-content: space-between;
	width: 100%;
	height: 240px;
	border-radius: 20px;
	box-sizing: border-box;
	padding: 25px;
	background: var(--mainCol);
}

.section8 ul li h5{
	font-size: 20px;
	font-weight: 600;
	width: 100%;
	color: #fff;
	line-height: 1;
	margin-bottom: 15px;
}

.section8 ul li p{
	font-size: 16px;
	width: 100%;
	color: #fff;
	line-height: 1.7;
}

.section8 ul li .btn{
	background: #fff;
	display: flex;
	align-items: center;
	border-radius: 6px;
	padding: 8px 20px 10px;
	line-height: 1;
}

.section8 ul li .btn span{
	color: var(--mainCol);
	font-size: 17px;
	font-weight: 600;
}

.section8 ul li .btn img{
	width: 14px;
	margin-left: 4px;
}

.section8 ul li:nth-child(3) .btn{
	background: #fae100;
}

.section8 ul li:nth-child(3) .btn span{
	color: #3c1e1e;
}

/* section9 */
.section9{
	
}

.section9 .conTxt{
	font-size: 24px;
	color: #424242;
	font-weight: 600;
	margin-bottom: 30px;
}

.section9 .mapBox > div{
	width: 100%;
}



/*===========================================
' - 모바일 반응형 CSS
===========================================*/

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

/* navL */
.navL{
	position: fixed;
	top: 0;
	left: 100%;
	width: 50%;
	height: 100vh;
	z-index: 99;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255,255,255,1);
	transition: all 0.3s;
}

.navL.open{
	left: 50%;
	box-shadow: rgba(0,0,0,0.1) 0 0 10px;
}

.navL ul{
	text-align: right;
}

.navL li{
	font-size: 4vw;
}

.navL li + li{
	margin-top: 4vw;
}

.navL li:hover,
.navL li.on{
	color: #fff;
	padding-left: 0vw;
	padding-right: 5vw;
}

.navL.on li:hover,
.navL.on li.on{
	color: var(--mainCol);
	font-weight: 600;
}

.navL li::before{
	content: '';
	width: 3vw;
	left: auto;
	right: 0;
}

.navL li:hover::before,
.navL li.on::before{
	transform: translate(0%,-50%);
	opacity: 1;
}

.navL.on li:hover::before,
.navL.on li.on::before{
	background: var(--mainCol);
}

/* visual */
.visual{
	height: 90vh;
	background: url(/landing/img/relief/visual_m.jpg) no-repeat center / cover;
}

.visual p{
	font-size: 4vw;
	margin-bottom: 3vw;
}

.visual h2{
	font-size: 8vw;
}

/* frdLogo */
.frdLogo{
	padding: 3vw 0;
	position: relative;
}

.frdLogo::after{
	content: '';
	display: block;
	width: 30%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background: linear-gradient(-90deg, white, transparent);
}

.frdLogo .inner{
	overflow-x: auto;
	width: 100%;
}

.frdLogo ul{
	width: 800px;
}

.frdLogo ul li img{
	height: 24px;
	width: auto;
}

/* landingCon */
.landingCon{
	padding: 12vw 0;
}

/* formCon */
.formCon .inner{
	border-radius: 6vw;
	padding: 8vw 5%;
}

.formCon .inner h3{
	font-size: 5vw;
	padding-bottom: 4vw;
	margin-bottom: 4vw;
	border-bottom: 2px solid #2d2a3d;
}

.formCon .inner .conTxt{
	font-size: 3.5vw;
}

.formCon ul li{
	margin-top: 5vw;
}

.formCon ul li h5{
	font-size: 3.5vw;
	margin-bottom: 3vw;
}

.formCon ul li .inputBox input,
.formCon ul li .inputBox textarea{
	height: 10vw;
	padding-left: 2vw;
	font-size: 3vw;
	border-radius: 2vw;
}

.formCon ul li .inputBox textarea{
	height: 30vw;
	padding: 2vw;
}

.formCon ul li .checkBox{
	gap: 2vw;
}

.formCon ul li .checkBox label{
	width: calc(100%/2 - 2vw/2);
	height: 10vw;
	font-size: 3vw;
	border-radius: 2vw;
}

.formCon .agreeBox{
	margin: 5vw 0 4vw;
}

.formCon .agreeBox label{
	font-size: 3vw;
	margin-left: 1vw;
}

.formCon .sendBtn{
	background: #182e4e;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45vw;
	height: 10vw;
	font-size: 4vw;
	border-radius: 3vw;
}

/* section2 */
.section2 ul li{
	display: flex;
	align-items: flex-start;
	box-sizing: border-box;
	padding: 7vw 8vw;
	border-radius: 5vw;
}

.section2 ul li + li{
	margin-top: 5vw;
}

.section2 ul li .profile{
	width: 15vw;
	margin-top: 3vw;
}

.section2 ul li .txtBox{
	width: calc(100% - 15vw);
	padding-left: 5vw;
}

.section2 ul li .txtBox h5{
	padding-bottom: 3vw;
	margin-bottom: 3vw;
	flex-wrap: wrap;
}

.section2 ul li .txtBox h5 strong{
	font-size: 4vw;
	width: 100%;
	order: 1;
	line-height: 1.4;
}

.section2 ul li .txtBox h5 span{
	width: 100%;
	text-align: left;
	font-size: 3vw;
	order: 0;
	margin-bottom: 1vw;
}

.section2 ul li .txtBox p{
	font-size: 3.5vw;
}

/* section3 */
.section3 article{
	flex-wrap: wrap
}

.section3 article .imgBox{
	width: 100%;
	max-width: 100%;
	border-radius: 5vw;
	margin-bottom: 5vw;
}

.section3 article .txtBox{
	width: calc(100%);
}

.section3 article .txtBox .ceo{
	font-size: 3.5vw;
	padding: 2vw 5vw;
	margin-bottom: 3vw;
}

.section3 article .txtBox h3{
	font-size: 4.5vw;
	margin-bottom: 5vw;
}

.section3 article .txtBox h3 strong{
	font-size: 7vw;
}

.section3 article .kindBox{
	margin-bottom: 5vw;
}

.section3 article .kindBox h5{
	font-size: 4vw;
	margin-bottom: 2vw;
}

.section3 article .kindBox span{
	font-size: 3vw;
	padding: 2vw 3vw;
	margin-top: 2vw;
	margin-right: 2vw;
}

.section3 article .infoBox .cate{
	margin-bottom: 3vw;
}

.section3 article .infoBox .cate p{
	font-size: 3vw;
	padding: 2vw 3vw;
}

.section3 article .infoBox .cate p + p{
	margin-left: 2vw;
}

.section3 article .infoBox ul{
	border-radius: 4vw;
	padding: 4vw;
	height: 40vw;
	overflow-y: auto;
}

.section3 article .infoBox ul::-webkit-scrollbar {
  width: 4px;
}

.section3 article .infoBox ul li{
	font-size: 3vw;
}

/* section4 */
.section4 ul li{
	border-radius: 4vw;
	width: calc(100%/2 - 3vw/2);
	margin-right: 3vw !important;
	margin-top: 3vw !important;
	padding: 6vw 4vw;
}

.section4 ul li:nth-child(2n){
	margin-right: 0 !important;
}

.section4 ul li:nth-child(-n+2){
	margin-top: 0 !important;
}

.section4 ul li p{
	font-size: 3.5vw;
	margin-top: 5vw;
	line-height: 1.4;
}

/* section5 */
.section5 dl{
	border-radius: 4vw;
	padding: 5vw;
}

.section5 dl + dl{
	margin-top: 5vw;
}

.section5 dl dt{
	font-size: 4vw;
	margin-bottom: 5vw;
}

.section5 dl dd{
	font-size: 3.5vw;
}

/* section6 */
.section6 ul li{
	width: calc(100%);
	border-radius: 4vw;
	padding: 5vw;
	font-size: 4vw;
}

.section6 ul li + li{
	margin-top: 3vw;
}

.section6 ul li .fa{
	margin-right: 1vw;
}

/* section7 */
.section7 .imgBox{
	border-radius: 5vw;
}

.section7 .imgBox + .imgBox{
	margin-top: 5vw;
}

/* section8 */
.section8 .conTxt{
	font-size: 4.5vw;
}

.section8 ul{
	margin-top: 7vw;
	flex-wrap: wrap;
}

.section8 ul li{
	width: calc(100%);
}

.section8 ul li + li{
	margin-top: 3vw;
}

.section8 ul li a{
	height: auto;
	border-radius: 4vw;
	padding: 6vw;
	justify-content: flex-start;
}

.section8 ul li h5{
	font-size: 4vw;
	margin-bottom: 3vw;
}

.section8 ul li p{
	font-size: 3vw;
	margin-bottom: 5vw;
}

.section8 ul li .btn{
	border-radius: 1vw;
	padding: 1.5vw 4vw 2vw;
}

.section8 ul li .btn span{
	font-size: 3.5vw;
}

.section8 ul li .btn img{
	width: 3vw;
}

/* section9 */
.section9 .tit{
	margin-bottom: 3vw;
}

.section9 .conTxt{
	font-size: 3.5vw;
	margin-bottom: 5vw;
}

.section9 .mapBox > div{
	width: 100%;
}

}