@charset "utf-8";

.img_wrap{width:100%;overflow:auto;overflow-y:hidden;}
.img_wrap img{min-width:800px}

/* 회사소개 */
.info .title_video:before{background-image:url(../img/info/visual.jpg)}
#greeting .ct0{
	display:flex;align-items:center;justify-content:center;
	height:697px;
	margin-bottom:100px;
	background:url(../img/info/greeting1.jpg) no-repeat center;background-size:cover;
}
#greeting .ct0 p{
	margin:0;
	font-size:40px;color:#fff;font-weight:700;line-height:1.5em;
}
#greeting .ct1 p{
	margin-bottom:50px;
	font-size:18px;color:#8B8B8B;font-weight:800;line-height:1.7em;
}
#greeting .ct2{
	display:flex;align-items:center;
	padding:80px 0
}
#greeting .ct2 p{
	flex:1;
	padding-right:80px;
	border-right:1px solid #999;
	text-align:right
}
#greeting .ct2 dl{flex:1;padding-left:80px}
#greeting .ct3 p.ceo{font-size:16px;color:#000}
#greeting .ct3 p.ceo b{display:block;margin-top:10px;font-size:30px;font-weight:800}
#greeting dl{margin-bottom:50px;}
#greeting dt{margin-top:30px;font-size:22px;font-weight:800;color:#002F66}
#greeting dd{font-size:18px;color:#8B8B8B;font-weight:600;line-height:1.7em;}

#greeting .ct3 p{
	margin-bottom:50px;
	font-size:18px;color:#8B8B8B;font-weight:800;line-height:1.7em;
}


#history h3 span{display:block;color:#000}
#history h4{
	padding-top:30px;
	border-top:1px solid #E4E6EA;
	font-size:38px;font-weight:800;
}
#history h4 b{
	display:block;font-size:45px;color:var(--point_color1);font-weight:800
}
#history h4+dl{border-top:0}
#history dl{
	position:relative;
	padding:30px 0 30px 247px;
	border-top:1px solid #E4E6EA;border-bottom:1px solid #E4E6EA
}
#history dl+dl{margin-top:-1px;}
#history dl dt{
	position:absolute;left:0;
	font-size:26px;font-weight:800
}
#history dl dd{
	position:Relative;
	padding-left:18px;
	font-size:22px;font-weight:500
}
#history dl dd:before{
	content:'';
	position:absolute;top:12px;left:0;
	display:block;width:5px;height:5px;
	background:#1d1d1f;border-radius:50%
}
#history dl dd+dd{margin-top:28px;}

#company h3 span{display:block;}
#company ul{
	margin:40px 0 50px;
	border-bottom:1px solid #E4E6EA
}
#company ul li{
	display:flex;align-items:center;
	padding:30px 0;
	border-top:1px solid #E4E6EA;
	font-size:22px;font-weight:600
}
#company ul li b{
	flex:none;width:247px;
	font-size:26px;font-weight:800
}
#company .ct1{display:grid;gap:90px 40px;grid-template-columns:repeat(2, 1fr)}
#company .ct1>div{
	display:flex;align-items:center;gap:25px;
}
#company .ct1>div dt{
	margin-bottom:10px;
	font-size:30px;font-weight:800
}
#company .ct1>div dt u{display:block;}
#company .ct1>div dd{font-size:20px;color:#8B8B8B;font-weight:600;line-height:1.7em;}
#company .ct1>div .img{flex:none;width:380px;max-width:50%}

