@charset "utf-8";
/*------------------------------------
	sub_Layout
------------------------------------*/

/*------------------------------------
  sub - Our Company
-------------------------------------*/
#company  {margin-top:12rem	}

#company .cont_wrap {display:flex;}
#company .cont_wrap .title_area {width: 30%;}
#company .cont_wrap .title_area h3 {font-size: 1.8em; font-weight: normal;}
#company .cont_wrap .cont_area {width: 70%;}

#company section{margin-bottom: 10rem;}
#company .intro_wrap{width: 92%; margin:0 auto 10rem; transition: all 0.5s;  border-radius:5rem; height: 90vh; background: url(../images/sub/intro_bg.png) no-repeat center / cover;}
#company .intro_wrap .inner {    display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: center; gap:7rem;}
#company .intro_wrap .title_area {color:#fff;display:flex; flex-direction: column;  align-items: center;}
#company .intro_wrap .title_area .logo {width: 55rem; height: 10rem;background: url(../images/sub/intro_title.svg) no-repeat center / cover;}
#company .intro_wrap .title_area p {font-size: 1.25em; margin-top: 5rem; text-align: center; line-height: 150%;word-break: keep-all;}
#company .intro_wrap .title_area p span {font-weight: bold; display: block;}

#company .intro_wrap .vision_area  {color:#fff;    width: 100%;
    max-width: 90%;
    text-align: center;}
#company .intro_wrap .vision_area .cont_box h4{font-weight: bold;font-size: 1.5em;}
#company .intro_wrap .vision_area .cont_box p{margin-top: 3rem;line-height: 180%; word-break: keep-all;}


#company .intro_wrap .counting_area {position: relative; width: 60%; margin:0 auto; }
#company .intro_wrap .counting_area ul {display:flex; }
#company .intro_wrap .counting_area ul li {width: 33.33%;text-align: center; color:#fff;}
#company .intro_wrap .counting_area ul li em {}
#company .intro_wrap .counting_area ul li p {margin-top: 1rem;font-size: 2.5em;font-weight: 800}
#company .intro_wrap .counting_area ul li p span {font-weight: normal; font-size: 1.8rem;	}

#company .intro_wrap.on {width: 100%; border-radius:0; }

#company .vision_wrap{}
#company .vision_wrap .cont_area h4{font-weight: bold;font-size: 1.8em;}
#company .vision_wrap .cont_area p{margin-top: 3rem;line-height: 180%; word-break: keep-all;}



#company .mission_box {width:100%; margin:10rem 0;}
#company .mission_box > ul {display:flex;}
#company .mission_box > ul > li {flex:1; width:15%; height:70vh; margin-left:.25%; position: relative;text-align:center; transition:all .5s; background-repeat:no-repeat; background-position: center; background-size:cover;  display:flex; justify-content: center; align-items: center; flex-direction: column;}
#company .mission_box > ul > li.bg1 {background-image: url(../images/sub/vision_bg2.png);}
#company .mission_box > ul > li.bg2 {background-image: url(../images/sub/vision_bg3.png);}
#company .mission_box > ul > li.bg3 {background-image: url(../images/sub/vision_bg1.png);}
#company .mission_box > ul > li.bg4 {background-image: url(../image/sub/bg_value4.png);}
#company .mission_box > ul > li::before{content:''; width: 100%; height: 100%; background: #000;opacity:.25; position: absolute; left:0; top:0;z-index:1;}
#company .mission_box > ul > li:first-child {margin-left:0;}
#company .mission_box > ul > li .aco_cont {position: relative; z-index:2; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color:#fff;}
#company .mission_box > ul > li .aco_cont .title_box {}
#company .mission_box > ul > li .aco_cont .title_box > p {font-size:1.8em;font-weight: bold;}
#company .mission_box > ul > li .aco_cont .title_box > span {display: block; margin-top: 2rem;}
#company .mission_box > ul > li .aco_cont .content_box {display: none;}
#company .mission_box > ul > li .aco_cont .content_box > p {font-size: 1.5em; font-weight: bold; margin-bottom: 2rem;}
#company .mission_box > ul > li .aco_cont .content_box > ul > li {position: relative; padding-left:1.5rem; }
#company .mission_box > ul > li .aco_cont .content_box > ul > li::before {content:''; width: .5rem; height: .5rem; background: #fff; position: absolute; left:0 ; top:1rem;}
#company .mission_box > ul > li:hover {flex:3;}
#company .mission_box > ul > li:hover::before{opacity:0;}
#company .mission_box > ul > li:hover .aco_cont {flex-direction: column; justify-content: space-between; align-items: flex-start; text-align: left; padding: 7% 0; width: 90%;}
#company .mission_box > ul > li:hover .aco_cont .title_box > p {font-size:2.5em;}
#company .mission_box > ul > li:hover .aco_cont .title_box > span {font-size: 1.125em;}
#company .mission_box > ul > li:hover .aco_cont .content_box {display: block;}


#company .ci_wrap{}
#company .ci_wrap.on .title_area .tit_box{position:fixed; top:200px;}


#company .ci_wrap .link_box {margin-top: 2rem;}
#company .ci_wrap .link_box ul {}
#company .ci_wrap .link_box ul li {display: block;margin-bottom: 1rem;}
#company .ci_wrap .link_box ul li a{display: flex;border:1px solid #eee; background: #fff; transition: all 0.2s linear;border-radius:1rem; padding:1.5rem 2rem; width: 15rem;align-items: center; justify-content: space-between;}
#company .ci_wrap .link_box ul li a:hover {  border-color:#ccc;  box-shadow: 0px 1px 10px 0px rgb(0 0 0 / 8%);}
#company .ci_wrap .link_box ul li a > span {font-size: .9em;font-weight: bold;}
#company .ci_wrap .link_box ul li a > i {width: 1.8rem; height: 2rem; background: url(../images/sub/ico_download.svg) no-repeat center / cover;}

#company .ci_wrap .cont_area{}
#company .ci_wrap .cont_area h5 {font-size: 1.5em;margin-bottom: 2rem; }
#company .ci_wrap .cont_area p{line-height: 150%;margin-bottom: 5rem;}
#company .ci_wrap .cont_area .img_box {position: relative; width: 100%;display: flex;  align-items: center;  justify-content: center; border:1px solid #eee; border-radius:1rem;padding:5rem 0; background: #fff;}
#company .ci_wrap .cont_area .img_box span {position: absolute; left:3rem; top:3rem;font-weight: bold;	}
#company .ci_wrap .cont_area .img_box img{}
#company .ci_wrap .cont_area hr {width: 100%; border:0; height: 5rem;}
#company .ci_wrap .cont_area .half_img_box {display:flex; margin:0 -2rem;}
#company .ci_wrap .cont_area .half_img_box > div {margin:0 2rem;}
#company .ci_wrap .cont_area .half_img_box > div:first-child img {width: 70%;}

#company .ci_wrap .cont_area .color_sys {display:flex;  margin:0 -2rem;}
#company .ci_wrap .cont_area .color_sys > div { color:#fff; width: 100%; margin:0 2rem; padding:3rem; display:flex;align-items: center; justify-content: space-between;}
#company .ci_wrap .cont_area .color_sys p {margin: 0; font-size: 1.5em; font-weight: bold;	}
#company .ci_wrap .cont_area .color_sys span {font-size: .9em; line-height: 2; font-weight: 500;}
#company .ci_wrap .cont_area .color_sys .color_01 {background:#8BD8BD; color:#106462;}
#company .ci_wrap .cont_area .color_sys .color_02  {background: #243665;}




#company .certifi_wrap{}
#company .certifi_wrap.on .title_area .tit_box{position:fixed; top:200px; height: 100%; }

