
.sub_con{margin-top:100px; padding:115px 0; box-sizing:border-box;}
.sub_menu{display:flex; justify-content:space-between;}
.sub_menu .titbox{margin-bottom:70px;}
.sub_menu h3{font-size:55px; }
.sub_menu p{font-size: 18px; margin-top:23px; font-weight:300; line-height:1.4;}
.sub_menu ul{display:flex; justify-content:space-between; gap:15px;}
.sub_menu li{color:#767676; font-weight: 300; white-space: nowrap;}
.sub_menu li img{vertical-align: middle;}
.sub_bg{background-image: url(/common/img/subbg1.png);  background-repeat: no-repeat;  height: 511px;  background-position:center; background-size:cover; background-attachment: fixed; width: 100%; margin-bottom:100px;}
.sub_bg01{background-image: url(/common/img/subbg1.png);}
.sub_bg02{background-image: url(/common/img/subbg2.png);}
.sub_bg03{background-image: url(/common/img/subbg3.png);}
.sub_bg04{background-image: url(/common/img/subbg4.png);}
.sub_bg05{background-image: url(/common/img/subbg5.png);}
.sub_bg06{background-image: url(/common/img/subbg6.png);}
.sub_bg07{background-image: url(/common/img/subbg7.png);}

.sub_con h4{color: #E21414; font-size: 45px; margin-bottom:45px;}
hr{margin-bottom:270px;}

@media (max-width:900px) {
	.sub_con{margin-top:60px; padding:47px 0 70px 0;}
	.sub_menu{flex-direction:column-reverse;}
	.sub_menu .titbox{margin-bottom:33px;}
	.sub_menu h3{font-size:35px; }
	.sub_menu p{font-size:15px; margin-top:10px;}
	.sub_menu p br{display:none;}
	.sub_menu ul{justify-content: start; display:none;}

	.sub_bg{height:155px; background-attachment: initial; margin-bottom:40px;}
	.sub_con h4{font-size:30px; margin-bottom:32px;}

	hr{margin-bottom:104px;}
}

.company01 img{max-width:100%;}
.company01 .section01 .wrap{display:flex; gap:100px; align-items: start;}
.company01 .section01 img, .company01 .section02 img{width:40%;}
.company01 .section01 h5{font-size: 30px; line-height:1.5;}
.company01 .section01 p{font-size: 20px; font-weight: 400; margin:40px 0 60px 0;  line-height:1.5;}
.company01 .section01 dl{display:flex; gap:27px;}
.company01 .section01 dt{font-size: 22px; font-weight:700}
.company01 .section01 dd{font-size: 22px; font-weight:300}
.company01 .section02 {}
.company01 .section02 .wrap{display:flex; gap:110px; align-items: start;}
.company01 .section02 li{display:flex; gap:60px; margin-bottom:80px;}
.company01 .section02 li:last-child{margin-bottom:0px;}
.company01 .section02 svg{flex-shrink:0;}
.company01 .section02 h5{margin-bottom:25px; font-size: 36px; font-family: Poppins; font-weight:700; line-height:1;}
.company01 .section02 p{font-size: 18px; font-weight: 300;}
.company01 .section03 .wrap{display:flex; justify-content:space-between; gap:20px;}
.company01 .section03 .titbox{}
.company01 .section03 .titbox h5{font-size: 55px; font-weight: 500;}
.company01 .section03 .titbox p{font-size: 18px; margin-top:20px; font-weight: 300;}
.company01 .section03 .txtbox > ul{border-top:1px solid #E0E0E0; box-sizing:border-box; padding:50px 0;}
.company01 .section03 .txtbox > ul:first-child{border-top:1px solid #000; box-sizing:border-box;}
.company01 .section03 .txtbox > ul > li{display:flex; gap:74px; margin-bottom:36px;}
.company01 .section03 .txtbox > ul > li:last-child{margin-bottom:0}
.company01 .section03 .txtbox b{font-size: 18px; font-weight:700;}
.company01 .section03 .txtbox > ul > li > ul > li{font-size: 18px; color: #6D6D6D; margin-top:5px; font-weight: 300;}
.company01 .section03 .txtbox > ul > li > ul > li:first-child{margin-top:0;}
.company01 .section03 .txtbox .imgbox{margin-top:37px; }

.company02{}
.company02 ul{display:flex; gap:48px; flex-wrap:wrap}
.company02 li{width:calc(20% - 39px)}
.company02 p{font-size: 20px; font-weight: 300; margin-top:15px; text-align:center;}

.company03 .wrap{display:flex;}
.company03 .wrap:last-child{margin-top:106px;}
.company03 h4{width:25%;}
.company03 .info{width:75%;}
.company03 iframe{width:100%; height: 406px; }
.company03 ul{margin-top:15px; display:flex; gap:64px;}
.company03 li{font-weight: 300; display:flex; gap:13px; align-items:center;}
.company03 li b{font-size: 20px; font-weight:600;}


@media (max-width:1400px) {
	.company02 li img{max-width:100%;}
}

@media (max-width:900px) {
	.company01 .section01 .wrap{flex-direction:column; gap:30px;}
	.company01 .section02 .wrap{flex-direction:column; gap:30px;}
	.company01 .section03 .wrap{flex-direction:column; gap:25px;}
	.company01 .section01 img, 	.company01 .section02 img{width:80%;}
	.company01 .section01 h5{font-size:22px;}
	.company01 .section01 p{font-size:15px; margin:19px 0 24px 0;}
	.company01 .section01 dl{gap:20px;}
	.company01 .section01 dt{font-size:18px;}
	.company01 .section01 dd{font-size:18px;}
/* 	.company01 .section02 .imgbox{position:relative; overflow:hidden; height:170px; width:80%;}
	.company01 .section02 .imgbox img{transform:translate(-50%,-50%); position:absolute; top:50%; left:50%; width:100%;} */
	.company01 .section02 li{margin-bottom:30px; gap:14px;}
	.company01 .section02 svg{width:33px;}
	.company01 .section02 h5{font-size:22px; margin-bottom:5px;}
	.company01 .section02 p{font-size:14px;}
	.company01 .section03 .titbox h5{font-size:35px;}
	.company01 .section03 .titbox p{font-size:14px;}
	.company01 .section03 .txtbox > ul{padding:26px 0;}
	.company01 .section03 .txtbox > ul > li{gap:24px; margin-bottom:19px;}
	.company01 .section03 .txtbox > ul > li > ul > li{font-size:14px;}
	.company01 .section03 .txtbox b{font-size: 16px;}
	.company01 .section03 img{max-width:100%;}

	.company02 ul{gap:30px 10px;}
	.company02 li{width:calc(50% - 5px)}
	.company02 li img{width:100%;}
	.company02 p{font-size:14px; margin-top:10px;}
	.company03 .wrap{flex-direction:column; gap:20px;}
	.company03 h4{margin-bottom:0;}
	.company03 iframe{height:200px;}
	.company03 .info{width:100%;}
	.company03 ul{flex-direction:column; gap:10px;}
	.company03 li:first-child{align-items:start;}
	.company03 li b{font-size:18px;}
	.company03 .wrap:last-child{margin-top:60px;}
}

.business .swiper {width:50%; margin: 0;}
.business .swiper-slide img {width: 100%;}

.business .swiper-button-prev{left:14px;}
.business .swiper-button-next{right:14px;}
.business .swiper-button-prev, .business .swiper-button-next{    width: 41px;    height: 41px;}
.business .swiper-button-prev img, .business .swiper-button-next img{width:20px;}
.business .swiper-pagination{bottom:20px !important;}
.business .swiper-pagination-bullet{width:10px; height:10px; background:#ededed; opacity:1; }
.business .swiper-pagination-bullet-active{background:var(--main_c); width:32px; border-radius:5px; }

.business h5{font-size: 35px; font-weight:700; display:flex; gap:20px; margin-bottom:44px;}
.business b{font-weight:900;}
.business .wrap{display:flex; gap:138px; align-items:center; margin-bottom:188px;}
.business .wrap:last-of-type{margin-bottom:0;}
.business ul{width:50%;}
.business li{margin-bottom:62px;}
.business li:last-child{margin-bottom:0;}
.business h6{font-size: 30px; margin-bottom:20px; font-weight:600;}
.business p{font-size: 20px; font-weight:400; line-height:1.5;}

.business .section02{position:relative; margin-top:270px;}
.business .section02 .swiper{width:auto; }
.business .section02 .swiper-button-prev, .business .section02 .swiper-button-next{top:40%; margin-top:53px;}
.business .section02 .swiper-button-prev{left:-56px;}
.business .section02 .swiper-button-next{right:-56px;}
.business .section02 p{text-align:center; margin-top:10px; font-size:20px; font-weight:500;}
.business .section02 .swiper-pagination {
  position: absolute;
  right: 0;
  top: 15px;
  width:auto;
  font-weight: 400;
  text-align:right;
  font-size:26px;
  color:#353535;
}
.business .section02 .swiper-pagination-current{color:var(--main_c); font-size:33px; font-weight:700;}


@media (max-width:1400px) {
	.business .section02 .swiper{width:90%; margin:0 auto;}
	.business .section02 .swiper-button-next{right:0;}
	.business .section02 .swiper-button-prev{left:0;}

}

@media (max-width:900px) {
	.business .wrap{flex-direction:column; gap:20px; align-items: start; margin-bottom:90px;}
	.business .swiper{width:100%;}
	.business h5{font-size:22px; margin-bottom:15px; gap:13px;}
	.business h6{font-size:24px; margin-bottom:10px;}
	.business p{font-size:15px;}
	.business ul{width:100%;}
	.business li{margin-bottom:19px;}
	.business .swiper-button-prev, .business .swiper-button-next{width:22px; height:22px;}
	.business .swiper-pagination-bullet{width:7px; height:7px; margin:0 3px !important;}
	.business .swiper-pagination-bullet-active{width:17px;}
	.business .swiper-pagination{bottom:10px !important; }
	.business .section02{margin-top:100px;}
	.business .section02 .swiper{width:80%; margin:0 auto;}
	.business .section02 p{font-size:15px;}
	.business .section02 .swiper-pagination{top:4px; font-size:19px;}
	.business .section02 .swiper-pagination-current{font-size:30px;}
	.business .section02 .swiper-button-prev, .business .section02 .swiper-button-next{top:35%;}
}

.center .section01{width:100%; position:relative; margin-bottom:140px;}
.center .section01 .slide_in{display:flex; gap:25px;}
.center .section01 .imgbox{width:57%; height:503px; overflow:hidden;}
.center .section01 .imgbox img{max-width:100%;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    position: relative;
}
.center .section01 .title{
  font-weight: 600;
  font-size: 22px;
  line-height: 1.3;
  display:-webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow:hidden;
  text-overflow: ellipsis;
  word-break:keep-all;
  margin:40px 0 30px 0;
}
.center .section01 p{
  color:#929292;
  font-size:18px;
  line-height:1.5;
  display:-webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow:hidden;
  text-overflow: ellipsis;
  word-break:keep-all;
  margin-bottom:60px;
}

.center .section01 a{
  display:inline-flex;
  align-items:center;
  gap: 5px;
  color: var(--main_c);
}
.more-link span{font-weight:500;}



.center .section01 .arrow_wrap{
  position:absolute;
  right: 16px;
  bottom: 0;
  display:flex;
  gap: 33px;
  z-index: 5;
}
.center .section01 .swiper-button-prev,
.center .section01 .swiper-button-next{
  position: static; 
  width: 46px; height: 46px;
  border:1px solid #000;
  display:flex; align-items:center; justify-content:center;
  background:#fff;
  cursor:pointer;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.center .section01 .swiper-button-prev:hover,
.center .section01 .swiper-button-next:hover{background:#111; color:#fff; border-color:#111;}

.center .section01 .swiper-button-prev img{transform:rotate(180deg)}
.center .section01 .swiper-button-prev img,
.center .section01 .swiper-button-next img{width:23px;}

.white_arrow{display:none;}
.center .section01 .swiper-button-prev:hover .black_arrow, .center .section01 .swiper-button-next:hover .black_arrow{display:none;}
.center .section01 .swiper-button-prev:hover .white_arrow, .center .section01 .swiper-button-next:hover .white_arrow{display:block;}

.center .section01 .swiper-button-prev::after,
.center .section01 .swiper-button-next::after{
  font-size:18px;
  font-weight:700;
}

.center .section01 .swiper-button-prev svg, .center .section01 .swiper-button-next svg{display:none;}
.swiper-button-prev::after, .swiper-button-next::after{display:none;}


.center .section02 {
	display: flex;
	flex-wrap:wrap;
	gap:80px 30px;
}

.center .section02 li {
	width: calc(33.33% - 20px);
}

.center .section02 li .imgbox {
	position: relative;
	width: 100%;
	height:280px;
	overflow: hidden;
	box-sizing: border-box;
}

.center .section02 li .imgbox img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.6s;
	max-width:100%;
}

 .none_img{background: #f4f4f4;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
 .none_img img{transform:none !important; position:static !important;}
.center li:hover .imgbox .none_img img{scale: 1.1;}

.center .section02 .tit {
	margin:20px 0 15px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-size:20px;
	line-height:1.4;
}
.center .section02 .tit span {
	font-weight: 600;
}
.center .section02 li:hover .imgbox img {
	transform: translate(-50%, -50%) scale(1.1);
}
.center .section02 li:hover .tit span {
	background-size: 100%;
}

.center .section02 .tit span {
	display: inline;
	background-image: linear-gradient(transparent calc(100% - 0.05em), rgb(0, 0, 0) 0.05em);
	background-position: left bottom;
	background-size: 0px;
	background-repeat: no-repeat;
	transition: 0.5s;
}


.page{display:flex; gap:15px; justify-content:center; margin-top:70px; flex-wrap:wrap;}
.page li{}
.page li a{padding:5px; box-sizing:border-box; font-size:1.1em; font-weight:700; color:#bbb;}
.page li a.ov{color:var(--main_c)}
.page li a img{margin-top: 2px;}
.page li:first-child a img{transform:rotate(180deg)}

@media (max-width:900px) {
	.center .section01{margin-bottom:93px;}
	.center .section01 p{display:none;}
	.center .section01 .arrow_wrap{gap:5px; right:0; bottom: 66px;}
	.center .section01 .swiper-button-prev,	.center .section01 .swiper-button-next{width:31px; height:31px;}
	.center .section01 .swiper-button-prev img, .center .section01 .swiper-button-next img{width:16px;}
	.center .section01 .slide_in{flex-direction:column;}
	.center .section01 .imgbox{width:100%; height:66vw;}
	.center .section01 .txtbox{width:100%;}
	.center .section01 .date{font-size:12px;}
	.center .section01 .title{font-size:18px; margin:16px 0 11px 0;}
	.center .section01 a{font-size:12px;}
}

.center_view{}
.center_view .titbox{border-bottom:1px solid #000; box-sizing:border-box; padding-bottom:28px;}
.center_view .titbox h3{font-size:40px; margin-bottom:70px; line-height:1.4;}
.center_view .file{text-align:right; font-weight: 400; color: #525252; margin-top:20px; margin-right:10px;}
.center_view .content{padding:60px 0; box-sizing:border-box;}
.center_view .list{}
.center_view .list li{display:flex; align-items:center; justify-content:space-between; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; box-sizing:border-box; padding:20px 0;}
.center_view .list li .left{display:flex; gap:60px; align-items:center;}
.center_view .list li h5{font-size:20px; font-weight:500;     white-space: nowrap;}
.center_view .list li a{font-weight:300; 	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;}
.center_view .list li:last-child{margin-top:-1px;}
.center_view .list span{white-space: nowrap;}
.center_view .none{color:#B2B2B2;}
.center_view .btnbox{text-align:right; margin-top:52px;}
.center_view .btnbox a{display:inline-block;}
.center_view .btnbox span{border:1px solid #000; box-sizing:border-box; padding:18px 17px; display:inline-block; margin-right:-1px; line-height:1;}
.center_view .btnbox img{border:1px solid #000; box-sizing:border-box; padding:14px;}


.center02{}
.center02 .section02 a{position:relative;}
.center02 .section02 b{padding:12px 20px; box-sizing:border-box; background:var(--main_c); color:#fff; position:absolute; top:0; left:0;     z-index: 9; font-weight:300}


@media (max-width:900px) {
	.center .section02 {gap:60px 10px;}
	.center .section02 li{width:calc(50% - 5px)}
	.center .section02 li .imgbox{height:32.5vw;}
	.center .section02 .tit{-webkit-line-clamp:1; margin:5px 0 0 0; font-size: 16px;}
	.center .section02 .date{display:none;}
	.center02 .section02 b{font-size:.9em; padding:7px 10px;}
	.center_view .titbox{padding-bottom:14px;}
	.center_view .titbox h3{font-size:25px; margin-bottom:30px;}
	.center_view .content{padding:30px 0;}
	.center_view .list li h5{font-size:18px;}
	.center_view .list li .left{gap:20px;}
	.none_img img{width:60%;}
}



.inquiry{}
.inquiry .wrap .titbox{border-bottom:1px solid #717171; box-sizing:border-box; margin:90px 0 40px 0; padding-bottom:8px; color:var(--main_c); display:flex; justify-content:space-between; align-items:center;}
.inquiry .wrap .titbox:first-child{margin-top:0;}
.inquiry .wrap h5{font-size: 35px; }
.inquiry .wrap h6{font-size: 20px; font-weight:400; display:inline-block; margin-bottom:8px; }
.inquiry .wrap span{font-weight: 500;}
.inquiry .wrap span.red_mark::after{left:-11px;}
.inquiry .wrap ul{display:flex; gap:43px 190px; flex-wrap:wrap;}
.inquiry .wrap li{width:calc(50% - 95px);}
.inquiry .wrap li.box100{width:100%;}
.inquiry .wrap p{margin-top:10px; font-weight:400;}
.inquiry .wrap input[type="text"]{background:#F9F9F9; border:none; padding:14px; box-sizing:border-box; width:100%; font-size:16px;}
.inquiry .wrap input::placeholder { color: #aaa; font-weight:400;}
.inquiry .wrap .red_mark{position:relative;}
.inquiry .wrap .red_mark::after{position:absolute; top:4px; right:-11px; width:6px; height:6px; background:var(--main_c); content:'';}
.inquiry .wrap textarea{width:100%; padding:14px; box-sizing:border-box; background:#f9f9f9; border:none; color:#aaa; font-size: 18px; height:117px; resize:none; line-height:1.55; font-weight:300;}
.inquiry .wrap .box100 textarea{height:215px; color:#333; font-size:16px;}
.inquiry .wrap label{display:flex; gap:10px; align-items:center; justify-content:end; margin:10px 0 20px 0; font-size: 18px; font-weight: 400; cursor:pointer;}
.inquiry .wrap input[type="radio"]{  appearance: none; background:#EFEFEF; width: 27px; height: 27px; border-radius:50%; }
.inquiry .wrap input[type='radio']:checked {
  background-color: var(--main_c); 
  border: 3px solid #fff;
  box-shadow: 0 0 0 1px var(--main_c)
}
.inquiry .wrap .btnbox{text-align:center; margin-top:120px;}
.inquiry .wrap button{padding:19px 80px; box-sizing:border-box; background:#000; color:#fff; font-size: 22px; font-weight:700;}


@media (max-width:900px) {
	.inquiry .wrap h5{font-size:25px;}
	.inquiry .wrap ul{gap:20px;}
	.inquiry .wrap li{width:100%;}
	.inquiry .wrap h6{font-size:18px;}
	.inquiry .wrap .titbox{margin:45px 0 20px 0;}
	.inquiry .wrap label{font-size:16px; margin:10px 0 40px 0;}
	.inquiry .wrap textarea{font-size:16px;}
	.inquiry .wrap .btnbox{margin-top:60px;}
	.inquiry .wrap button{padding:18px 50px; font-size:18px;}
}