#organization .ct{position:relative;text-align:center;}
#organization .ct h4{
	position:Relative;
	display:inline-flex;align-items:center;justify-content:center;
	width:450px;height:200px;
	background:#002F66;
	border-radius:56px;
	font-size:32px;color:#fff;font-weight:700
}
#organization .ct .or1,
#organization .ct .or1 ul{
	text-align:center;font-size:0
}
#organization .ct .or1 li{position:Relative;display:inline-block;vertical-align:top;font-size:0}
#organization .ct .or1>li{width:50%}
#organization .ct .or1 b{
	position:Relative;
	display:inline-flex;align-items:center;justify-content:center;
	width:400px;height:200px;
	background:#53ABDF;
	border-radius:56px;
	font-size:32px;color:#fff;font-weight:700
}
#organization .ct h4:before,
#organization .ct .or1 b:before{
	content:'';
	position:absolute;top:-13px;left:50%;
	display:block;width:26px;height:26px;
	margin-left:-13px;
	box-sizing:border-box;
	border:6px solid #fff;border-radius:50%;
	background:#53ABDF;
}
#organization .ct h4:before{top:auto;bottom:-13px;;background:#002F66;z-index:1}
#organization .ct h4,
#organization .ct .or1>li>b{margin-bottom:58px}
#organization .ct h4:after,
#organization .ct .or1>li>b:after{
	content:'';
	position:absolute;top:100%;left:50%;
	display:block;width:2px;height:58px;
	margin-left:-2px;
	border-left:2px dashed #c5c5c5;
}
#organization .ct .or1 ul b{
	width:100%;max-width:250px;height:150px;
	color:#000
}
#organization .ct .or1 li:before{
	content:'';
	display:block;width:2px;height:58px;
	margin:0 auto;
	border-left:2px dashed #c5c5c5;
}
#organization .ct .or1 li:after{
	content:'';
	position:absolute;top:0;right:50%;
	display:block;width:calc(100% + 20px);height:2px;
	border-top:2px dashed #c5c5c5;
}
#organization .ct .or1 li:nth-child(1):after{display:none}
#organization .ct .or1>li:after{width:100%}
#organization .ct .or1 ul{
	display:flex;align-items:flex-start;justify-content:center;gap:20px
}
#organization .ct .or1 ul li{flex:1}
#organization .ct .or1 ul ul{display:block;}
#organization .ct .or1 ul ul b{width:250px;}
#organization .ct .or1>li:nth-child(2) b,
#organization .ct .or1>li:nth-child(2) b:before{background:#FFC2B2}
#organization .ct .or1>li:nth-child(2)>b,
#organization .ct .or1>li:nth-child(2)>b:before{background:#DF6F53}
#organization .ct .or1 ul ul b,
#organization .ct .or1 ul ul b:before{background:#A4B7F5}

main#contact{max-width:100%;padding:0;}
#contact .ct{
	position: relative;
    max-width: 1720px;
	box-sizing:border-box;
    margin: 0 auto;
    padding: 0 40px 100px;
	overflow:Hidden;
}
#contact .ct h4{
	margin:100px 0 0;
	font-size:38px;font-weight:800
}
#contact .ct h4 b{
	display:block;
	font-size:58px;
}
#contact .ct div{display:flex;flex-wrap:wrap;margin-left:-65px;}
#contact .ct dl{padding:0 64px;margin:40px 0 0;border-left:1px solid #ececec;}
#contact .ct dl dt{font-size:30px;font-weight:700}
#contact .ct dl dd{margin-top:5px;font-size:22px;font-weight:700}
#contact .ct dl dd b{display:inline-block;min-width:50px;}
#contact .ct dl dd b:after{
	content:'';
	display:inline-block;width:2px;height:20px;
	margin:7px 14px 0;
	background:#a3a3a3;
	vertical-align:top
}
#contact .ct dl:nth-child(3) dd{position:Relative;padding-left:32px}
#contact .ct dl:nth-child(3) dd:before{
	content:'';
	position:absolute;top:12px;left:13px;
	display:block;width:6px;height:6px;
	background:#222;border-radius:50%;
}
#contact iframe{height:750px}

/* 사업분야 */
.business .title_video:before{background-image:url(../img/business/visual.jpg)}
#business_info .ct1{
	display:grid;gap:20px 30px;grid-template-columns:repeat(2, 1fr);
	margin-bottom:40px;
}
#business_info .ct1>li{
	border:1px solid #7DA2CE;border-radius:20px;
	padding:40px 60px;
}
#business_info .ct1>li h4{
	font-size:35px;color:#002F66;font-weight:800
}
#business_info .ct1>li ul{margin:10px 0}
#business_info .ct1>li li{
	position:relative;
	padding-left:38px;
	font-size:26px;color:#555;font-weight:700
}
#business_info .ct1>li li:before{
	content:'';
	position:absolute;top:14px;left:13px;
	display:block;width:7px;height:7px;
	background:#555;border-radius:50%;
}
#business_info .ct1>li small{display:block;font-size:18px;color:#8B8B8B;font-weight:800}