#company .certifi_wrap  {margin-bottom: 5rem;}
#company .certifi_wrap .tab_wrap {}
#company .certifi_wrap .tab_wrap .tit_list  {display:flex;margin:0 -2rem 5rem;}
#company .certifi_wrap .tab_wrap .tit_list > li a{margin:0 2rem; font-size: 1.5em; font-weight: bold; opacity:.3;}
#company .certifi_wrap .tab_wrap .tit_list > li.active a{opacity:1; position: relative;	}
#company .certifi_wrap .tab_wrap .tit_list > li.active a::before {content:''; width: 100%; height: .3rem;  background: #000; position: absolute; left:0; bottom:-1rem;}
#company .certifi_wrap .tab_wrap .tab_con .tab_list {display: none;}

#company .certifi_wrap .certifi_list {width: 100%; position: relative; }
#company .certifi_wrap .certifi_list ul.certification {display:flex;flex-wrap: wrap;margin:0 -2rem;}
#company .certifi_wrap .certifi_list ul.certification li{width:calc(25% - 4rem);padding:0 2rem; display: flex; flex-direction: column; align-items: center;margin-bottom: 5rem;} 
#company .certifi_wrap .certifi_list ul.certification .certifi_img {border:1px solid #eee; border-radius:1rem; overflow:hidden; box-shadow: 0px 5px 7px 0px #dcdcdc;}
#company .certifi_wrap .certifi_list ul.certification .certifi_img img  {width: 100%;display: block;}

#company .certifi_wrap .certifi_list .certifi_li_box  { width: 100%; border-top:2px solid #000; flex-wrap: wrap;}
#company .certifi_wrap .certifi_list .certifi_li_box th {border-bottom:1px solid #000; padding:2rem 0;}
#company .certifi_wrap .certifi_list .certifi_li_box td {border-bottom:1px solid #ccc; padding:2rem 0;  text-align: center;}



#company .certifi_wrap .certifi_list ul.award {} 
#company .certifi_wrap .certifi_list ul.award {display:flex;flex-wrap: wrap;margin:0 -2rem;}
#company .certifi_wrap .certifi_list ul.award li{width:calc(50% - 4rem);padding:0 2rem; display: flex; flex-direction: column; align-items: center;margin-bottom: 5rem;} 
#company .certifi_wrap .certifi_list ul.award .award_img {border-radius:1rem; overflow:hidden; box-shadow: 0px 5px 7px 0px #dcdcdc;}
#company .certifi_wrap .certifi_list ul.award .award_img img  {width: 100%;display: block;}

#company .certifi_wrap .certifi_list ul.article {} 
#company .certifi_wrap .certifi_list ul.article {display:flex;flex-wrap: wrap;margin:0 -2rem;}
#company .certifi_wrap .certifi_list ul.article li{width:100%;padding:0 2rem; display: flex; align-items: center;margin-bottom: 5rem;} 
#company .certifi_wrap .certifi_list ul.article .article_img {width: 20%;border-radius:1rem; overflow:hidden; box-shadow: 0px 5px 7px 0px #dcdcdc;}
#company .certifi_wrap .certifi_list ul.article .article_img img  {width: 100%;display: block;}
#company .certifi_wrap .certifi_list ul.article .article_txt {width: 80%; padding-left:5rem;display: flex; height: 100%; flex-direction: column; justify-content: space-between; align-items: flex-start;}
#company .certifi_wrap .certifi_list ul.article .article_txt .txt_box {}
#company .certifi_wrap .certifi_list ul.article .article_txt .txt_box > p { text-align:left; margin-bottom: 2rem;}
#company .certifi_wrap .certifi_list ul.article .article_txt .txt_box > span { text-align:left;font-size: .8em;  overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.5em;
height: 4.5em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */}
#company .certifi_wrap .certifi_list ul.article .article_txt > a {position: relative; width: auto; display: inline-block;font-weight: bold; padding-bottom:1rem;}
#company .certifi_wrap .certifi_list ul.article .article_txt > a:before {content:''; width: 100%; height: 3px; background: #000; position: absolute; left:0; bottom:0;  transition:  opacity .5s ease-out;  opacity:0; }
#company .certifi_wrap .certifi_list ul.article .article_txt > a:hover:before {opacity:1;}
#company .certifi_wrap .certifi_list ul.article .article_txt > a > i {margin-right:1rem;}

#company .certifi_wrap .certifi_list p {text-align: center;margin-top: 2rem;font-weight: bold;}


@media screen and (max-width: 1200px) {
	#company .certifi_wrap .certifi_list ul.certification li{width:calc(33.33% - 4rem);padding:0 2rem; }
	#company .certifi_wrap .certifi_list .certifi_img {height: auto;}
	
	#company .certifi_wrap .certifi_list ul.article .article_img {width: 30%;}
	#company .certifi_wrap .certifi_list ul.article .article_txt {width: 70%;}
}
@media screen and (max-width: 1024px) {
	#company {margin-top: 5rem;}
	#company .intro_wrap .title_area .logo {width: 42rem; height: 7.5rem;}
	#company .intro_wrap .title_area p {font-size: 1em;}
	#company .intro_wrap .counting_area ul li p {font-size: 2em;}
	#company .intro_wrap .counting_area ul li:last-child p {font-size: 1.5em;}

	#company .cont_wrap .title_area h3 {font-size: 1.5em;font-weight: bold;}
	#company .vision_wrap .cont_area h4 {font-size: 1.2em;}
	#company .ci_wrap .cont_area h5 {font-size: 1.2em;}
	#company .ci_wrap .cont_area .img_box:last-child img{width: 50%;}

	#company .mission_box > ul > li .aco_cont .content_box > p {font-size: 1.2em;}
	#company .certifi_wrap .tab_wrap .tit_list > li a {font-size: 1.2em;}
		#company .ci_wrap .cont_area .img_box img {width: 60%;}
		
	#company .certifi_wrap .certifi_list ul.award li { width: calc(100% - 4rem); }
	
}
@media screen and (max-width: 768px) { 
	#company .cont_wrap {flex-direction: column;}
	#company .cont_wrap .title_area {width: 100%; margin-bottom: 5rem;}
	#company .cont_wrap .cont_area {width: 100%;}
	
	#company .intro_wrap .vision_area .cont_box h4 {font-size: 1.2em; }
	#company .intro_wrap .vision_area .cont_box h4 br {display: none;}
	#company .intro_wrap .vision_area .cont_box p {font-size: .9em;}
	#company .intro_wrap .counting_area {width: 100%;}

	#company .vision_wrap .cont_area p br {display: none;}

	#company .mission_box > ul {    flex-direction: column;}
	#company .mission_box > ul > li:first-child {margin-top: 0;}
	#company .mission_box > ul > li {width: 100%; margin-left:0;margin-top: .5rem; border-radius:2rem; overflow:hidden;} 
	#company .mission_box > ul > li .aco_cont .content_box {display: block;}
	#company .mission_box > ul > li .aco_cont {flex-direction: column; justify-content: space-between; align-items: flex-start; text-align: left; padding: 7% 0; width: 90%;}
	#company .mission_box > ul > li:hover  .aco_cont .title_box > p {font-size:1.8em;font-weight: bold;}
	#company .mission_box > ul > li:hover .aco_cont .title_box > span {font-size: 1em; display: block; margin-top: 2rem;}
	#company .mission_box > ul > li .aco_cont .title_box {margin-bottom: 5rem;}

	#company .ci_wrap.on .title_area .tit_box {position: relative; top: auto;}
	#company .certifi_wrap.on .title_area .tit_box {position: relative; top: auto;}

	#company .ci_wrap .tit_box {display:flex;justify-content: space-between}
	#company .ci_wrap .link_box {margin-top: 0;}
	#company .ci_wrap .link_box  ul { display:flex;}
	#company .ci_wrap .link_box ul li {margin-bottom:0; margin-left:1rem;}
	#company .ci_wrap .link_box ul li a {padding:1rem 2rem; width: auto; }
	#company .ci_wrap .link_box ul li a > span {font-size: .8em; margin-right: 1rem;}
	#company .ci_wrap .link_box ul li a > i {width: 1.2rem; height: 1.5rem; }


	#company .ci_wrap .cont_area .color_sys {margin:0; flex-direction: column;}
	#company .ci_wrap .cont_area .color_sys > div {width: auto; margin:0; padding:2rem; }
}
@media screen and (max-width: 568px) { 
	#company .vision_wrap .cont_area h4 {line-height: 150%; }
	#company .vision_wrap .cont_area h4 > br {display: none;}
	#company .intro_wrap .title_area .logo {width: 22rem; height: 4rem;	}
	#company .intro_wrap .counting_area ul {flex-wrap: wrap;}
	#company .intro_wrap .counting_area ul li {width: 100%; display: flex; align-items: center; justify-content: space-between; margin: 1rem 0;}
	#company .intro_wrap .counting_area ul li p{margin-top: 0;	}


	#company .mission_box > ul > li .aco_cont .content_box  br {display: none;}
	#company .mission_box > ul > li .aco_cont .content_box > p {font-size: 1em;}

	#company .ci_wrap .cont_area .half_img_box {flex-direction: column; margin:0;}
	#company .ci_wrap .cont_area .half_img_box > div {margin:0; margin-bottom: 1rem;}
	#company .ci_wrap .cont_area .img_box span {left:2rem; top:2rem;}
	#company .ci_wrap .cont_area .half_img_box > div:first-child img {width: 60%;}
	#company .ci_wrap .cont_area .half_img_box > div:last-child img {width: 40%;}

	#company .ci_wrap .cont_area .color_sys p {font-size: 1em;}
	#company .ci_wrap .cont_area .color_sys > div {padding:1rem 2rem;}


	#company .certifi_wrap .certifi_list ul {margin:0 -1rem;}
	#company .certifi_wrap .certifi_list ul.certification li {padding:0 2rem; width: calc(50% - 4rem);}
	#company .certifi_wrap .certifi_list ul.article li {flex-direction: column;align-items: flex-start;}
	#company .certifi_wrap .certifi_list ul.article .article_img {width: 40%;        overflow: inherit;}
	#company .certifi_wrap .certifi_list ul.article .article_txt {width: 100%; padding-left:0;}
	#company .certifi_wrap .certifi_list ul.article .article_txt > a {font-size: .8em; margin-top:3rem;}
}



