@charset "utf-8";


/* root */
:root{
	--c-01:#1c2d63;
}

/* common */
.container_title {position:relative; text-align:center;font-size:40rem;line-height:1;letter-spacing:-1.5px;font-weight:600;padding-bottom:30rem;margin:5rem 0 60rem 0;color:#262626;}

.tit01 { position: relative; padding-top:20rem; margin: 0 0 40rem;font-size:30rem;font-weight: 600;color: #222;line-height: 1; text-align:center; } 
.tit01:before {content: ""; display:block; margin:10rem auto; width:44rem; height:44rem; background:url("../img/sub/symbol.png") center top no-repeat; background-size:100%;}
.tit02 { display:inline-block; position: relative;margin: 0rem 0 20rem; padding:10rem 40rem; font-size:18rem; background:#29803a; border-radius:50rem;  font-weight: 600;color:#fff;line-height: 1;} 

.subtable { width:100%; margin:20rem 0;border-top:1px solid #333; }
.subtable thead th{background:#fbfbfb; padding:15rem 5rem; border-left:1rem solid #ddd; border-bottom:1rem solid #ddd; color:#666; }
.subtable tbody th {text-align:center; background:#f5f5f5; color:#333;  font-weight:500; padding:15rem 0; width:20%; border:1px solid #ddd;}
.subtable tbody td {font-size:16rem; border-bottom:1px solid #f7f7f7; padding:15rem 5rem; background:#fff; line-height:1.5; color:#35363a; text-align:center; font-weight:400; letter-spacing:-0.03em; border:1px solid #ddd;}
.subtable tbody td.t_left{text-align:left;}

#contents {overflow: hidden;position:relative;min-height:300rem; }
#contents p {line-height:1.5;word-break:keep-all;}

/* 서브비주얼 */
#sub_visual{ position:relative;height:480rem;background-color:#000;background-size:cover;background-position:60%;text-align:center;}
#sub_visual h2{font-weight:800; font-size:40rem; color:#fff; animation:up .5s .2s forwards; padding: 200rem 0 15rem 0;}
#sub_visual p{color:#fff; font-weight:800; position:relative;line-height:1;font-size:40rem;letter-spacing:1px;  }

/* 서브 상단 이미지 */
#sub_visual.sub10{background-image:url(../img/sub/sub01_top.jpg) }
#sub_visual.sub20{background-image:url(../img/sub/sub02_top.jpg) }
#sub_visual.sub30{background-image:url(../img/sub/sub03_top.jpg) }
#sub_visual.sub40{background-image:url(../img/sub/sub04_top.jpg) }
#sub_visual.sub50{background-image:url(../img/sub/sub05_top.jpg) }
.cont-top{margin-bottom:50rem;}
.cont-top > img{width:100%;}
/* snb */
#left_area{float:none; width:100%; margin-top:0px; }
#snb {position:absolute;width:100%;  z-index:10; bottom:-30rem; display: flex; align-items: center; justify-content: center;}

.left_snb{padding:0 50rem;  background:#fff;  margin:0 auto;height:80rem; text-align:center; box-shadow:3px 3px 10px rgba(0,0,0,0.1);}
.left_snb h3 {float:left; font-size:20rem; font-weight:800; color:#333; padding-top:17rem; margin-right:30rem;}
.left_snb h3:after {content: ""; position:absolute; width:1rem; height:15rem; background:#e5e5e5; text-align:left; margin-left:25rem; margin-top:7rem;}
.left_snb ul {display: flex; align-items: center; justify-content: center; }
.left_snb li {padding:0 20rem; }
.left_snb li:first-child a:after{display:none;}
.left_snb li a{padding:26rem 0;font-weight:600; font-size:18rem;color:#292929;display:block;position:relative;}
.left_snb li.on a { color:#000000; border-bottom:4rem solid #0071d6; }


/* 
* discription: 사이트 복사시 지우고 사용하는 custom 영역
*/


@media (max-width:860px) {
	#sub_visual{height:250rem;}
	#sub_visual h2{font-size:22rem;}
	#sub_visual p{padding:100rem 0 5rem 0; font-size:16rem}
	#contents {padding: 0rem 0 0;}

	.container_title {font-size:25rem; padding-bottom:0rem;}

}

@media (max-width:540px) {
	body {font-size:14rem}

	#sub_visual{height:180rem}
	#sub_visual h2{font-size:18rem; padding:90rem 0 5rem 0;}
	#sub_visual p{font-size:14rem}

	.tit01{margin:0 0 15rem; font-size:20rem;}
	.tit01:before {width:42rem; height:40rem;}
	.tit01::after {left: 51%;} 
	.tit02{margin:20rem 0 10rem; font-size:17rem}
	.add{margin:-5rem 0 10rem;}
	.cont-box{margin-bottom:30rem}
	
	.subtable thead th,
	.subtable tbody td,
	.subtable tbody th{line-height:1.5; padding:5rem; font-size:12rem;}

	#contents{padding:0rem 0 0}

}

/*end 사이트 복사시 지우고 사용하는 custom 영역 */



.tour_con01{padding:0rem 0rem 50rem;}
.tour_con01 .img_box {overflow:hidden; position:relative; }
.tour_con01 .img_box li {padding:0; }
.tour_con01 .img_box span.arrow {position:absolute; z-index:2; cursor:pointer; }
.tour_con01 .img_box span.arrow.prev {left:3%; top:50%; }
.tour_con01 .img_box span.arrow.next {right:3%; top:50%; }
.tour_con01 .img_box img{width:100%;}
.tour_con01 .thumb_box {overflow:hidden; margin-top:10rem; }
.tour_con01 .thumb_box li {background-color:#000; cursor:pointer; margin-right:10rem; }
.tour_con01 .thumb_box li:last-child {margin-right:0rem; }
.tour_con01 .thumb_box img {width:100%; opacity:0.4; }
.tour_con01 .thumb_box li.swiper-slide-thumb-active img {opacity:1; }

@media all and (max-width:1000px){
	.tour_con01 .img_box span.arrow img {width:auto; max-height:30rem; }
	.tour_con01 .img_box span.arrow.prev {left:0; top:40%; }
	.tour_con01 .img_box span.arrow.next {right:0; top:40%; }
	.tour_con01 .thumb_box {overflow:hidden; margin-top:10px; }
}

.ceo-greeting{position:relative; padding-top:30rem; padding-bottom:100rem;}
.ceo-greeting .inner{display:flex;;padding-bottom:230px}
.ceo-greeting__wrap{display:flex;width:100%}
.ceo-greeting__left{position:relative;width:41.54%;max-width:590px}
.ceo-greeting__left::after{content:"";position:absolute;top:190px;left:0;width:100%;max-width:460rem;height:100%;max-height:460rem;background:#29803a url("../img/sub/good_txt.png") no-repeat bottom 0px left 15px}
.ceo-greeting .img-wrap{position:relative;max-width:450rem;height:100%;max-height:600rem;overflow:hidden;margin-left:60px}
.ceo-greeting .img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}
.ceo-greeting__right{width:58.45%;max-width:830px;margin:20px 60px 0 70px}
.ceo-greeting__title{position:relative;padding-bottom:25px;margin-bottom:35px;font-size:35rem;font-weight:600;color:#000; line-height:1.1; letter-spacing:-.5px;}
.ceo-greeting__title::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#e5e5e5}
.ceo-greeting__title::after{content:"";position:absolute;bottom:0;left:0;width:60px;height:2px;background-color:#29803a}
.ceo-greeting__title .point-color__deep{display:block; color:#29803a;}
.ceo-greeting__desc{margin-bottom:27px;font-size:17rem;color:#181818;line-height:1.8}
.ceo-greeting__desc:last-child{margin-bottom:0}
.ceo-greeting__sign{margin-top:30px;font-weight:600;text-align:right}
.ceo-greeting__sign .point-color__light{font-size:18px}
.ceo-greeting__name{margin-top:10px;font-size:24px;color:#444444}


@media (max-width:1280px){
	/* Greeting */
	.ceo-greeting__title{font-size:30px}
	.ceo-greeting__right{margin:0 30px}
	.ceo-greeting .inner{padding-bottom:120px}
	.ceo-greeting .img-wrap{margin-left:40px}
}

@media(max-width:1023px){
	/* Greeting */
	.ceo-greeting{position:relative; padding-top:30rem; padding-bottom:0rem;}
	.ceo-greeting__wrap{flex-direction:column;align-items:center}
	.ceo-greeting .inner{padding-bottom:100px}
	.ceo-greeting__left{width:100%;height:600px}
	.ceo-greeting__right{width:100%;max-width:none;margin:50rem auto}
	.ceo-greeting__title{margin-top:70px;font-size:26px;text-align:center}
	.ceo-greeting__sign .point-color__light{font-size:17px}
	.ceo-greeting__name{margin-top:0;font-size:20px}
	.ceo-greeting__title::after{display:none}

}

@media (max-width:768px){
	/* Greeting */
	.ceo-greeting{padding-top:70px}
	.ceo-greeting .inner{padding-bottom:70px}
	.ceo-greeting__left{height:500px}
	.ceo-greeting__left::after{display:none}
	.ceo-greeting__title{margin-top:30px}
	.ceo-greeting .img-wrap{margin:0 auto}

}

@media(max-width:480px){
	/* Greeting */
	.ceo-greeting__left{height:Auto}
	.ceo-greeting .img{position:static;max-width:100%;transform:none}
	.ceo-greeting__title{font-size:22px}
}




.location-sec {	position: relative;	padding-bottom: 150rem;}
.location-sec__logo {	max-width: 100%; padding-bottom:40rem;}
.location-sec__list {	position: relative;	border-top: 1px solid #222;	background-color: #fff;	transform: translateY(-80px);	z-index: 100;}
.location-sec__item {	display: flex;	align-items: center;	padding: 55px 0;	border-bottom: 1px solid #eee;}
.location-sec__item:last-child {	padding-bottom: 0;	border-bottom: none;}
.location-sec__inner + .location-sec__inner {	margin-top: 50px;}
.location-sec__icon-wrap {	display: flex;	align-items: center;	justify-content: center;	width: 100px;	height: 100px;	border-radius: 50%;	background-color: #1d792f;}
.location-sec__left {	display: flex;	flex-shrink: 0;	align-items: center;	align-self: flex-start;	gap: 0 20px;	width: 340px;	padding-left: 50px;}
.location-sec__item-title {	display: flex;	font-weight: 600;	color: #444;}
.location-sec__item-text {	display: flex;	gap: 0 10px;	margin-top: 15px;	color: #666;}
.location-sec__text-wrap {	width: 50%;	max-width: 470px;	padding: 70rem 40rem;	border-radius: 30px;	background: url("/uploads/media/location_addr_bg.png") #1d792f no-repeat bottom -50px right -10px;}
.location-sec__map {	display: flex;	align-items: center;	justify-content: center;	position: relative;	}
.location-sec__nxmap {	position: absolute;	top: 0;	left: 0;	width: 100%;}
.location-sec__right {	display: flex;	justify-content: flex-end;	position: relative;	z-index: 1;margin-top:50rem;}
.location-sec__sub-list {	display: flex;	flex-direction: column;	gap: 15px 0;	position: relative;}
.location-sec__sub-list::before {	content: "";	position: absolute;	top: -20px;	left: 0;	width: 100%;	height: 1px;	opacity: 0.2;	background-color: #fff;}
.location-sec__sub-item {	display: flex;	gap: 0 10px;	color: #fff;}
.location-sec__sub-item .tel {	color: #fff;}
.location-sec__sub-icon {	display: flex !important;	align-items: center;	justify-content: center;	flex-shrink: 0;	width: 30px;	height: 30px;	border-radius: 50%;	color: #fff;	background-color: rgba(255, 255, 255, 0.2);}
.location-sec__sub-text {	margin-top: 5px;}

.right_map {width:100%; height:600rem; }
.right_map > div {width:100%; height:100%;}
.right_map > div .wrap_map{height:100%}

/* Media Query */
@media (max-width: 1600px) {
	.location-sec__right {
		margin: -30px 0 0 0;
	}
}
@media (max-width: 1280px) {
	.location-sec {
		padding-bottom: 120px;
	}
	.location-sec__map {
		flex-direction: column;
		height: auto;
	}
	.location-sec__nxmap {
		position: relative;
		height: 500px !important;
	}
	.location-sec__text-wrap {
		width: 100%;
		max-width: none;
		padding: 40px 30px;
	}
	.location-sec__list {
		margin-top: 50px;
		transform: none;
	}
	.location-sec__sub-list {
		flex-direction: row;
		flex-wrap: wrap;
	}
	.location-sec__sub-item:not(:first-child) {
		width: 50%;
	}
}
@media (max-width: 1024px) {
	.location-sec {
		padding-bottom: 100px;
	}
	.location-sec__item {
		padding: 30px 0;
	}
	.location-sec__left {
		width: 230px;
		padding: 0;
	}
	.location-sec__icon-wrap {
		width: 70px;
		height: 70px;
	}
}
@media (max-width: 640px) {
	.location-sec {
		padding-bottom: 70px;
	}
	.location-sec__list {
		margin-top: 40px;
	}
	.location-sec__item {
		flex-direction: column;
		gap: 30px 0;
	}
	.location-sec__nxmap {
		height: 350px !important;
	}
	.location-sec__left {
		width: auto;
	}
	.location-sec__item {
		flex-direction: column;
	}
	.wrap .location-sec__sub-item {
		width: 100%;
	}
	.location-sec__logo-wrap {
		max-width: 300px;
	}
	.location-sec__sub-list::before {
		top: -10px;
	}
}



.registration-sec__join-list {	display: flex;	justify-content: space-between;	gap: 10rem 30rem;	padding: 10rem;	margin-bottom: 50rem;	 background-color: #f8f8f8; border-radius: 0 20rem 0 20rem;}
.registration-sec__join-item {	display: flex;	justify-content: center;	align-items: center;	gap: 10rem 20rem;	position: relative;	width: 26.08695652173%;	padding: 60rem 15rem;	 border-radius: 0 20rem 0 20rem; border: 1px solid #eee;	background-color: #fff;}
.registration-sec__join-item::after {	content: "";	position: absolute;	top: 50%;	right: 5rem;	width: 20rem;	height: 20rem;	background: url("../img/main/slide_next.png") no-repeat;	transform: translate(150%, -50%); background-size:100%;}
.registration-sec__join-item:last-child::after {	display: none;}
.registration-sec__join-item h3 {font-size:18rem; line-height:1.3; letter-spacing:-1px;}
.registration-sec__join-number {	display: flex;	flex-shrink: 0;	align-items: center;	justify-content: center;	 line-height:2.5; font-size:11rem; width: 30rem;	height: 30rem;	font-weight: 700;	color: #fff;	border-radius: 50%;	background-color: #29803a;}
.registraion-sec__link { display:block; font-size:14rem; margin-top:10rem; width: 100%; border-radius:50rem; text-align:center;	max-width:120rem; padding: 3rem 10rem;	color: #fff;	background: #333;	transition:		color 0.3s,		border-color 0.3s;}

@media (max-width: 768px) {
	.registration-sec__join-list {		flex-direction: column;	}
}

.cont-box {text-align:center; }
.list_dot {text-align:center;}


.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.greeting_wrap .item{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}

.s1 {background:#ececec url(../img/sub/service_img1.jpg) center top no-repeat;}
.s2 {background:#ececec url(../img/sub/service_img2.jpg) center top no-repeat;}
.s3 {background:#ececec url(../img/sub/service_img3.jpg) center top no-repeat;}


.sub-sec__visual {display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:380rem;padding:50rem 0;text-align:left;background-attachment:fixed;background-repeat:no-repeat;background-position:center;background-size:cover;}
.sub-sec__visual h3 {font-size:27rem; font-weight:800; margin-bottom:15px;}
.sub-sec__visual p {font-size:18rem; font-weight:400; }

@media (max-width:640px) {
	.sub-sec__visual{background-attachment:initial;}
	.sub-sec__visual h3 {font-size:22rem;}
	.sub-sec__visual p {font-size:15rem;}
}

.greeting_wrap{}
.greeting_wrap .v{	height:350rem;		border-radius:0px 0px 50rem 50rem; background-size:100%;}
.greeting_wrap .item{	display:flex;	justify-content: center;	align-items:flex-start}
.greeting_wrap .item h4{	background:#333;	color:#fff;	padding:50rem;	font-size:25rem;	font-weight:800;	border-radius:20rem;	line-height:1.4;}
.greeting_wrap .item h4 small{	display:block;	font-size:18rem;	margin-top:20rem;	font-weight:300;}


@media(max-width:1023px){
	.greeting_wrap .item {-ms-flex:0 0 50%;flex:0 0 50%;max-width:100%}
	.greeting_wrap .v{	background-size:200%;}
	.greeting_wrap .item h4{		padding:30rem;		font-size:20rem;	 transform: translateY(-80%);}
	.greeting_wrap .item h4 small{		font-size:15rem;	}
}

@media(max-width:800px){
	.greeting_wrap .item {-ms-flex:0 0 50%;flex:0 0 50%;max-width:100%}
	.greeting_wrap .v{height:280rem;	background-size:200%;}
	.greeting_wrap .item h4{		padding:30rem;		font-size:20rem;	 transform: translateY(-80%);}
	.greeting_wrap .item h4 small{		font-size:15rem;	}
}

.vision_type2 {width:100%; min-width:320rem; max-width:1200rem; margin:0 auto; }
.vision_type2:after {display:block; visibility:hidden; clear:both; content:""}
.vision_type2 .img_div img{width:100%; max-width:1200rem; border-radius:85px; margin-bottom:30px}
.vision_type2 ul {margin-top:-80rem; }
.vision_type2 ul li {clear:both; padding:0px; margin:0; margin-bottom:30px; width:100%; border-radius:85px; border:1px solid #ddd; background-color:#fff; overflow:hidden;}
.vision_type2 ul li .circle_box {display:block; float:left; width:140rem; height:140rem; border-radius:85px; }
.vision_type2 ul li .circle_box {background:#29803a; }
.vision_type2 ul li:nth-of-type(2n) .circle_box {background:#333; }

.vision_type2 ul li .circle_box .icon {display:block; position:relative; left:0; top:25%; width:100%; height:100%; text-align:center; }
.vision_type2 ul li .circle_box .icon i {display:block; font-size:20em; color:#fff; font-weight:800; }
.vision_type2 ul li .circle_box .icon em {display:block; font-size:16rem; font-weight:800; color:#fff; font-style:normal; line-height:1.2; margin-top:15rem;}
.vision_type2 ul li .con_txt {display:block; float:left; width:75%; margin-left:50px; margin-top:30px;}
.vision_type2 ul li .con_txt p {font-size:20rem; color:#000;font-weight:600; text-align:left; margin-bottom:10rem;}
.vision_type2 ul li .con_txt span {font-size:17rem; color:#555; text-align:left;  line-height:1.5px;}
.vision_type2 ul li.inverse_li{background-color:#fafafa;}
.vision_type2 ul li.inverse_li .circle_box {float:right;  }
.vision_type2 ul li.inverse_li .con_txt {float:right; width:75%;text-align:right; padding-right:50rem;}
.vision_type2 ul li.inverse_li .con_txt p { text-align:right;}

@media screen and (max-width: 992px){
		.vision_type2 ul li {width:100%; margin-bottom:50px; border-radius:40px; }
		.vision_type2 ul li .circle_box{float:none;  width:60rem; height:60rem; border-radius: 30rem 0 20rem 0;}
		.vision_type2 ul li.inverse_li .circle_box{float:none;  }
		.vision_type2 ul li .con_txt{float:none; width:90%; margin:0px; padding:20rem 10%;}
		.vision_type2 ul li.inverse_li .con_txt{float:none; width:90%; margin:0px; padding:20rem 10%; text-align:left;}
		.vision_type2 ul li .con_txt span {font-size:15rem; }
		.vision_type2 ul li .circle_box .icon {top:33%; }
		.vision_type2 ul li .circle_box .icon em {font-size:12rem;margin-top:0rem;}
		.vision_type2 ul li.inverse_li .con_txt p { text-align:left;}
}


.article01 {margin-top:30rem;}
.article01 .art02_cont {max-width:1400rem; margin:0rem auto;}
.article01 .art02_cont ul {display:flex; justify-content:space-between; align-items:center; margin:0 0 30px 0;}
.article01 .art02_cont ul li {position:relative;}
.article01 .art02_cont ul li:nth-child(odd) {width:25%; padding:49px 0 58px 0; border:1px solid #ddd; border-radius: 0 30rem 0 30rem; text-align:center; transition:all 0.3s ease;}
.article01 .art02_cont ul li:nth-child(odd):hover {border:none; background:#29803a;}
.article01 .art02_cont ul li:nth-child(even) {display:flex; align-items:center; width:3%; margin:0 1.83%;}

.article01 .art02_cont ul li:nth-child(odd) .iconBox {margin:0 0 28px 0;}
.article01 .art02_cont ul li:nth-child(odd) .iconBox figure {transition:all 0.3s ease;}
.article01 .art02_cont ul li:nth-child(odd):hover .iconBox figure {filter:invert(100%) sepia(100%) saturate(2%) hue-rotate(25deg) brightness(103%) contrast(101%)}
.article01 .art02_cont ul li:nth-child(odd) .txtBox {position:relative; padding:37px 0 0 0;}
.article01 .art02_cont ul li:nth-child(odd) .txtBox::after {position:absolute; top:0; right:20%; z-index:-1; color:#ebebeb; font-size:52px; font-weight:800; line-height:1;}
.article01 .art02_cont ul li:nth-child(1) .txtBox::after {content:'01';}
.article01 .art02_cont ul li:nth-child(3) .txtBox::after {content:'02';}
.article01 .art02_cont ul li:nth-child(5) .txtBox::after {content:'03';}
.article01 .art02_cont ul li:nth-child(7) .txtBox::after {content:'04';}
.article01 .art02_cont ul li:nth-child(odd) .txtBox h4 {margin:0 0 21px 0; color:#121212; font-size:20rem; font-weight:600; line-height:1.3; letter-spacing:-0.72px; transition:all 0.3s ease;}
.article01 .art02_cont ul li:nth-child(odd) .txtBox p {color:#454545;  font-size:15rem; font-weight:400; line-height:1.5; letter-spacing:-0.5px; transition:all 0.3s ease;}
.article01 .art02_cont ul li:nth-child(odd):hover .txtBox h4 ,
.article01 .art02_cont ul li:nth-child(odd):hover .txtBox p {color:#ffffff}

@media all and (max-width:1023px){

    .article01 {margin:0 0 100px 0;}
    .article01 .art02_cont ul {margin:0 0 25px 0;}
    .article01 .art02_cont ul li:nth-child(odd) {width:20%; padding:40px 0 50px 0;}
    .article01 .art02_cont ul li:nth-child(even) {width:3%; margin:0 1.83%;}

    .article01 .art02_cont ul li:nth-child(odd) .iconBox {margin:0 0 25px 0;}
    .article01 .art02_cont ul li:nth-child(odd) .iconBox figure {max-width:70px; margin:0 auto;}
    .article01 .art02_cont ul li:nth-child(odd) .txtBox {padding:30px 0 0 0;}
    .article01 .art02_cont ul li:nth-child(odd) .txtBox::after {right:20%; font-size:40px;}
    .article01 .art02_cont ul li:nth-child(odd) .txtBox h4 {margin:0 0 15px 0; font-size:15rem; letter-spacing:-0.6px;}
    .article01 .art02_cont ul li:nth-child(odd) .txtBox p {font-size:15px; letter-spacing:-0.7px;}

}

@media all and (max-width:768px){

    .article01 {margin:0 0 12vw 0;}
    .article01 .art02_cont ul {display:block; margin:0 0 6vw 0;}
    .article01 .art02_cont ul li:nth-child(odd) {width:100%; padding:5vw 0;}
    .article01 .art02_cont ul li:nth-child(even) {width:100%; margin:6vw 0;}

    .article01 .art02_cont ul li:nth-child(odd) .iconBox {margin:0 0 3vw 0;}
    .article01 .art02_cont ul li:nth-child(odd) .iconBox figure {max-width:12vw;}
    .article01 .art02_cont ul li:nth-child(odd) .txtBox {padding:4vw 0 0 0;}
    .article01 .art02_cont ul li:nth-child(odd) .txtBox::after {right:40%; font-size:6vw;}
    .article01 .art02_cont ul li:nth-child(odd) .txtBox h4 {margin:0 0 2vw 0; font-size:3.8vw;}
    .article01 .art02_cont ul li:nth-child(odd) .txtBox p {font-size:3.2vw;}

    .article01 .art02_cont ul li:nth-child(even) figure {max-width:5vw; margin:0 auto; transform:rotate(90deg);}
    
    .article01 .art02_cont ul li:nth-child(odd):hover {border:1px solid #cccccc; background:transparent;}
    .article01 .art02_cont ul li:nth-child(odd):hover .iconBox figure {filter:none;}
    .article01 .art02_cont ul li:nth-child(odd):hover .txtBox h4 {color:#121212;}
    .article01 .art02_cont ul li:nth-child(odd):hover .txtBox p {color:#454545}
}


.article02 {margin-top:30rem;}
.article02 .art02_cont {max-width:1400rem; margin:0rem auto;}
.article02 .art02_cont ul {display:flex; justify-content:space-between; align-items:center; margin:0 0 30px 0;}
.article02 .art02_cont ul li {position:relative;}
.article02 .art02_cont ul li:nth-child(odd) {width:20%; padding:49px 0 58px 0; border:1px solid #ddd; border-radius: 0 30rem 0 30rem; text-align:center; transition:all 0.3s ease;}
.article02 .art02_cont ul li:nth-child(odd):hover {border:none; background:#29803a;}
.article02 .art02_cont ul li:nth-child(even) {display:flex; align-items:center; width:3%; margin:0 1.83%;}

.article02 .art02_cont ul li:nth-child(odd) .iconBox {margin:0 0 28px 0;}
.article02 .art02_cont ul li:nth-child(odd) .iconBox figure {transition:all 0.3s ease;}
.article02 .art02_cont ul li:nth-child(odd):hover .iconBox figure {filter:invert(100%) sepia(100%) saturate(2%) hue-rotate(25deg) brightness(103%) contrast(101%)}
.article02 .art02_cont ul li:nth-child(odd) .txtBox {position:relative; padding:37px 0 0 0;}
.article02 .art02_cont ul li:nth-child(odd) .txtBox::after {position:absolute; top:0; right:20%; z-index:-1; color:#ebebeb; font-size:52px; font-weight:800; line-height:1;}
.article02 .art02_cont ul li:nth-child(1) .txtBox::after {content:'01';}
.article02 .art02_cont ul li:nth-child(3) .txtBox::after {content:'02';}
.article02 .art02_cont ul li:nth-child(5) .txtBox::after {content:'03';}
.article02 .art02_cont ul li:nth-child(7) .txtBox::after {content:'04';}
.article02 .art02_cont ul li:nth-child(odd) .txtBox h4 {margin:0 0 21px 0; color:#121212; font-size:20rem; font-weight:600; line-height:1.3; letter-spacing:-0.72px; transition:all 0.3s ease;}
.article02 .art02_cont ul li:nth-child(odd) .txtBox p {color:#454545;  font-size:15rem; font-weight:400; line-height:1.5; letter-spacing:-0.5px; transition:all 0.3s ease;}
.article02 .art02_cont ul li:nth-child(odd):hover .txtBox h4 ,
.article02 .art02_cont ul li:nth-child(odd):hover .txtBox p {color:#ffffff}

@media all and (max-width:1023px){

    .article02 {margin:0 0 100px 0;}
    .article02 .art02_cont ul {margin:0 0 25px 0;}
    .article02 .art02_cont ul li:nth-child(odd) {width:20%; padding:40px 0 50px 0;}
    .article02 .art02_cont ul li:nth-child(even) {width:3%; margin:0 1.83%;}

    .article02 .art02_cont ul li:nth-child(odd) .iconBox {margin:0 0 25px 0;}
    .article02 .art02_cont ul li:nth-child(odd) .iconBox figure {max-width:70px; margin:0 auto;}
    .article02 .art02_cont ul li:nth-child(odd) .txtBox {padding:30px 0 0 0;}
    .article02 .art02_cont ul li:nth-child(odd) .txtBox::after {right:20%; font-size:40px;}
    .article02 .art02_cont ul li:nth-child(odd) .txtBox h4 {margin:0 0 15px 0; font-size:15rem; letter-spacing:-0.6px;}
    .article02 .art02_cont ul li:nth-child(odd) .txtBox p {font-size:15px; letter-spacing:-0.7px;}

}

@media all and (max-width:768px){

    .article02 {margin:0 0 12vw 0;}
    .article02 .art02_cont ul {display:block; margin:0 0 6vw 0;}
    .article02 .art02_cont ul li:nth-child(odd) {width:100%; padding:5vw 0;}
    .article02 .art02_cont ul li:nth-child(even) {width:100%; margin:6vw 0;}

    .article02 .art02_cont ul li:nth-child(odd) .iconBox {margin:0 0 3vw 0;}
    .article02 .art02_cont ul li:nth-child(odd) .iconBox figure {max-width:12vw;}
    .article02 .art02_cont ul li:nth-child(odd) .txtBox {padding:4vw 0 0 0;}
    .article02 .art02_cont ul li:nth-child(odd) .txtBox::after {right:40%; font-size:6vw;}
    .article02 .art02_cont ul li:nth-child(odd) .txtBox h4 {margin:0 0 2vw 0; font-size:3.8vw;}
    .article02 .art02_cont ul li:nth-child(odd) .txtBox p {font-size:3.2vw;}

    .article02 .art02_cont ul li:nth-child(even) figure {max-width:5vw; margin:0 auto; transform:rotate(90deg);}
    
    .article02 .art02_cont ul li:nth-child(odd):hover {border:1px solid #cccccc; background:transparent;}
    .article02 .art02_cont ul li:nth-child(odd):hover .iconBox figure {filter:none;}
    .article02 .art02_cont ul li:nth-child(odd):hover .txtBox h4 {color:#121212;}
    .article02 .art02_cont ul li:nth-child(odd):hover .txtBox p {color:#454545}
}


.sub-flex {display:flex;}
.sub-flex:not(:first-child) {margin-top:110px;}
.sub-flex__title {flex-shrink:0;min-width:250rem;padding-right:30rem;line-height:1.3; font-size:25rem; font-weight:800; letter-spacing:-.5px;}
.sub-flex__wrap {width:100%;max-width:1180px;overflow:hidden;}

@media (max-width:1280px) {
	/* Sub Flex Wrap */
	.sub-flex {flex-direction:column;}
	.sub-flex:not(:first-child) {margin-top:90px;}
	.sub-flex__title br {display:none;}
	.sub-flex__wrap {max-width:none;margin-top:40px;}

}

@media (max-width:1023px) {
	/* Sub Flex Wrap */
	.sub-flex:not(:first-child) {margin-top:70px;}
	.sub-flex__wrap {margin-top:30px;}
}

@media (max-width:640px) {
	/* Sub Flex Wrap */
	.sub-flex:not(:first-child) {margin-top:60px;}
	.sub-flex__wrap {margin-top:20px;}

}

.contact-main{position:relative; padding-top:30rem; margin-bottom:30rem;}
.contact-main__box{margin-top:30rem; display:flex;align-items:center;justify-content:space-between;position:relative;;padding:40rem;border:1px solid #eee;background-color:#fff;z-index:10;}
.contact-main__box-title-wrap{display:flex;width:300rem;border-right:1px solid #eee}
.contact-main__box-title-wrap2{display:flex;align-items:center;justify-content:space-between;width:150rem;border-right:1px solid #eee}
.contact-main__box-title-wrap h5 {font-size:22rem; font-weight:600; letter-spacing:-.5px; margin-left:20rem;}
.contact-main__box-circle{display:flex;align-items:center;justify-content:center;width:30rem;height:30rem;border-radius:50%; color:#fff; font-size:11rem; font-weight:800; background-color:#29803a;}
.contact-main__desc-wrap{width:100%;padding:0 50rem;}
.contact-main__desc-wrap h6 {font-size:17rem; font-weight:400;}
.contact-main__desc-wrap dd {font-size:16rem; font-weight:400; margin-bottom:5rem;}
.contact-main__desc-wrap dd:before {content: ""; position:absolute; width:3rem; height:3rem; background:#333; text-align:left; margin-left:-10px; border-radius:5px; margin-top:10px;}

@media (max-width:1280px){
	.contact-main__box-title-wrap{width:300px;}
	.contact-main__box-title-wrap2{width:300px;}
	.contact-main__desc-wrap{padding-left:30px;}
	.contact-main__arrow-btn{margin-right:30px;}
}

@media(max-width:1023px){
	.contact-main__box{flex-direction:column;align-items:center; padding:30rem 20rem;}
	.contact-main__box-title-wrap{width:auto;border-right:none;}
	.contact-main__box-title-wrap2{width:auto;border-right:none;}
	.contact-main__box-title-wrap h5 {margin:20rem 0;}
	.contact-main__box-title-wrap2 h5 {margin:20rem 0;}
	.contact-main__desc-wrap h6{text-align:center; }
	.contact-main__box-circle {margin:0 auto;}
	.contact-main__box-title-wrap{flex-direction:column;}
}






.subpage-visual{display:flex;position:relative;z-index:10;}
.subpage-visual__img-wrap{width:calc(50% + 10px)}
.subpage-visual img{display:block;max-width:100%}
.subpage-visual__img-title{position:absolute;left:90px;bottom:80px;font-size:32px;font-weight:400;color:#fff;line-height:1.2}
.subpage-visual__title{position:relative;padding-bottom:20px;margin-bottom:20px;font-family:"Pretendard";font-size:30px;font-weight:400;line-height:1}
.subpage-visual__title::after{content:"";position:absolute;bottom:0;left:-60px;width:70%;height:1px;opacity:.1;background-color:#fff}
.subpage-visual__desc-wrap{display:flex;flex-direction:column;justify-content:center;position:absolute;top:20px;right:0;width:calc(50% + 10px);height:100%;padding:60px;color:#fff;background:#333 no-repeat url("../img/sub/sub_logo.png");background-position:right -30px bottom -30px;z-index:1}
.subpage-visual__desc{opacity:.2;font-size:20px;font-weight:600;letter-spacing:2px}

@media (max-width:1280px){

	/* Sub Page Visual */
	.subpage-visual__title{padding-bottom:10px;margin-bottom:10px;font-size:27px}
	.subpage-visual__desc-wrap{padding:40px}
	.subpage-visual__desc{font-size:16px;font-weight:400}
}

@media (max-width:1024px){

	/* Sub Page Visual */
	.subpage-visual{flex-direction:column;align-items:center}
	.subpage-visual__title{font-size:24px}
	.subpage-visual__img-wrap{position:relative;width:100%;max-width:720px;max-height:300px;overflow:hidden;text-align:center;transform:translateX(-10px);}
	.subpage-visual__desc-wrap{position:relative;top:auto;width:100%;max-width:720px;min-height:250px;padding:30px 20px;transform:translateX(10px)}

}

@media (max-width:768px){

	/* Sub Page Visual */
	.subpage-visual__img-wrap,
	.subpage-visual__desc-wrap {transform:none}
}


.guideBox {margin:0 0 50rem 0;}
.guideBox ul {display:flex;}
.guideBox ul li {border-radius: 0 30rem 0 30rem; width:49.13%; margin:0 1.74% 0 0; padding:31px 40px 38px 40px; background:#f8f8f8;}
.guideBox ul li:last-child {margin:0;}
.guideBox ul li .iconBox {margin:0 0 21px 0;}
.guideBox ul li .txtBox h5 {margin:0 0 19px 0; color:#191919; font-size:22rem; font-weight:600; line-height:1; letter-spacing:-0.025em;}
.guideBox ul li .txtBox p {color:#767676; font-size:17rem; font-weight:400; line-height:1; letter-spacing:-0.025em;}

@media all and (max-width:1023px){
    .guideBox {margin:0 0 100px 0;}
    .guideBox ul li {width:49.13%; margin:0 1.74% 0 0; padding:25px 30px;}
    .guideBox ul li .iconBox {margin:0 0 15px 0;}
    .guideBox ul li .txtBox h5 {margin:0 0 15px 0; font-size:20px;}
    .guideBox ul li .txtBox p {font-size:16px; line-height:1.3;}

}

@media all and (max-width:768px){
    .guideBox {margin:0 0 12vw 0;}
    .guideBox ul {display:block; text-align:center;}
    .guideBox ul li {width:100%; margin:0 0 5vw 0; padding:5vw 3vw;}
    .guideBox ul li .iconBox {margin:0 0 3vw 0;}
	.guideBox ul li .iconBox img {width:35rem;}
    .guideBox ul li .txtBox h5 {margin:0 0 3vw 0; font-size:4.8vw;}
    .guideBox ul li .txtBox p {font-size:4.2vw;}
}

.guideBox2 ul {display:flex;}
.guideBox2 ul li {border-radius: 0 30rem 0 30rem; width:33%; margin:0 1.74% 0 0; padding:31px 40px 38px 40px; background:#f8f8f8;}
.guideBox2 ul li:last-child {margin:0;}
.guideBox2 ul li .iconBox {margin:0 0 21px 0;}
.guideBox2 ul li .txtBox h5 {margin:0 0 19px 0; color:#191919; font-size:22rem; font-weight:600; line-height:1; letter-spacing:-0.025em;}
.guideBox2 ul li .txtBox p {color:#767676; font-size:17rem; font-weight:400; line-height:1; letter-spacing:-0.025em;}

@media all and (max-width:1023px){
    .guideBox2 {margin:0 0 100px 0;}
    .guideBox2 ul li {width:49.13%; margin:0 1.74% 0 0; padding:25px 30px;}
    .guideBox2 ul li .iconBox {margin:0 0 15px 0;}
    .guideBox2 ul li .txtBox h5 {margin:0 0 15px 0; font-size:20px;}
    .guideBox2 ul li .txtBox p {font-size:16px; line-height:1.3;}

}

@media all and (max-width:768px){
    .guideBox2 {margin:0 0 12vw 0;}
    .guideBox2 ul {display:block; text-align:center;}
    .guideBox2 ul li {width:100%; margin:0 0 5vw 0; padding:5vw 3vw;}
    .guideBox2 ul li .iconBox {margin:0 0 3vw 0;}
	.guideBox2 ul li .iconBox img {width:35rem;}
    .guideBox2 ul li .txtBox h5 {margin:0 0 3vw 0; font-size:4.8vw;}
    .guideBox2 ul li .txtBox p {font-size:4.2vw;}
}

.table_dd {margin-bottom:50rem;}

.basic_tit{margin-top:70rem; text-align:center; margin-bottom:60rem;}
.basic_tit .hr{width:104px; height:1px ;background:#29803b; margin:0 auto 80px; transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -moz-transform:rotate(-45deg);}
.basic_tit i {font-size:14px; color:#d1d1d1; letter-spacing:1rem; font-style:normal; }
.basic_tit h4{font-size:35rem; color:#000000; letter-spacing:-0.035em; font-weight:600;}

@media all and (max-width:768px){
    .basic_tit{margin-top:20rem; margin-bottom:30rem;}
	.basic_tit h4{font-size:25rem;}
}

.about_con01 {margin-bottom:50rem;}
.about_con01 .top{position:relative; }
.about_con01 .top:before{width:95px; height:100%; content:""; position:absolute; left:0; top:0; border:1px solid #dddddd; border-right:0;}
.about_con01 .top:after{width:95px; height:100%; content:""; position:absolute; right:0; top:0; border:1px solid #dddddd; border-left:0;}
.about_con01 .top h4{font-size:87px; color:#dbd8d4; letter-spacing:-0.035em; font-weight:200; margin:0; line-height:1; margin-left:380px; position:relative;}
.about_con01 .top h4:before{content:""; width:100px; height:114px; background:url('/img/about_con01_h4.png')no-repeat center / cover; position:absolute; left:-70px; top:-50px; z-index:-1;}
.about_con01 .top h4 b{color:#c39551; font-weight:300;}
.about_con01 .top p{font-size:36px; color:#696662; letter-spacing:-0.035em; font-weight:300; line-height:1; margin:20px 0 0 540px; position:relative;}
.about_con01 .top p b{font-weight:500;}
.about_con01 ul{margin-top:60px; font-size:0; letter-spacing:-4px; text-align:center;}
.about_con01 ul li{width:310rem; height:310px; padding-top:85px; display:inline-block; vertical-align:top; margin:0 -15px; position:relative; box-sizing:border-box; background:url('/img/about_con01_bg01.png') rgba(244,244,244,0.6)no-repeat center / cover; border:1px solid #e8e5df; box-sizing:border-box; border-radius:500rem;}
.about_con01 ul li:nth-of-type(2n){background:url('/img/about_con01_bg01.png') rgba(244,244,244,0.6)no-repeat center / cover; border-color:#e8e5df;}
.about_con01 ul li span{display:block; font-size:20rem; color:#5a554f; letter-spacing:0em; font-weight:600;}
.about_con01 ul li .hr{width:27px; height:1px; background:#c6c0b9; margin:25px auto; transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -moz-transform:rotate(-45deg);}
.about_con01 ul li p{font-size:18rem; color:#666666; letter-spacing:-0.035em; font-weight:500;}

@media all and (max-width:1200px){
	.about_con01 ul li{width:250rem; }
}

@media all and (max-width:1023px){
	.about_con01 ul li p{font-size:15rem;}
}
@media all and (max-width:850px){
	.about_con01 ul li{width:100%; height:210rem; margin:5px 0; padding:50rem 20rem 0;}
	.about_con01 ul li p br{display:none}
}



.history-sec {overflow:hidden; margin-bottom:50rem; }
.history-sec__wrap:not(:first-child) {margin-top:150px;}
.history-sec__visual {height:300px;background-repeat:no-repeat;background-position:top center;background-size:cover;}
.history-sec__visual .inner {display:flex;justify-content:flex-start;align-items:flex-end;height:100%;}
.history-sec__wrap.right .history-sec__visual .inner {justify-content:flex-end;}
.history-sec__wrap.first .history-sec__visual {background-image:url("../img/sub/history_img.jpg");}
.history-sec__box {display:flex;flex-direction:column;justify-content:flex-end;width:100%;max-width:350px;height:250px;padding:45px 50px;margin:0 50px;background-color:#0072d6;transform:translateY(165px);}
.history-sec__box::before {position:absolute;top:20px;right:20px;font-family:"notokr";font-size:45px;font-weight:700;color:rgba(255,255,255,.1);line-height:1;letter-spacing:-0.1rem;}
.history-sec__wrap.first .history-sec__box::before {content:"air & cat";}
.history-sec__box-year {position:relative;padding-bottom:20px;font-weight:800;font-size:40px;color:#fff;line-height:1.2;}
.history-sec__box-year::after {content:"";position:absolute;bottom:0;left:-50px;width:300px;height:1px;opacity:.2;background-color:#fff;}
.history-sec__slog {margin-top:15px;font-size:17px;font-weight:500;color:rgba(255,255,255,.8);}
.history-sec__inner {display:flex;justify-content:space-between;}
.history-sec__inner::before {content:"";display:inline-block;width:100%;max-width:350px;margin:0 50px;}
.history-sec__wrap.right .history-sec__inner {flex-direction:row-reverse;}
.history-sec__list {position:relative;padding:100px 0;margin:0 120px;}
.history-sec__wrap:last-child .history-sec__list {padding-bottom:0;}
.history-sec__list::before {content:"";position:absolute;top:0;left:165px;height:100%;border-right:1px dashed #e5e5e5;transform:translateX(-50%);}
.history-sec__item {display:flex;margin-top:70px;}
.history-sec__item:first-child {margin-top:0;}
.history-sec__year {flex-shrink:0;position:relative;width:165px;font-size:46px;font-weight:800;line-height:1;}
.history-sec__year::before {content:"";position:absolute;top:5px;right:0;width:23px;height:23px;background:url("/uploads/media/icon_history.png") no-repeat center center / cover;transform:translateX(50%);}
.history-sec__inner-list {position:relative;margin:5px 0 0 50px;}
.history-sec__inner-item {display:flex;margin-top:25px;}
.history-sec__inner-item:first-child {margin-top:0;}
.history-sec__month {min-width:25px;font-size:18px;color:#0072d6;}
.history-sec .text-medium {align-self:center;position:relative;padding-left:12px;margin-left:20px;}
.history-sec .text-medium::before {content:"";position:absolute;top:9px;left:0;width:4px;height:4px;background-color:#222;}

@media (max-width:1280px) {
	/* History */
	.history-sec {padding-bottom:120px;}
	.history-sec__visual {height:350px; display: flex; align-items: center; justify-content: center;  }
	.history-sec__visual .inner {justify-content:center;background-color:rgba(0,0,0,.4)}
	.history-sec__box {justify-content:center;align-items:center;max-width:none;height:100%;padding:0;margin:0;text-align:center;border-radius:0!important;background-color:transparent;transform:none;}
	.history-sec__box-year {padding-top:50rem;}
	.history-sec__box-year::after {left:50%;transform:translateX(-50%);}
	.history-sec__inner::before {display:none;}
	.history-sec__wrap.right .history-sec__inner {flex-direction:row;}
	.history-sec__list {padding:80px 0;margin:0 80px;}
	.history-sec__item {margin-top:50px;}
	.history-sec__wrap:not(:first-child) {margin-top:100px;}
	.history-sec__year {font-size:30rem;}

}

@media (max-width:1023px) {
	/* History */
	.history-sec {padding-bottom:100px;}
	.history-sec__wrap:not(:first-child) {margin-top:70px;}
	.history-sec__visual {height:300px;}
	.history-sec__category {font-size:18px;}
	.history-sec__slog {font-size:18px;}
	.history-sec__inner {padding:0;}
	.history-sec__list {padding:50px 0;margin:0 40px;}
	.history-sec__list::before {left:140px;}
	.history-sec__year {width:140px;font-size:26rem;}

}

@media (max-width:640px) {
	/* History */
	.history-sec {padding:50px 0 70px;}
	.history-sec__wrap:not(:first-child) {margin-top:50px;}
	.history-sec__visual {height:200px;margin:0 -20px;}
	.history-sec__category {font-size:16px;}
	.history-sec__box-year {font-size:32px;  }
	.history-sec__slog {margin-top:15px;font-size:17px;}
	.history-sec__list {padding:50px 40px;margin:0;}
	.history-sec__list::before {left:15px;}
	.history-sec__item {flex-direction:column;}
	.history-sec__year {width:auto;padding-right:0;}
	.history-sec__year::before {top:50%;left:-25px;right:auto;width:18px;height:18px;transform:translate(-50%, -50%);}
	.history-sec__inner-list {margin:20px 0 0;}
	.history-sec__inner-item {margin-top:10px;}
	.history-sec .text-medium {padding-left:10px;margin-left:15px;}
}




.sec_benefit {padding:100rem 0; margin-top:50rem; }
.sec_benefit .boxes ul { display:grid;grid-template-columns: repeat(2, 1fr);gap:40px 100px;}
.sec_benefit .boxes li { display: flex; align-items: center; justify-content: center;  gap:50rem;  position:relative; margin-bottom:0rem; }
.sec_benefit .boxes li dl .info { display:flex;flex-direction:column; }
.sec_benefit .boxes li dl.pic {width:130rem; }
.sec_benefit .boxes li dl.txt {display: flex;  align-items: center;    justify-content: center;  }
.sec_benefit .boxes li dl div.info div {display: flex; align-items: center;  gap:20rem; margin-left:70rem; margin-bottom:10rem;}
.sec_benefit .boxes li dl dt {word-break: keep-all;  font-size:18rem; font-weight:600; color:#0071d6;  letter-spacing:-1px;}
.sec_benefit .boxes li dl h4 {word-break: keep-all;  font-size:25rem; font-weight:600; color:#292929;  letter-spacing:-1px; margin:10rem 0 20rem; }
.sec_benefit .boxes li dl dd {word-break: keep-all; letter-spacing:-.5px; font-size:18rem; font-weight:500; color:#4b4b4b; margin-bottom:5rem; }

@media all and (max-width: 1200px) {
	.sec_benefit .boxes li dl.pic img {width:180rem;}
}

@media all and (max-width: 1023px) {
    .sec_benefit {padding:0rem 0;}
	.sec_benefit .boxes ul {display:grid;grid-template-columns: repeat(1, 1fr);gap:20px;}
    .sec_benefit .boxes ul li {display:flex;flex-direction:column; margin-bottom:30rem; }
	.sec_benefit .boxes li dl.pic img {width:100rem;}
	.sec_benefit .boxes li dl div.info {width:100%; height:auto; margin-top:20rem; }
	.sec_benefit .boxes li dl dt { font-size:16rem; }
	.sec_benefit .boxes li dl h4 { font-size:20rem; }
	.sec_benefit .boxes li dl dd {font-size:15rem; }
}



.sec_program{margin-top:20rem; }
.sec_program .con ul{display:grid;grid-template-columns: repeat(4, 1fr);gap:20rem;}
.sec_program .con li{position:relative;text-align:center;overflow:hidden;}
.sec_program .con li .bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:0.9;transition:all 0.5s;}
.sec_program .con li.s01 .bg{background:url(../img/sub/products_img01.jpg) no-repeat center center/cover;}
.sec_program .con li.s02 .bg{background:url(../img/sub/products_img02.jpg) no-repeat center center/cover;}
.sec_program .con li.s03 .bg{background:url(../img/sub/products_img03.jpg) no-repeat center center/cover;}
.sec_program .con li.s04 .bg{background:url(../img/sub/products_img04.jpg) no-repeat center center/cover;}
.sec_program .con li a{display:flex;height:450rem;padding-bottom:40px;justify-content:center;align-items:flex-end;transition:all 0.3s;}
.sec_program .con li a:hover{align-items:center;padding-bottom:0;}
.sec_program .con li a:after{content:'';position:absolute;top:100%;left:0;width:100%;height:100%;background:rgba(0,113,214,0.7);transition:all 0.4s;}
.sec_program .con li a:hover:after{top:0;}
.sec_program .con li dl{position:relative;z-index:1;height:110px;}
.sec_program .con li dt{font-size:15rem;letter-spacing:0;color:#fff;}
.sec_program .con li a:hover dt{color:#fff;}
.sec_program .con li dd{font-size:30rem;font-weight:600;color:#fff;}
.sec_program .con li a:hover dd{color:#fff;}
.sec_program .con li dd span{display:block;padding-top:8px;font-size:0.8em;}
.sec_program .con li a:hover dd span{color:#fff;}
.sec_program .con li .btn{position:absolute;margin:50px auto 0;bottom:-500px;left:50%;width:140px;height:44px;line-height:44px;border-radius:44px;padding:0;border:1px solid rgba(255,255,255,0.3);font-size:16rem;color:#fff;opacity:1;transition:all 0.6s;font-weight:500;}
.sec_program .con li a:hover .btn{position:unset;opacity:1;}
.sec_program .con li .btn:hover{background:#fff;color:#0071d6;}

@media all and (max-width: 1023px) {
    .sec_program {margin-top:20rem;}
    .sec_program .con ul{display:grid;grid-template-columns: repeat(2, 1fr);}
    .sec_program .con li{}
    .sec_program .con li .btn{width:100px;height:38px;line-height:38px; font-size:12rem; }
    .sec_program .con li a:hover .btn{margin-top:30px;}
    .sec_program .con li dt{font-size:1em;}
    .sec_program .con li dd{padding-top:10px;font-size:18rem;}  
}

@media all and (max-width: 600px) {
    .sec_program .con li a{height:200rem;}
}



.main-esg-wrap{position:relative;width:100%;height:100%;overflow:hidden;background:url("../img/sub/technology_bg.jpg") no-repeat center center;}
.main-esg-wrap .bg-animate{background:url("../img/sub/technology_bg.jpg") no-repeat center center;background-size:cover;}
.main-esg-wrap .trans-bg{position:absolute;top:0;left:0;width:100%;height:100%;visibility:hidden;opacity:0;transition:visibility 500ms linear 0s, opacity 500ms linear 0s;}
.main-esg-wrap .trans-bg.transform-bg{visibility:visible;opacity:1;}
.trans-bg0{background:url("../img/sub/technology_bg01.jpg") no-repeat center center;background-size:cover;}
.trans-bg1{background:url("../img/sub/technology_bg02.jpg") no-repeat center center;background-size:cover;}
.trans-bg2{background:url("../img/sub/technology_bg03.jpg") no-repeat center center;background-size:cover;}
.trans-bg3{background:url("../img/sub/technology_bg04.jpg") no-repeat center center;background-size:cover;}
.main-esg-wrap .inner{display:flex;justify-content:left;padding-top:35px;}
.esg-box{position:relative;width:100%;max-width:580px;min-height:436px;padding:60rem 0;}
.en-page .esg-box{min-height:436px; }
.esg-box .sec-title{}
.esg-box .trans-title{font-size:40rem;color:#0071d6;font-weight:800;line-height:1.3em;}
.esg-box .sub-text{font-size:20rem;color:#fff;font-weight:500;letter-spacing:-.5px; margin-top:20rem; }
.esg-box .btn-st1{}
.esg-box .link-list{display:grid;grid-template-columns: repeat(4, 1fr);position:absolute;bottom:100rem;width:1000px;}
.esg-box .link-list .item{position:relative;}
.esg-box .link-list .item-link{display:block;position:relative;width:100%;height:100%;opacity:.6;padding:0 0 15px 6px;font-size:18rem;color:#fff;transition:opacity .3s;}
.esg-box .link-list .item-link:hover, .esg-box .link-list .item.active .item-link{opacity:1;}
.esg-box .link-list .item-link::before{content:"";position:absolute;bottom:0;left:50%;width:calc(100% - 15px);height:3px;background-color:#fff;transform:translateX(-50%);}
.esg-box .link-list .item .btn-icon{position:absolute; text-align:center; transform:translateX(0%); right:0; padding-right:10rem; }


@keyframes esgBgTransform{
  0%{transform:scale(1.1);}
  100%{transform:scale(1);}
}


@media (max-width:1280px){
  .esg-box .trans-title{font-size:43px;}
  .esg-box .sub-text{font-size:16px;}
  .esg-box .link-list .item-link{font-size:15px;}
}

@media (max-width:970px){
  .esg-box{width:60%;padding-right:0;}
  .esg-box .trans-title{font-size:27rem; }
  .esg-box .sub-text{font-size:15px;}
  .esg-box .link-list{display:grid;grid-template-columns: repeat(2, 1fr); width:100%; bottom:50rem;}
  .esg-box .link-list .item{margin-bottom:15rem;}
  .esg-box .link-list .item-link{font-size:13rem;  }
}

@media (max-width:640px){
  .esg-box{width:100%;}
  .en-page .esg-box{}
}


.sec_caution{background:#f2f5f8; padding:100rem 0 100rem;  }
.sec_caution h3 {word-break: keep-all; text-align:center; font-size:25rem; font-weight:600; letter-spacing:-1px; margin-bottom:30rem; }
.sec_caution h3 span {display:block; letter-spacing:-.5px;}
.sec_caution .con{display:flex;justify-content:center; }
.sec_caution .con li{word-break: keep-all;  position:relative;padding:15rem 0;line-height:150%; letter-spacing:-.5px; border-bottom:1px solid #ddd; font-weight:500; }

.sec_caution .con2{display:flex;justify-content:center; }
.sec_caution .con2 li{word-break: keep-all; width:600rem; position:relative;padding:15rem 0;line-height:150%; letter-spacing:-.5px; border-bottom:1px solid #ddd; font-weight:500; }

@media all and (max-width: 1023px) {
	.sec_caution{padding:100rem 30rem; }
	.sec_caution h3 {font-size:20rem;}
	.sec_caution h3 span {margin-top:5rem; font-size:16rem; }
    .sec_caution .con{display:block;}
    .sec_caution .con li{font-size:15rem;}
	.sec_caution .con2{display:block;}
    .sec_caution .con2 li{width:100%; font-size:15rem;}
}

@media all and (max-width: 800px) {
    .sec_caution{padding:20rem 30rem; }
	.sec_caution h3 {font-size:18rem;}
}

.sec_recommend{background:#ebf0f4; padding:100rem 0 50rem; }
.sec_recommend h3 {word-break: keep-all; text-align:center; font-size:25rem; font-weight:600; letter-spacing:-1px; margin-bottom:30rem; }
.sec_recommend .con02 ul{display:grid;grid-template-columns: repeat(2, 1fr);}
.sec_recommend .con03 ul{display:grid;grid-template-columns: repeat(3, 1fr);}
.sec_recommend .con04 ul{display:grid;grid-template-columns: repeat(4, 1fr);}
.sec_recommend .con05 ul{display:grid;grid-template-columns: repeat(5, 1fr);}
.sec_recommend .con ul{gap:30rem 20rem;}
.sec_recommend .con li{padding:40rem 10rem;text-align:center;background:#fff; border-radius: 0 0 0 30rem;}
.sec_recommend .con li i{display:block; margin-bottom:10rem; }
.sec_recommend .con li dd{word-break: keep-all; font-size:17rem; line-height:170%;font-weight:500;color:#333; letter-spacing:-.5px; }
.sec_recommend .con li dd b {font-weight:800; display:block; font-size:18rem; }


@media all and (max-width: 1023px) {
	.sec_recommend h3 {font-size:20rem;}
	.sec_recommend .con05 ul{display:grid;grid-template-columns: repeat(3, 1fr);}
	.sec_recommend .con ul{gap:10rem;}
    .sec_recommend .con li dt{padding-bottom:10px;font-size:15rem;}
    .sec_recommend .con li dd{font-size:13rem;}
	.sec_recommend .con li dd b {font-size:16rem; }
}

@media all and (max-width: 600px) {
    .sec_recommend{ padding:50rem 0 50rem; }
	.sec_recommend h3 {font-size:17rem;}
	.sec_recommend .con02 ul{display:grid;grid-template-columns: repeat(1, 1fr);}
	.sec_recommend .con03 ul{display:grid;grid-template-columns: repeat(1, 1fr);}
    .sec_recommend .con04 ul{display:grid;grid-template-columns: repeat(2, 1fr);}
    .sec_recommend .con05 ul{display:grid;grid-template-columns: repeat(2, 1fr);}
	.sec_recommend .con li i img {width:20rem; }
}