#partners .ct1{margin-bottom:50px;}
#partners .ct1 li{
	position:relative;
	min-height:250px;
	padding:24px 0 24px 330px;
	border-bottom:1px solid #ccc;
}
#partners .ct1 li img{position:absolute;left:0;top:24px;}
#partners .ct1 li  dt{font-size:25px;font-weight:800}
#partners .ct1 li  dd{font-size:18px;font-weight:800;color:#8B8B8B}
#partners .ct2{display:grid;gap:40px 35px;grid-template-columns:repeat(5, 1fr);}
#partners .ct2 img{display:block;width:100%}
#partners .ct2 b{display:block;margin-top:15px;font-size:25px;font-weight:800;text-align:center}

#goods .tab{display:flex;flex-wrap:wrap;gap:19px;justify-content:center;margin-bottom:100px}
#goods .tab a{
	display:inline-block;height:50px;line-height:48px;
	box-sizing:border-box;
	border:1px solid #002F66;border-radius:20px;
	padding:0 18px;
	font-size:25px;font-weight:600;color:#002F66
}
#goods .tab a.on{background:#002F66;color:#fff}
#goods .ct1{display:grid;gap:40px 60px;grid-template-columns:repeat(2, 1fr);}
#goods .ct1 li{position:relative;}
#goods .ct1 dl{padding-right:120px;}
#goods .ct1 dt{
	margin:10px 0;
	font-size:18px;color:#8B8B8B;font-weight:800
}
#goods .ct1 dt b{
	display:block;
	margin-top:10px;
	font-size:25px;font-weight:800;color:#000;line-height:1.3em
}
#goods .ct1 dd{
	font-size:18px;color:#8B8B8B;font-weight:800
}
#goods .ct1 p{
	position:absolute;bottom:0;right:0;
	display:Flex;gap:10px
}
#goods .ct1 p a{
	display:inline-block;width:50px;height:50px;
	background:url(../img/ico/file.svg) no-repeat center;
	font-size:0
}
#goods .ct1 p a.link{background-image:url(../img/ico/link.svg)}

/* 인재채용 */
.recruit .title_video:before{background-image:url(../img/recruit/visual.jpg)}
#people ul{
	display:grid;gap:100px 30px;grid-template-columns:repeat(2, 1fr);
}
#people ul li{
	padding:20px 0 20px 220px;
	background:url(../img/recruit/people01.jpg) no-repeat 0 center;
	font-size:24px;font-weight:800;color:#8B8B8B
}
#people ul li b{
	display:block;
	margin-bottom:10px;
	font-size:30px;color:#000
}
#people ul li:nth-child(2){background-image:url(../img/recruit/people02.jpg)}
#people ul li:nth-child(3){background-image:url(../img/recruit/people03.jpg)}
#people ul li:nth-child(4){background-image:url(../img/recruit/people04.jpg)}
#people ul li:nth-child(5){background-image:url(../img/recruit/people05.jpg)}
#people ul li:nth-child(6){background-image:url(../img/recruit/people06.jpg)}

#duty .ct{
	position:relative;
	padding:80px 480px 80px 20px;
	margin-top:-1px;
	background:url(../img/recruit/duty01.jpg) no-repeat right 50px top 50px;
	border-top:1px solid #ccc;border-bottom:1px solid #ccc;
}
#duty .ct:nth-child(3){background-image:url(../img/recruit/duty02.jpg)}
#duty .ct:nth-child(4){background-image:url(../img/recruit/duty03.jpg)}
#duty .ct h4{
	margin-bottom:15px;
	font-size:30px;
}
#duty .ct h4 b{
	display:block;
	margin-bottom:10px;
	font-weight:800
}
#duty .ct li{
	position:relative;
	padding-left:35px;
	font-size:24px;font-weight:800;color:#8B8B8B;
}
#duty .ct li:before{
	content:'';
	position:absolute;left:12px;top:12px;
	display:block;width:7px;height:7px;
	background:#8b8b8b;border-radius:50%;
}