/*------------------------------------
  sub - leadership
-------------------------------------*/
#leadership { position: relative; margin-top:10rem; word-break: keep-all;}
#leadership .sec_leders {}
#leadership .sec_leders .title_area{margin-bottom: 5rem;	}
#leadership .sec_leders .title_area h2 {font-size: 2.25em; display: flex; gap:2rem; align-items: baseline;}
#leadership .sec_leders .title_area h2 span {font-size: 1.6rem;}
#leadership .sec_leders .title_area p {margin-top: 2rem; font-weight: 300; line-height: 1.5; color:#333;}
#leadership .director_wrap {margin-bottom: 10rem;     scroll-margin-top: 10rem;	}
#leadership .director_wrap .prograss_area {display: flex; flex-direction: column; gap:1rem		}
#leadership .director_wrap .prograss_area .prograss_tit {display: flex; gap:2rem;  align-items: baseline;}
#leadership .director_wrap .prograss_area .prograss_tit p {font-size: 3.5em;font-weight: bold; color:#243665;}
#leadership .director_wrap .prograss_area .prograss_tit span {font-size: 1.6rem;}
#leadership .director_wrap .prograss_area .prograss_box {width: 100%;position: relative;}
#leadership .director_wrap .prograss_area .prograss_box .prograss_group {width: 100%;display: flex; }
#leadership .director_wrap .prograss_area .prograss_box .prograss_group > a {display: flex; align-items: center;  justify-content: center;width: 100%;   height: 7rem; font-weight: bold; }
#leadership .director_wrap .prograss_area .prograss_box .prograss_group > a.pro_grp_1 {background: #7c94d1; color:#fff}
#leadership .director_wrap .prograss_area .prograss_box .prograss_group > a.pro_grp_2 {background: #243665; color:#fff}
#leadership .director_wrap .prograss_area .prograss_box .prograss_group > a.pro_grp_3 {background: #8BD8BD; }
#leadership .director_wrap .prograss_area .prograss_box .prograss_tag {margin-top: 1rem;font-size: .8em;display: flex; gap:2rem;}
#leadership .director_wrap .prograss_area .prograss_box .prograss_tag span {display: flex;gap:.5rem; align-items: center;}
#leadership .director_wrap .prograss_area .prograss_box .prograss_tag span i {width:1.5rem; height: 1.5rem; }
#leadership .director_wrap .prograss_area .prograss_box .prograss_tag span i.pro_grp_1  {background: #7c94d1;}
#leadership .director_wrap .prograss_area .prograss_box .prograss_tag span i.pro_grp_2  {background: #243665;}
#leadership .director_wrap .prograss_area .prograss_box .prograss_tag span i.pro_grp_3  {background: #8BD8BD;}
#leadership .director_wrap .list_area {position: relative; margin: 8rem 0; }
#leadership .director_wrap .list_area:last-child {margin-bottom: 0;}
#leadership .director_wrap .list_area .title_box {}
#leadership .director_wrap .list_area .title_box h3  {font-size: 1.5em; display: flex; gap:1rem; align-items: baseline; border-bottom:2px solid #000; padding-bottom:1rem;}
#leadership .director_wrap .list_area .title_box h3 span{font-size: 1.6rem;}
#leadership .director_wrap .list_area .title_box p {margin: 1rem 0; font-weight: 300; line-height: 1.5; color:#333;}
#leadership .director_wrap .list_area .table_list {width: 100%;margin-top: 3rem;}
#leadership .director_wrap .list_area .table_list thead {}
#leadership .director_wrap .list_area .table_list thead th {border-bottom:1px solid #ddd; text-align:left; padding:1rem 0; font-size: .8em; }
#leadership .director_wrap .list_area .table_list tbody td {border-bottom:1px solid #ddd; text-align:left; padding:2rem 0;}
#leadership .director_wrap .list_area .table_list tbody td em {font-size: .7em; margin-left:1rem; opacity:.7;	}
#leadership .director_wrap .list_area .table_list tbody td mark.tag {border:1px solid #243665;  color:#243665; font-weight: bold; font-size: .8em; padding:.5rem 1rem; border-radius:.5rem;}
#leadership .director_wrap .list_area .table_list tbody td a {position: relative; padding-bottom:5px; }
#leadership .director_wrap .list_area .table_list tbody td a i {font-size: .8em; margin-right:1rem;}
#leadership .director_wrap .list_area .table_list tbody td a::before {content:''; width: 100%; height: 1px; background: #000; position: absolute; left:0; bottom:0;}
#leadership .scientific_wrap {}
#leadership .scientific_wrap .cont_area {display: flex; gap:5rem;}
#leadership .scientific_wrap .cont_area .profile_box{width: 100%; border:1px solid #ddd; padding:4rem; background: #fff; border-radius:1rem;}
#leadership .scientific_wrap .cont_area .profile_box .name {margin-bottom: 3rem;}
#leadership .scientific_wrap .cont_area .profile_box .name h3 {font-size: 1.25em; }
#leadership .scientific_wrap .cont_area .profile_box .name span {margin-top: .5rem; display: block;}
#leadership .scientific_wrap .cont_area .profile_box .tag {    display: flex; flex-wrap: wrap; gap: 0.5rem 1rem;}
#leadership .scientific_wrap .cont_area .profile_box .tag em {border:1px solid #ddd; font-size: .7em; padding:.5rem 1rem;}
#leadership .scientific_wrap .cont_area .profile_box .list {margin-top: 2rem; }
#leadership .scientific_wrap .cont_area .profile_box .list li {position: relative; font-size: .9em;   margin-bottom: 1rem; padding-left:1.5rem;}
#leadership .scientific_wrap .cont_area .profile_box .list li::before {content:''; width: 3px; height: 3px; background: #aaa; position: absolute; left:0; top:1.12rem;}