#recruit_info h4{
	margin:100px 0 40px;
	font-size:30px;font-weight:800
}
#recruit_info .step{display:flex;align-items:center;flex-wrap:wrap;gap:40px 0;margin-bottom:40px}
#recruit_info .step span{
	position:relative;
	display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-direction:column;
	flex:none;width:250px;height:250px;
	margin-left:75px;
	background:#53ABDF;border-radius:50%;
	font-size:28px;color:#fff;font-weight:700
}
#recruit_info .step span u{display:block;}
#recruit_info .step span:before{
	content:'';
	position:absolute;left:-75px;top:50%;
	display:block;width:75px;height:46px;
	margin-top:-23px;
	background:url(../img/ico/arrow.svg) no-repeat center; 
}
#recruit_info .step span:nth-child(1){margin-left:0}
#recruit_info .step span:nth-child(1):before{display:None}
#recruit_info li{
	position:relative;
	padding-left:35px;
	font-size:24px;font-weight:800;color:#8B8B8B;
}
#recruit_info li:before{
	content:'';
	position:absolute;left:12px;top:12px;
	display:block;width:7px;height:7px;
	background:#8b8b8b;border-radius:50%;
}
#recruit_info li a{color:#002F66}


@media all and (max-width:1224px){
	#company .ct1>div{display:block;}
	#company .ct1>div .img{width:auto;max-width:100%}
	#organization .ct .or1 b{width:300px;height:180px;font-size:28px}
	#organization .ct .or1 ul b{width:150px;height:100px;border-radius:20px;font-size:20px}
	#organization .ct .or1 ul ul b{width:150px;}
	#partners .ct2{gap:30px 25px;grid-template-columns:repeat(4, 1fr);}
	#partners .ct2 b{font-size:22px}

	
}

@media all and (max-width:1024px){
	
	/* 회사소개 */
	#greeting .ct0{height:55vw;min-height:300px}
	#greeting .ct0 p{font-size:35px}
	#greeting .ct2{display:block;}
	#greeting .ct2 p,
	#greeting .ct2 dl{padding:0;border:0;text-align:center;}
	#history h4{font-size:30px;}
	#history h4 b{font-size:35px;}
	#history dl{padding-left:180px}
	#organization .ct .or1>li{width:100%;display:block}
	#organization .ct .or1 ul{display:flex;}
	#organization .ct .or1>li:after{display:none}
	#organization .ct .or1>li b{z-index:1}
	#organization .ct .or1>li{margin-top:58px}
	#organization .ct .or1>li:nth-child(2):before{height:370px;position:absolute;bottom:100%;left:50%;margin-left:-2px}
	#organization .ct .or1>li:nth-child(1){margin-top:0}
	#contact .ct h4{font-size:30px;}
	#contact .ct h4 b{font-size:45px;}
	#contact .ct dl dt{font-size:20px}
	#contact .ct dl dd{font-size:18px}
	#contact iframe{height:600px}
	

	/* 사업분야 */
	#business_info .ct1>li{padding:20px 30px}
	#business_info .ct1>li h4{font-size:30px}
	#business_info .ct1>li li{font-size:22px}
	#business_info .ct1>li small{font-size:16px}
	#partners .ct2{gap:20px 15px;grid-template-columns:repeat(3, 1fr);}
	#partners .ct2 b{font-size:18px}
	#goods .tab{margin-bottom:80px}
	#goods .ct1{gap:40px 20px}
	#goods .ct1 dl{padding-right:80px}
	#goods .ct1 dt,
	#goods .ct1 dd{font-size:16px;}
	#goods .ct1 dt b{font-size:20px}
	#goods .ct1 p a{width:30px;height:30px;background-size:auto 100%}
	#goods .ct1 li{margin-bottom:40px}

	/* 인재채용 */
	#people ul{display:block;}
	#people ul li{min-height:180px;padding-left:180px;background-size:160px auto;font-size:20px}
	#people ul li b{font-size:25px}
	#duty .ct{padding:60px 300px 60px 20px;background-size:250px auto;background-position:right 60px}
	#duty .ct h4{font-size:25px;}
	#duty .ct li{font-size:20px}
	#recruit_info .step span{width:150px;height:150px;font-size:18px;margin-left:40px}
	#recruit_info .step span:before{left:-40px;width:40px;background-size:auto 50%}
}