@media screen and (max-width: 1400px) {
#leadership { margin-top:8rem;}
#leadership .sec_leders .title_area {margin-bottom: 4rem;}
#leadership .director_wrap {margin-bottom: 8rem; scroll-margin-top: 8rem;}
#leadership .director_wrap .list_area {margin: 6rem 0;}
#leadership .director_wrap .list_area .table_list {margin-top: 2rem;}
#leadership .scientific_wrap .cont_area {gap:3rem;}
#leadership .scientific_wrap .cont_area .profile_box {padding:3rem;}
}

@media screen and (max-width: 1024px) {
#leadership { margin-top:6rem;}
#leadership .sec_leders .title_area h2 {font-size: 2em; gap:1.5rem;}
#leadership .sec_leders .title_area h2 span {font-size: 1.4rem;}
#leadership .sec_leders .title_area p {margin-top: 1.5rem;}
#leadership .director_wrap {margin-bottom: 6rem; scroll-margin-top: 6rem;}
#leadership .director_wrap .prograss_area .prograss_tit p {font-size: 3em;}
#leadership .director_wrap .prograss_area .prograss_tit span {font-size: 1.4rem;}
#leadership .director_wrap .prograss_area .prograss_box .prograss_group > a {height: 6rem;}
#leadership .director_wrap .list_area {margin: 5rem 0;}
#leadership .director_wrap .list_area .title_box h3 {font-size: 1.35em;}
#leadership .director_wrap .list_area .table_list tbody td {padding:1.5rem 0;}
#leadership .scientific_wrap .cont_area {gap:2rem;}
#leadership .scientific_wrap .cont_area .profile_box {padding:2.5rem;}
}

@media screen and (max-width: 768px) {
#leadership { margin-top:5rem; font-size: .95em;}
#leadership .sec_leders .title_area {margin-bottom: 3rem;}
#leadership .sec_leders .title_area h2 {font-size: 1.75em; flex-direction: column; gap:.5rem;}
#leadership .director_wrap {margin-bottom: 5rem; scroll-margin-top: 5rem;}
#leadership .director_wrap .prograss_area .prograss_tit {flex-direction: column; gap:.5rem;}
#leadership .director_wrap .prograss_area .prograss_tit p {font-size: 2.5em;}
#leadership .director_wrap .prograss_area .prograss_box .prograss_group > a {height: 5rem; font-size: .9em;}
#leadership .director_wrap .prograss_area .prograss_box .prograss_tag {flex-wrap: wrap; gap:1rem;}
#leadership .director_wrap .list_area {margin: 4rem 0;}

#leadership .director_wrap .list_area .title_box h3 {font-size: 1.25em; gap:.5rem;}
#leadership .director_wrap .list_area .title_box p {font-size: .9em;}
#leadership .director_wrap .list_area .scroll_box {overflow-x: auto; -webkit-overflow-scrolling: touch;}
#leadership .director_wrap .list_area .table_list {min-width: 80rem;}
#leadership .director_wrap .list_area .table_list tbody td em {display: block; margin-left:0; margin-top:.3rem;}
#leadership .scientific_wrap .cont_area {flex-direction: column; gap:2rem;}
#leadership .scientific_wrap .cont_area .profile_box {width: auto; padding:2.5rem;}
#leadership .scientific_wrap .cont_area .profile_box .name {margin-bottom: 2rem;}
#leadership .scientific_wrap .cont_area .profile_box .list li::before {top:.8rem;}
}

@media screen and (max-width: 568px) {
#leadership { margin-top:4rem;}
#leadership .sec_leders .title_area h2 {font-size: 1.5em;}
#leadership .sec_leders .title_area h2 span {font-size: 1.3rem;}
#leadership .sec_leders .title_area p {font-size: .9em;}
#leadership .director_wrap .prograss_area .prograss_tit p {font-size: 2.25em;}
#leadership .director_wrap .prograss_area .prograss_box .prograss_group > a {height: 4.5rem; font-size: .85em;}
#leadership .director_wrap .prograss_area .prograss_box .prograss_tag {flex-direction: column; gap:.8rem;}
#leadership .director_wrap .list_area {margin: 3rem 0;}
#leadership .director_wrap .list_area .table_list {min-width: 50rem;}
#leadership .director_wrap .list_area .table_list tbody td {padding:1.2rem 0; font-size: .9em;}
#leadership .scientific_wrap .cont_area .profile_box {padding:2rem;}
#leadership .scientific_wrap .cont_area .profile_box .tag em {display: inline-block; margin-bottom:.5rem;}
}



/*------------------------------------
  sub - partners
-------------------------------------*/
#partner {margin-top:12rem	}
#partner h3 {font-size: 2.2em;margin-bottom: 3rem;}
#partner p {line-height: 150%; font-size: 1.125em; }


@media screen and (max-width: 1400px) {
}
@media screen and (max-width: 1024px) {
#partner {margin-top:5rem	}
#partner h3 {font-size: 1.8em;}
#partner p  {font-size: 1em;}
}
@media screen and (max-width: 768px) { 
}
@media screen and (max-width: 568px) { 
}


/*------------------------------------
  sub - Science
-------------------------------------*/
#Science {margin-top:12rem	}
#Science section {margin-bottom:5rem;}
#Science .harf_title_sec {display:flex;}
#Science .harf_title_sec .image_box{width: 50%;}
#Science .harf_title_sec .image_box img {overflow:hidden; border-radius:2rem; width: 90%;}
#Science .harf_title_sec .text_box{width: 50%;}
#Science .harf_title_sec .text_box h2 {font-size: 2.5em;margin-bottom: 5rem;} 
#Science .harf_title_sec .text_box p{line-height: 180%;} 
#Science .image_sec {background: #fff; border:1px solid #ddd;border-radius:2rem;padding:5rem 0;}
#Science .image_sec .image_box {display:flex;align-items: center;   justify-content: center;}
#Science .image_sec .image_box  img {width: 90%;}
#Science .full_title_sec {}
#Science .full_title_sec .text_box{width: 100%;}
#Science .full_title_sec .text_box h2 {font-size: 2em;margin-bottom: 5rem;} 
#Science .full_title_sec .text_box p{line-height: 180%;} 
#Science .full_title_sec .list_box {margin-top: 5rem;}
#Science .full_title_sec .list_box ul {}
#Science .full_title_sec .list_box ul li {background-color: #F4F5F8;display:flex; padding:2rem; margin:.5rem 0; border-radius:1rem;align-items: center;}
#Science .full_title_sec .list_box ul li em {width: 3rem; height: 3rem; margin-right:2rem; background-color: var(--main-color2);color:#fff; display:flex; border-radius:100%;align-items: center;
    justify-content: center; font-weight: bold;font-size: .8em;}
#Science .full_title_sec .list_box ul li p {}

#Science .theme_sec {background: #fff; border:1px solid #ddd;border-radius:2rem;padding:5rem ;display:flex; flex-direction: column; align-items: center;}
#Science .theme_sec h3  {font-size: 2em;margin-bottom: 5rem;} 
#Science .theme_sec .image_box {}
#Science .theme_sec .list_box {margin-top: 5rem;}
#Science .theme_sec .list_box .title {background-color: var(--main-color2); color:#fff; text-align: center; padding:3rem 0;	font-weight: bold; border-radius:1rem;}
#Science .theme_sec .list_box > ul {display:flex;margin: 0 -2rem;}
#Science .theme_sec .list_box > ul > li {width: 33.33%; margin: 0 2rem; position: relative; }
#Science .theme_sec .list_box > ul > li > ul {margin-top: 2rem;}
#Science .theme_sec .list_box > ul > li > ul > li {position: relative;padding-left:3rem; margin:1rem 0;}
#Science .theme_sec .list_box > ul > li > ul > li::before {content:''; width:2rem; height: 2rem; background:url(../images/sub/ico_check.svg) no-repeat center / cover; position: absolute; left:0; top:.25rem;	}
@media screen and (max-width: 1400px) {
	#Science .harf_title_sec .text_box h2 {font-size: 2em;}
	#Science .full_title_sec .text_box h2 {font-size: 2em;}
}
@media screen and (max-width: 1024px) {
	#Science {margin-top:5rem	} 
	#Science .harf_title_sec {flex-direction: column;}
	#Science .harf_title_sec .image_box {width: 100%; margin-bottom: 5rem;}
	#Science .harf_title_sec .image_box img {width: 100%;}
	#Science .harf_title_sec .text_box {width: 100%;}
}
@media screen and (max-width: 768px) { 
	#Science .image_sec {padding:2rem 0;}
	
	#Science .harf_title_sec .text_box h2 {font-size: 1.4em; margin-bottom:2rem;}
	#Science .full_title_sec .text_box h2  {font-size: 1.4em; margin-bottom:2rem;}

	#Science .full_title_sec .list_box ul li {align-items: flex-start; flex-direction: column;}
	#Science .full_title_sec .list_box ul li em {margin-bottom: 1rem;}

	#Science .theme_sec h3 {font-size: 1.2em; }
	#Science .theme_sec .image_box {text-align: center;}
	#Science .theme_sec .image_box img {width: 70%;}

	#Science .theme_sec .list_box > ul {flex-direction: column;}
	#Science .theme_sec .list_box > ul > li {width: 100%;margin: 0;   margin-bottom: 3rem;}
}
@media screen and (max-width: 568px) { 
}