@media all and (max-width:760px){
	
	/* 회사소개 */
	#greeting .ct0{margin-bottom:50px}
	#greeting .ct0 p{font-size:20px;text-align:center}
	#greeting .ct1 p,
	#greeting .ct3 p{margin-bottom:30px;font-size:16px;}
	#greeting .ct2{padding:40px 0}
	#greeting .ct2 .img img{max-width:80%}
	#greeting .ct3 p.ceo b{font-size:25px}
	#greeting dl dd{font-size:16px}

	#history h4{font-size:20px;}
	#history h4 b{font-size:25px;}
	#history dl{padding:25px 0 25px 80px}
	#history dl dt{font-size:20px}
	#history dl dd{padding-left:12px;font-size:16px}
	#history dl dd+dd{margin-top:10px}
	#history dl dd:before{width:4px;height:4px;top:8px;}

	#company ul li{padding:20px 0;font-size:16px;}
	#company ul li b{width:100px;font-size:16px;}
	#company .ct1{gap:50px 20px}
	#company .ct1 .img img{width:100%}
	#company .ct1>div dt{font-size:18px;}
	#company .ct1>div dd{font-size:16px;line-height:1.5em}
	
	#organization .ct h4,
	#organization .ct h4, #organization .ct .or1>li>b{width:100%;max-width:300px;height:120px;border-radius:30px;font-size:22px}
	#organization .ct .or1 ul{width:100%}
	#organization .ct .or1 ul ul b,
	#organization .ct .or1 ul b{flex:1;width:auto;min-width:100px;height:80px;font-size:18px}
	#organization .ct h4:before, #organization .ct .or1 b:before{width:20px;height:20px;top:-10px;margin-left:-10px;border:5px solid #fff;}
	#organization .ct h4:before{top:auto;bottom:-10px}
	#organization .ct .or1 li:before,
	#organization .ct h4:after, #organization .ct .or1>li>b:after{height:40px}
	#organization .ct h4, #organization .ct .or1>li>b{margin-bottom:40px}
	#organization .ct .or1>li:nth-child(2):before{height:294px}

	#contact .ct{padding:0 20px 60px}
	#contact .ct h4{margin-top:50px;font-size:18px}
	#contact .ct h4 b{font-size:30px}
	#contact .ct dl dt{font-size:18px}
	#contact .ct dl dt:before{content:'';display:block;width:35px;height:3px;background:#ddd;margin:0 0 30px}
	#contact .ct dl dd{font-size:16px}
	#contact iframe{height:400px}
	#contact .ct dl dd b:after{width:1px;height:14px;margin:5px 8px 0}
	#contact .ct dl:nth-child(3) dd{padding-left:28px;}
	#contact .ct dl:nth-child(3) dd:before{width:4px;height:4px;top:8px}

	#goods .ct1 dt,
	#goods .ct1 dd{margin:5px 0;font-size:14px;}
	#goods .ct1 dt b{margin-top:5px;font-size:16px}

	/* 사업분야 */
	#business_info .ct1{display:block;}
	#business_info .ct1>li{padding:15px 20px;margin-top:10px}
	#business_info .ct1>li h4{font-size:22px}
	#business_info .ct1>li li{padding-left:30px;font-size:18px}
	#business_info .ct1>li li:before{top:10px;width:4px;height:4px;}
	#business_info .ct1>li small{font-size:15px;font-weight:600}

	#partners .ct1 li{padding:20px 0}
	#partners .ct1 li img{max-width:50%;float:left;margin:0 15px 5px 0;position:relative;top:0}
	#partners .ct1 li dt{font-size:20px;}
	#partners .ct1 li dd{font-size:16px;font-weight:500}
	#partners .ct2{gap:20px 10px;grid-template-columns:repeat(2, 1fr);}
	#partners .ct2 b{font-size:14px}

	#goods .tab{margin-bottom:50px;gap:8px}
	#goods .tab a{height:40px;line-height:38px;padding:0 10px;font-size:15px;border-radius:15px}
	#goods .ct1{display:block;}

	/* 인재채용 */
	#people ul li{min-height:100px;padding-left:100px;background-size:80px auto;font-size:16px}
	#people ul li b{font-size:18px}

	#duty .ct{padding:40px 10px;background-image:none !important}
	#duty .ct h4{font-size:18px;}
	#duty .ct li{padding-left:30px;font-size:16px;}
	#duty .ct li:before{width:4px;height:4px;top:8px}
	
	#recruit_info h4{margin:50px 0 20px;font-size:22px}
	#recruit_info .step{gap:20px 0}
	#recruit_info .step span{width:96px;height:96px;font-size:14px;margin-left:20px}
	#recruit_info .step span:before{left:-20px;width:20px;background-size:8px auto}
	#recruit_info li{padding-left:30px;font-size:16px;}
	#recruit_info li:before{width:4px;height:4px;top:8px}
}