/*------------------------------------
  sub - Pipeline
-------------------------------------*/
#pipeline {margin-top:12rem	}
.dving_line {border-bottom:1px solid #aaa !important;}
#pipeline .pipeline_table{border-top:3px solid var(--main-color1); width: 100%;}
#pipeline .pipeline_table thead{}
#pipeline .pipeline_table thead tr{}
#pipeline .pipeline_table thead th{padding:2rem 0;border-bottom:1px solid #666; }
#pipeline .pipeline_table tbody{}
#pipeline .pipeline_table tbody th{border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
#pipeline .pipeline_table tbody td{border-bottom:1px solid #ddd;text-align: center; border-right:1px solid #ddd; padding:2rem  2rem;}
#pipeline .pipeline_table tbody td:nth-last-child(-n+2) {border-right:0; }
#pipeline .progress_box {}
#pipeline .caption {display:flex;margin-top: 1rem;}
#pipeline .caption i {margin-right:.5rem;}
#pipeline .caption span{font-size: .8em;}
#pipeline .partner {text-align: center !important;}
#pipeline .partner img {display: inline-block;}
#pipeline .progress_box progress { width: 100%;  height: 15px; background-color: #f3f3f3;  border: 0; border-radius: 18px; overflow:hidden;}
#pipeline .progress_box progress::-webkit-progress-value { border-radius: 18px; }
#pipeline .progress_box progress::-webkit-progress-bar {   background-color: #eee;   }
#pipeline .pipline_prog_1 .progress_box progress::-webkit-progress-value {background-image: linear-gradient(60deg, #E3F9EF, #7EC2A4);}
#pipeline .pipline_prog_2 .progress_box progress::-webkit-progress-value {background-image: linear-gradient(60deg, #adc1e4, #41619c);}


@media screen and (max-width: 1400px) {
}
@media screen and (max-width: 1024px) {
	#pipeline {margin-top:5rem	} 
	.table_area {width: 100%; overflow:hidden; position: relative;}
	.table_area::after {position:absolute; top:0; left:100%; width:50px; height:100%; border-radius:10px 0 0 10px / 50% 0 0 50%; box-shadow:-5px 0 10px rgba(0, 0, 0, 0.25); content:'';}
	.table_area > div {overflow-x: auto;}
	.table_area table {width:1000px !important; }
}
@media screen and (max-width: 768px) { 
	#pipeline .pipeline_table thead th {padding:1.5rem 0;}
	#pipeline .pipeline_table tbody td {padding:1rem;}

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



/*------------------------------------
  sub - talent
-------------------------------------*/
#talent {margin-top:5rem	}
#talent section {}
#talent .talent_type {}
#talent .talent_type .tal_slogan {text-align: center;}
#talent .talent_type .tal_slogan h3{font-size: 2em;margin-bottom: 1rem;}
#talent .talent_type .tal_slogan p{}
#talent .talent_type .tal_slogan p span {font-weight: bold;	}
#talent .talent_type .tal_list {}
#talent .talent_type .tal_list ul {display:flex; margin:0 5%; padding:7rem 0 10rem ;}
#talent .talent_type .tal_list ul li {}
#talent .talent_type .tal_list .tal_area {position: relative; display:flex; flex-direction: column; align-items: center;}
#talent .talent_type .tal_list .tal_area .circle_box {position: relative; width: 18rem; height: 18rem; border-radius:100%; background-color: #F4F5F8; background-repeat:no-repeat; background-position:center;}
#talent .talent_type .tal_list .tal_area .circle_box::after {content:''; position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); width: 21rem; height: 21rem; border-radius:100%; border:1px solid #E2E6F3;}
#talent .talent_type .tal_list .tal_area .circle_box p::before {   content:'';display: block; z-index:2; position: absolute; top:1rem; left:1rem; background: #BFC7E1; width:1rem; height:1rem; border-radius:100%; border:1px solid #ddd;}

#talent .talent_type .tal_list .tal_area .circle_box p {position: absolute;display: inline-block;z-index:1; width: 100%; height: 100%; left:0; top:0;   animation:rotation 5s infinite linear;}
#talent .talent_type .tal_list .tal_area .title_box {text-align: center;margin-top:4rem;width: 70%; word-break: keep-all;}
#talent .talent_type .tal_list .tal_area .title_box p {font-weight: bold;font-size: 1.15em;display: block; margin-bottom: 1rem;}
#talent .talent_type .tal_list .tal_area .title_box span {font-size: .9em;   }

#talent .talent_type .tal_list .tal_area.t_ico_01 .circle_box { background-image:url(../images/sub/telent_ico1.svg);}
#talent .talent_type .tal_list .tal_area.t_ico_01 .circle_box p {animation-delay: .1s;}
#talent .talent_type .tal_list .tal_area.t_ico_02 .circle_box { background-image:url(../images/sub/telent_ico2.svg);}
#talent .talent_type .tal_list .tal_area.t_ico_02 .circle_box p {animation-delay: .3s;}
#talent .talent_type .tal_list .tal_area.t_ico_03 .circle_box { background-image:url(../images/sub/telent_ico3.svg);}
#talent .talent_type .tal_list .tal_area.t_ico_03 .circle_box p {animation-delay: .6s;}
#talent .talent_type .tal_list .tal_area.t_ico_04 .circle_box { background-image:url(../images/sub/telent_ico4.svg);}
#talent .talent_type .tal_list .tal_area.t_ico_04 .circle_box p {animation-delay: .9s;}
@keyframes rotation {
0% {
		transform: rotate(0deg);
  }
  50% {
		transform: rotate(180deg);
	}
	100% {
		transform: rotate(360deg);
	}
}





/* 인재상 */
.talent_type2 {position:relative; padding:18rem 0 13rem; font-size:1rem; background:url(../images/sub/talent2_bg.jpg) no-repeat center / cover;  overflow:hidden;} /* 임시 배경색 */
.talent_type2 .tal_title {margin-bottom:7rem;}
.talent_type2 .tal_title h2 {font-size:4.8em; font-weight:500; line-height:1.3; letter-spacing:-0.02em; color:#000;}
.talent_type2 .tal_title p {margin-top:3rem; font-size:2em; line-height:1.5; color:#111; font-weight: 400; word-break:keep-all;}
.talent_type2 .tal_title  span {font-weight:700;}

.talent_type2 .tal_list {padding:2rem max(2rem, calc((100% - 165rem) / 2)) 5rem; margin:-2rem 0 -5rem; box-sizing:border-box;}
.talent_type2 .type_card {position:relative; width:55.5rem; height:42rem; padding:6rem 5.2rem; border-radius:2rem; background:rgba(255,255,255,0.65); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); box-sizing:border-box; transition:transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.5s, box-shadow 0.5s;}
.talent_type2 .type_card .title p {font-size:2.8em; font-weight:600; line-height:1.3; color:#111; word-break:keep-all; transition:color 0.4s;}
.talent_type2 .type_card .title em.tag {display:inline-block; margin-bottom:2rem; padding:0.45em 1.1em; border-radius:10em; background:#7fc3a1; font-size:1.5em; font-weight:600; font-style:normal; line-height:1.2; color:#fff; transition:background-color 0.4s;}
.talent_type2 .type_card .title span {display:block; margin-top:2rem; max-width:17em; font-size:1.7em; line-height:1.6; color:#333; word-break:keep-all;}
.talent_type2 .type_card .icon {position:absolute; right:6rem; bottom:4.5rem; display:flex; align-items:center; justify-content:center; width:10.6rem; height:10.6rem; border-radius:2rem; background:linear-gradient(135deg, #2f6fae 0%, #13265a 100%);}
.talent_type2 .type_card .icon i {display:block; width:5rem; height:5rem; background:no-repeat center / contain;}
.talent_type2 .type_card .ico1 i {background-image:url(../images/sub/telent2_ico1.svg);}
.talent_type2 .type_card .ico2 i {background-image:url(../images/sub/telent2_ico2.svg);}
.talent_type2 .type_card .ico3 i {background-image:url(../images/sub/telent2_ico3.svg);}
.talent_type2 .type_card .ico4 i {background-image:url(../images/sub/telent2_ico4.svg);}



.talent_type2 .type_card .icon {overflow:hidden; transition:transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.5s;}
.talent_type2 .type_card .icon::before {content:""; position:absolute; inset:0; background:linear-gradient(135deg, #4a8fd4 0%, #1d3a7e 100%); opacity:0; transition:opacity 0.5s;}
.talent_type2 .type_card .icon i {position:relative; z-index:1; transition:transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);}

@media (hover:hover) {
	.talent_type2 .type_card:hover {transform:translateY(-1.2rem); background-color:rgba(255,255,255,0.9); box-shadow:0 2.4rem 4.8rem rgba(19,38,90,0.12);}
	.talent_type2 .type_card:hover .title p {color:#1f5596;}
	.talent_type2 .type_card:hover .title .tag {background:#5fb08a;}
	.talent_type2 .type_card:hover .icon {transform:translateY(-0.4rem); box-shadow:0 1.2rem 2.4rem rgba(19,38,90,0.25);}
	.talent_type2 .type_card:hover .icon::before {opacity:1;}
	.talent_type2 .type_card:hover .icon i {transform:scale(1.12) rotate(-8deg);}
}


@media (max-width:1024px) {
	.talent_type2 {padding:12rem 0 10rem;}
	.talent_type2 .tal_title {margin-bottom:5rem;}
	.talent_type2 .tal_title h2 {font-size:4em;}
	.talent_type2 .tal_title p {margin-top:2rem; font-size:1.8em;}
	
	.talent_type2 .type_card {width:44rem; height:38rem; padding:5rem 4rem;}
	.talent_type2 .type_card .title p {font-size:2.4em;}
	.talent_type2 .type_card .title .tag {margin-bottom:1.6rem; font-size:1.4em;}
	.talent_type2 .type_card .title span {margin-top:2.4rem; font-size:1.6em;}
	.talent_type2 .type_card .icon {right:4rem; bottom:4rem; width:9rem; height:9rem; border-radius:1.6rem;}
	.talent_type2 .type_card .icon i {width:4.2rem; height:4.2rem;}
}
@media (max-width:768px) {
	.talent_type2 {padding:9rem 0 8rem;}
	.talent_type2 .tal_list {padding-left:0; padding-right:0;}
	
	/* 가운데(active) 카드에 hover 효과 적용 */
	.talent_type2 .type_card.swiper-slide-active {transform:translateY(-1.2rem); background-color:rgba(255,255,255,0.9); box-shadow:0 2.4rem 4.8rem rgba(19,38,90,0.12);}
	.talent_type2 .type_card.swiper-slide-active .title p {color:#1f5596;}
	.talent_type2 .type_card.swiper-slide-active .title .tag {background:#5fb08a;font-size: 1.3em;}
	.talent_type2 .type_card.swiper-slide-active .icon {transform:translateY(-0.4rem); box-shadow:0 1.2rem 2.4rem rgba(19,38,90,0.25);}
	.talent_type2 .type_card.swiper-slide-active .icon::before {opacity:1;}
	.talent_type2 .type_card.swiper-slide-active .icon i {transform:scale(1.12) rotate(0);}
	.talent_type2 .type_card {opacity:0.6; transition:transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.5s, box-shadow 0.5s, opacity 0.5s;}
	.talent_type2 .type_card.swiper-slide-active {opacity:1;}
	
	
	
	.talent_type2 .tal_title {margin-bottom:4rem;}
	.talent_type2 .tal_title h2 {font-size:3.2em;}
	.talent_type2 .tal_title p {font-size:1.6em;}
	.talent_type2 .type_card {width:34rem; height:34rem; padding:4rem 3.2rem;}
	.talent_type2 .type_card .title .tag {margin-bottom:1.4rem; font-size:1.3em;}
	.talent_type2 .type_card .title p {font-size:2.2em;}
	.talent_type2 .type_card .title span {margin-top:2rem; font-size:1.5em;}
	.talent_type2 .type_card .icon {right:3.2rem; bottom:3.2rem; width:7.6rem; height:7.6rem; border-radius:1.4rem;}
	.talent_type2 .type_card .icon i {width:3.6rem; height:3.6rem;}
}
@media (max-width:600px) {
	.talent_type2 .tal_title h2 {font-size:2.6em;}
	.talent_type2 .tal_title p {font-size:1.5em;}
	
	.talent_type2 .type_card {width:82%; height:auto; min-height:30rem; padding:3.6rem 2.8rem 12rem;}
	.talent_type2 .type_card .title p {font-size:2em;}
	.talent_type2 .type_card .title span br{display: none;}
	.talent_type2 .type_card .icon {right:2.8rem; bottom:2.8rem; width:6.8rem; height:6.8rem;}
	.talent_type2 .type_card .icon i {width:3.2rem; height:3.2rem;}
}







#talent .talent_value {background:url(../images/sub/telent_bg.png) no-repeat center / cover; padding:10rem 0;}
#talent .talent_value h3 {color:var(--main-color1); font-size:2em; margin-bottom:1rem;}
#talent .talent_value ul {display:flex; margin:0 -2rem;}
#talent .talent_value ul li {width:20%; margin:2rem;}
#talent .talent_value .value_card {position:relative; z-index:0; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; height:30rem; padding:5rem 4rem; border-radius:1rem; background:#fff; box-shadow:0 0.6rem 1.4rem rgba(19,38,90,0.12); transition:transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.5s;}
#talent .talent_value .value_card::before {content:""; position:absolute; inset:0; z-index:-1; background:var(--main-color1); background:linear-gradient(135deg, var(--main-color1) 0%, color-mix(in srgb, var(--main-color1) 65%, #fff) 100%); transform:scaleY(0); transform-origin:bottom; transition:transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);}


#talent .talent_value .value_card .tit span {display:block; margin-bottom:1rem; font-weight:bold; color:#aaa; transition:color 0.4s;}
#talent .talent_value .value_card .tit p {font-weight:bold; font-size:1.3em; transition:color 0.4s;}
#talent .talent_value .value_card .tit::after {content:""; display:block; width:2rem; height:0.3rem; margin-top:2rem; background:var(--main-color1); transition:width 0.5s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.4s;}
#talent .talent_value .value_card .cont {font-size:0.9em; line-height:1.6; transition:color 0.4s;}

@media (hover:hover) {
	#talent .talent_value .value_card:hover {transform:translateY(-1rem); box-shadow:0 1.6rem 4rem color-mix(in srgb, var(--main-color1) 15%, transparent);}
	#talent .talent_value .value_card:hover::before {transform:scaleY(1);}
	#talent .talent_value .value_card:hover .tit span {color:rgba(255,255,255,0.7);}
	#talent .talent_value .value_card:hover .tit p {color:#fff;}
	#talent .talent_value .value_card:hover .tit::after {width:6rem; background:#fff;}
	#talent .talent_value .value_card:hover .cont {color:#fff;}
}



#talent .talent_mission { padding:10rem 0;}
#talent .talent_mission ul {}
#talent .talent_mission ul li {display:flex;position: relative;align-items: center;margin:10rem 0;}
#talent .talent_mission li.mission {flex-direction: row;}
#talent .talent_mission li.vision {flex-direction: row-reverse}
#talent .talent_mission ul li .text_box {width: 100%; margin:0 5%}
#talent .talent_mission ul li .text_box em {font-weight: bold; color:var(--main-color1);display: block; margin-bottom: 8rem;}
#talent .talent_mission ul li .text_box .title {font-weight: bold;font-size: 2em;}
#talent .talent_mission ul li .text_box p { margin-top: 5rem;line-height: 150%;}
#talent .talent_mission ul li .image_box {margin:0 5%;width: 100%; height: 45rem; border-radius: 2rem; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.2); background-repeat:no-repeat; background-position:center; background-size:cover;}
#talent .talent_mission li.mission .image_box { background-image:url(../images/sub/telent_img1.png);}
#talent .talent_mission li.vision .image_box { background-image:url(../images/sub/telent_img2.png);}



@media screen and (max-width: 1400px) {
	#talent .talent_type .tal_list ul {margin:0;}
	#talent .talent_type .tal_list .tal_area .title_box {width: 90%;}
	#talent .talent_value ul {margin:0 -1rem;}
	#talent .talent_value ul li {margin:2rem 1rem;}
	#talent .talent_value .value_card {padding:3rem;}
}
@media screen and (max-width: 1200px) {
	#talent .talent_value ul {flex-wrap: wrap;}
	#talent .talent_value ul li {width: 31%;}
	#talent .talent_mission ul li .text_box {margin:0;}
	#talent .talent_mission ul li:first-child .image_box {margin-right:0;}
	#talent .talent_mission ul li:last-child .image_box {margin-left:0;}
}
@media screen and (max-width: 1024px) {
	#talent {margin-top:3rem;}
	#talent .talent_value ul li {width: 30%;}
	#talent .talent_type .tal_list .tal_area .circle_box {width: 13rem; height: 13rem; background-size:35%;	}
	#talent .talent_type .tal_list .tal_area .circle_box::after {width: 14rem; height: 14rem; }
	#talent .talent_type .tal_list .tal_area.t_ico_02 .circle_box {background-size:22%;}
	#talent .talent_mission {padding:0;}
}
@media screen and (max-width: 768px) { 
	#talent .talent_type .tal_slogan h3 {font-size: 1.5em;}
	#talent .talent_type .tal_list ul {flex-direction: column;}
	#talent .talent_type .tal_list ul li {margin:1rem 0;}
	#talent .talent_type .tal_list .tal_area {flex-direction: row;}
	#talent .talent_type .tal_list .tal_area .circle_box::after {display: none;}
	#talent .talent_type .tal_list .tal_area .circle_box p {display: none;}
	#talent .talent_type .tal_list .tal_area .title_box {width: calc(100% - 16rem);margin-top: 0; margin-left:3rem;text-align:left;	}
	#talent .talent_value h3 {font-size: 1.5em;}
	#talent .talent_value ul {flex-direction: column;}
	#talent .talent_value ul li {width: 100%; margin:1rem 0;}
	#talent .talent_value .value_card {height: auto; align-items: center;} 
	#talent .talent_value .value_card .tit {width: 50%;text-align: center;}
	#talent .talent_value .value_card .cont {width: 50%; margin-top: 1rem; text-align: center;}
	#talent .talent_mission ul li .image_box {margin:0; height: 30rem;}
	#talent .talent_mission li.mission {flex-direction: column;}
	#talent .talent_mission li.vision {flex-direction: column;}
	#talent .talent_mission ul li .text_box {margin-bottom: 3rem;}
	#talent .talent_mission ul li .text_box em {margin-bottom:2rem;}
	#talent .talent_mission ul li .text_box .title {font-size: 1.5em;}
	#talent .talent_mission ul li .text_box p {margin-top: 3rem;}
}
@media screen and (max-width: 568px) { 
	#talent .talent_type .tal_list ul {padding:5rem 0;}

	#talent .talent_type .tal_list .tal_area .circle_box {width: 10rem; height: 10rem;}
	#talent .talent_type .tal_list .tal_area .title_box {width: calc(100% - 13rem);}
	#talent .talent_value .value_card .cont  br {display: none;}
	#talent .talent_value .value_card .tit span {font-size: .8em;}
	#talent .talent_value .value_card .tit {width: 100%;}
	#talent .talent_value ul {margin:0;}
	#talent .talent_mission ul li .image_box  {height: 20rem;border-radius:1rem;}
	#talent .talent_value .value_card .cont {width: 100%;}
	#talent .talent_mission ul li {margin:5rem 0;}
	#talent .talent_value {padding:5rem 0;}
	
}

/*------------------------------------
  sub - talent
-------------------------------------*/
section.sub-con-num481 {padding-bottom:0 !important;}
#process {position: relative; margin-top:12rem;}
#process section {}
#process section .title_wrap {width: 30%; }
#process section .title_wrap  h3 {font-size: 1.8em;	font-weight: normal;	}
#process section .content_wrap {width: 70%;}
#process .process_step .inner {display:flex;margin-bottom:10rem;}
#process .process_step ul {display:flex;margin:0 -6rem;}
#process .process_step ul li {margin:0 6rem;position: relative;}
#process .process_step ul li .step_circle::after {content:''; width: 4rem; height: 1rem; position: absolute; right:-50%; top:50%;transform:translate(-50%, -50%); background:url(../images/sub/ico_3dep_arrow.svg) no-repeat center / cover;}
#process .process_step ul li.step04 .step_circle::after  {display: none;}
#process .process_step ul li .step_circle {position: relative; width: 20rem; height: 20rem; border-radius:100%; background-color: var(--main-color1);    display: flex; flex-direction: column; align-items: center; justify-content: center;	}
#process .process_step ul li .step_circle em {font-size: .8em; font-weight: bold; color:#fff;display: block;margin-bottom: 1rem;}
#process .process_step ul li .step_circle i {display: block;width: 7rem; height: 7rem;background-repeat:no-repeat; background-position:center;}
#process .process_step ul li.step01 .step_circle i{	background-image:url(../images/sub/step_ico1.svg);}
#process .process_step ul li.step02 .step_circle i{	background-image:url(../images/sub/step_ico2.svg);}
#process .process_step ul li.step03 .step_circle i{	background-image:url(../images/sub/step_ico3.svg);}
#process .process_step ul li.step04 .step_circle i{	background-image:url(../images/sub/step_ico4.svg);}
#process .process_step ul li .step_txt {text-align: center; margin-top: 2rem;}


#process .process_how .inner {display:flex;margin-bottom:10rem;}
#process .process_how .how_area {border-top:2px solid #000; padding:5rem 0;}
#process .process_how .how_area .tit {font-weight: bold;font-size: 1.25em;}
#process .process_how .how_area > ul {margin-top: 2rem;}
#process .process_how .how_area > ul > li {position: relative; margin:1rem 0;padding-left:3rem;}
#process .process_how .how_area > ul > li:before {content:''; width: 2rem; height: 2rem; position: absolute; left:0; top:.25rem; background:url(../images/sub/ico_check.svg) no-repeat center / cover;}
#process .process_how .how_area > ul > li > ul {margin-top: 1rem;}
#process .process_how .how_area > ul > li > ul > li {font-size: .9em; color:#666;margin:.5rem 0;}

#process .process_benefit{background: #F4F5F8;padding:10rem 0;}
#process .process_benefit .title_wrap {font-size: 2.2em; width: 100%;font-weight: 600;}
#process .process_benefit .title_wrap span {font-weight: 800;color:var(--main-color1);}
#process .process_benefit .content_wrap {margin-top: 2rem; width: 100%;}
#process .process_benefit .content_wrap ul {display:flex;flex-wrap: wrap;margin:0 -3rem;}
#process .process_benefit .content_wrap ul li {width: 25%;margin:3rem 0;}
#process .process_benefit .content_wrap  .benefit_box {margin:0 3rem; transition: all 0.2s linear; border-radius:1rem; background: #fff; padding:4rem; width: auto; min-height:30rem;}
#process .process_benefit .content_wrap  .benefit_box i {display: block;width:5rem; height:4rem;background-repeat:no-repeat; background-position:left center;}
#process .process_benefit .content_wrap  .benefit_box p {margin-top: 3rem;font-weight: bold; font-size: 1.125em;}
#process .process_benefit .content_wrap  .benefit_box span {font-size: .9em;display: block; margin-top: 2rem;line-height: 150%; word-break: keep-all;}
#process .process_benefit .content_wrap  .benefit_box.bene01 i{	background-image:url(../images/sub/benefit_ico1.svg);}
#process .process_benefit .content_wrap  .benefit_box.bene02 i{	background-image:url(../images/sub/benefit_ico2.svg);}
#process .process_benefit .content_wrap  .benefit_box.bene03 i{	background-image:url(../images/sub/benefit_ico3.svg);}
#process .process_benefit .content_wrap  .benefit_box.bene04 i{	background-image:url(../images/sub/benefit_ico4.svg);}
#process .process_benefit .content_wrap  .benefit_box.bene05 i{	background-image:url(../images/sub/benefit_ico5.svg);}
#process .process_benefit .content_wrap  .benefit_box.bene06 i{	background-image:url(../images/sub/benefit_ico6.svg);}
#process .process_benefit .content_wrap  .benefit_box.bene07 i{	background-image:url(../images/sub/benefit_ico7.svg);}
#process .process_benefit .content_wrap  .benefit_box:hover {margin-top:-1rem; box-shadow:0px 10px 20px 0px rgb(172 184 229 / 25%);}


@media screen and (max-width: 1650px) {
	#process .process_step ul {margin:0;}
	#process .process_step ul li {margin:0 4rem;}
	#process .process_step ul li .step_circle::after {right:-40%;}
}
@media screen and (max-width: 1400px) {
	#process .process_step ul li:first-child {margin-left:0;}
	#process .process_step ul li .step_circle {width: 13rem; height: 13rem;}
	#process .process_step ul li .step_circle i {width: 5rem; height: 5rem; background-size:contain;}
	#process .process_step ul li .step_circle::after {right:-65%;}
	#process .process_benefit .title_wrap {font-size: 2em;}
	#process .process_benefit .content_wrap ul{margin: 0 -1rem;}
	#process .process_benefit .content_wrap ul li {margin:1rem 0;	}
	#process .process_benefit .content_wrap .benefit_box {margin:0 1rem;}

}
@media screen and (max-width: 1024px) {
	#process {margin-top: 5rem;}
	#process .process_step .inner {flex-direction: column;}
	#process .process_how .inner {flex-direction: column;}
	#process section .title_wrap {margin-bottom:2rem; width: 100%;}
	#process section .content_wrap {width: 100%;}
	#process .process_benefit .content_wrap ul li {width: 33.33%;}
	#process .process_step ul li {margin:0; width: 25%; display: flex; flex-direction: column;  align-items: center;}
	#process .process_step ul li .step_circle::after {display: none;}

}
@media screen and (max-width: 768px) { 
	#process section .title_wrap h3 {font-size: 1.4em;}
	#process .process_benefit .title_wrap {font-size: 1.4em;}
	#process .process_benefit .content_wrap ul li {width: 50%;}
	#process .process_benefit .content_wrap .benefit_box {padding:3rem; min-height:20rem}
	#process .process_step .inner {margin-bottom: 5rem;}
	#process .process_how .inner {margin-bottom: 5rem;}
	#process .process_benefit {padding:8rem 0;}

}
@media screen and (max-width: 568px) { 
	#process section .title_wrap h3 {font-size: 1.2em;}
	#process .process_step ul { flex-wrap: wrap;}
	#process .process_step ul li {width: 50%; margin-bottom: 3rem;}
	#process .process_step ul li .step_txt {margin-top: 1rem;}
	#process .process_step ul li .step_circle {width: 12rem; height: 12rem;}
	#process .process_step ul li .step_circle i {width: 4rem; height: 4rem;}

	#process .process_how .how_area .tit {font-size: 1em;}
	#process .process_benefit .title_wrap {font-size: 1.2em; word-break: keep-all;}
	#process .process_benefit .title_wrap br{display: none;}
	#process .process_benefit .content_wrap ul li  {width: 100%;}
	#process .process_benefit .content_wrap .benefit_box {min-height:auto;}
}


/*------------------------------------
  sub - Contact
-------------------------------------*/

#contact {border-top:2px solid #000; padding:5rem 0; display:flex; justify-content: space-between;}
#contact .map_wrap {width: 60%;}
#contact .map_wrap .map_api {width: 100%; height: 60rem;}
#contact .map_wrap .map_api  .wrap_map {height: 100%;}
#contact .info_wrap {width: 35%;  display:flex; flex-direction: column; justify-content: space-between;}
#contact .info_wrap .address_area .info_box {width: 100%; padding: 3rem 0;border-bottom:1px dashed #ddd;}
#contact .info_wrap .address_area .info_box:first-child { padding-top:0; }
#contact .info_wrap .address_area .info_box h3 {font-size:1.8em;}
.info_list {margin-top: 1rem;}
.info_list li{margin:1rem 0;}
.info_list li .info_txt {display:flex; align-items: center;}
.info_list li .info_txt > i{font-size: 0; width: 2.5rem; height: 2.5rem;display: block; background-repeat:no-repeat; background-position:center; margin-right:1rem;}
.info_list li .info_txt > p{}
.info_list li .info_txt.address > i {background-image:url(../images/sub/ico_location.svg);}
.info_list li .info_txt.phone > i {background-image:url(../images/sub/ico_phone.svg);}
.info_list li .info_txt.fax > i {background-image:url(../images/sub/ico_fax.svg);}
.info_list li .info_txt.mail > i {background-image:url(../images/sub/ico_mail.svg);}


@media screen and (max-width: 1200px) {
	#contact .info_wrap .address_area .info_box h3 {font-size: 1.4em;}
}
@media screen and (max-width: 1024px) {
	#contact {flex-direction: column;}
	#contact .map_wrap {width: 100%;}
	#contact .map_wrap .map_api {height: 40rem;}
	#contact .info_wrap {width: 100%; margin-top:3rem;}
}
@media screen and (max-width: 768px) { 
	#contact .map_wrap .map_api {height: 30rem;} 
	.info_list li .info_txt {align-items: flex-start;}
}
@media screen and (max-width: 568px) { 
}