@import url('sub.css'); 








/**** S:: 6C program > 사업 소개 ****/
.info_conts {}
.info_conts .sub_tit_box {margin-bottom:100px; padding-bottom:100px; border-bottom:1px solid var(--border);}

.program_dia {position:relative; max-width: 1306px; height: 570px; margin:0 auto 120px;}
.program_dia .logo {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:640px; height:100%; margin:0 auto; background:url("/program/img/6c_logo.png")no-repeat center;}
.program_dia .logo h4 {color: var(--white); font-size: 2.222rem; font-weight: 700; line-height: 100%; letter-spacing: 0.8px; text-transform: uppercase;}
.program_dia .logo_list {position:absolute; top:0; left:0; width:100%; height:100%;}
.program_dia .logo_list dl {display:flex; flex-wrap:wrap; align-items:center; gap:0 22px; position:absolute;}
.program_dia .logo_list dl dt {}
.program_dia .logo_list dl dd {font-size: 1.222rem; line-height: 136.364%;}
.program_dia .logo_list dl dd span {line-height:inherit; font-weight:800;}

.program_dia .logo_list dl:nth-of-type(1) {top:30px; left:65px; text-align:right;}
.program_dia .logo_list dl:nth-of-type(1) dt {order:2;}
.program_dia .logo_list dl:nth-of-type(1) dd {order:1;}
.program_dia .logo_list dl:nth-of-type(2) {top:50%; left:0; transform:translateY(-50%); text-align:right;}
.program_dia .logo_list dl:nth-of-type(2) dt {order:2;}
.program_dia .logo_list dl:nth-of-type(2) dd {order:1;}
.program_dia .logo_list dl:nth-of-type(3) {bottom:30px; left:65px; text-align:right;}
.program_dia .logo_list dl:nth-of-type(3) dt {order:2;}
.program_dia .logo_list dl:nth-of-type(3) dd {order:1;}
.program_dia .logo_list dl:nth-of-type(4) {top:30px; right:65px;}
.program_dia .logo_list dl:nth-of-type(5) {top:50%; right:0; transform:translateY(-50%);}
.program_dia .logo_list dl:nth-of-type(6) {bottom:30px; right:65px;}

.program_list {display: grid;  grid-template-columns: repeat(3, 1fr);  gap:30px;}
.program_list li {padding:60px; box-sizing:border-box; background: var(--grayBg); min-height:390px; background-repeat:no-repeat; background-position:bottom 50px right 60px;}
.program_list li h4 {font-size:1.5rem; font-weight: 700; color:var(--white); margin:0 0 20px;}


.program_list li:nth-of-type(1) {background-image:url("/program/img/pro_ico01.png");}
.program_list li:nth-of-type(2) {background-image:url("/program/img/pro_ico02.png");}
.program_list li:nth-of-type(3) {background-image:url("/program/img/pro_ico03.png");}
.program_list li:nth-of-type(4) {background-image:url("/program/img/pro_ico04.png");}
.program_list li:nth-of-type(5) {background-image:url("/program/img/pro_ico05.png");}
.program_list li:nth-of-type(6) {background-image:url("/program/img/pro_ico06.png");}
/**** E:: 6C program > 사업 소개 ****/


/**** S:: 6C program > Bio-Convergence ****/
.conver_table {display:flex; flex-wrap:wrap; align-items:center; }
.conver_table .imgBox {max-width:950px; /* width:60%; */ position:relative; }
.conver_table .imgBox img {max-width:100%;}
.conver_table .imgBox::after {content:''; width:100%; height:100%; border:2px solid rgba(255,255,255,0.2); box-sizing:border-box; position:absolute; top:0; left:0;}
.conver_table .tBox {/* width:40%; */ width:calc(100% - 950px); padding-left:60px; box-sizing:border-box;}
.conver_table .tBox .fs22+.fs22 {margin:40px 0 0;}
.layout_table {display:flex; flex-wrap:Wrap;}
.layout_table+.layout_table {}
.layout_table .fs40 {width:560px;}
.layout_table .table_cont {width:calc(100% - 560px);}
.layout_table .table_cont > .fs27 {margin:90px 0 20px;}
.layout_table .table_cont > .fs27:first-of-type {margin-top:0;}
.layout_table .table_cont .table_style td {text-align:left;}

.bio_list {display: grid; grid-template-columns: repeat(2, 1fr);  gap:30px;}
.bio_list dl {position:relative; z-index:10;}
.bio_list dl::after {content:''; width:100%; height:100%; box-sizing:border-box; border:1px solid var(--border); position:absolute; top:0; left:0; z-index:-1;}
.bio_list dl dt {}
.bio_list dl dt img {width:100%;}
.bio_list dl dd {color: var(--white); text-align: center; font-weight: 400; line-height: 155.556%; letter-spacing: -0.72px; padding:22px 15px;}

.conference_list {margin:40px 0 0;}
.conference_list dl {display:flex; flex-wrap:wrap; padding:50px; box-sizing:border-box; background:var(--grayBg);}
.conference_list dl+dl {margin:10px 0 0;}
.conference_list dl dt {width:190px;}
.conference_list dl dd {width:calc(100% - 190px); padding-left:40px; box-sizing:border-box;}
.conference_list dl dd ul {margin:13px 0 0;}
.conference_list dl dd ul li {padding-left:40px; box-sizing:border-box; position:relative; letter-spacing: -0.72px;}
.conference_list dl dd ul li+li {margin:7px 0 0;}
.conference_list dl dd ul li b {color: var(--white); font-size: 0.8333rem; font-weight: 700; line-height: 166.667%; letter-spacing: -0.3px; position:absolute; top:2px; left:0;}
/**** E:: 6C program > Bio-Convergence ****/



/**** S:: 6C program > Bio-Core ****/
.core_list {border-top:1px solid rgba(255,255,255,0.18); margin:100px 0 0;}
.core_list dl {display:flex; flex-wrap:wrap; padding:100px 0; border-bottom:1px solid rgba(255,255,255,0.18);}
.core_list dl dd {width:calc(100% - 670px); padding-right:100px; box-sizing:border-box;}
.core_list dl dd .fs40 {display:flex; flex-wrap:wrap; align-items:center; gap:0 17px; margin:0 0 35px;}
.core_list dl dd .fs40 .link_btn {margin:0; width:40px; height:40px;}
.core_list dl dd .fs40 .link_btn::before {font-size:22px;}
.core_list dl dt {width:670px;}

.lab_cont {display: grid;  grid-template-columns: repeat(2, 1fr); gap:0 120px; position:relative; margin:70px 0 0;}
.lab_cont::after {content:''; width:1px; height:100%; background: rgba(255, 255, 255, 0.18); position:absolute; top:0; left:50%;}
.lab_cont .lab_in {background:var(--white);}
.lab_cont .lab_in .tit {padding:35px 30px; box-sizing:border-box; background:var(--sub5); text-align:center; position:relative; min-height:200px; display:flex; flex-wrap:wrap; align-content:center;}
.lab_cont .lab_in .tit a {width: 40px; height: 40px; position:absolute; top:20px; right:20px; background:var(--white);}
.lab_cont .lab_in .tit a::before {font-size:22px; color:var(--sub5);}
.lab_cont .lab_in .tit h4 {width:100%;}
.lab_cont .lab_in .tit h3 {font-size:1rem; width:100%; color: var(--LightFont); font-weight: 400; line-height: 155.556%; letter-spacing: -0.72px; margin:15px 0 0;}
.lab_cont .lab_in .tit h3 b {}
.lab_cont .lab_in .tit .fs22 {width:100%; margin:5px 0 0;}
.lab_cont .lab_in .lab_img {padding:20px; box-sizing:border-box;}
.lab_cont .lab_in .lab_img img {display:block; margin:0 auto; max-width:100%;}

.lab_cont .lab_in:last-of-type .tit {background: var(--sub4);}
.lab_cont .lab_in:last-of-type .tit a::before {color:var(--sub4);}

.impact_cont {}
.impact_cont .sub_tit_box .fs22 {color:var(--white); margin:9px 0 40px;}
.impact_cont .sub_tit_box .fs22 b {text-decoration:underline; text-underline-offset:5px; text-decoration-thickness: 1px;}
.impact_table {display:flex; flex-wrap:wrap; align-items:flex-start;}
.impact_table .imgBox {width:765px; /*padding:40px;*/ box-sizing:border-box; /*background:var(--white);*/}
.impact_table .imgBox img {max-width:100%;}
.impact_table .tBox {width:calc(100% - 765px); padding-left:120px; box-sizing:Border-box;}
.impact_table .tBox ul {position:relative; padding-left:30px; box-sizing:border-box;}
.impact_table .tBox ul::after {content:''; width:2px; height:calc(100% - 50px); background:rgba(255,255,255,0.18); position:absolute; top:10px; left:-2px;}
.impact_table .tBox ul li {position:relative; }
.impact_table .tBox ul li::before {content:''; width:18px; height:18px; background:var(--main); border-radius:100%; position:absolute; top:2px; left:-40px; opacity:0.18;}
.impact_table .tBox ul li::after {content:''; width:6px; height:6px; background:var(--main); border-radius:100%; position:absolute; top:8px; left:-34px;}
.impact_table .tBox ul li+li {margin:15px 0 0;}
.impact_table .tBox ul li p {display:flex; flex-wrap:wrap; align-items:center;}
.impact_table .tBox ul li p span {color: var(--LightFont); font-family: var(--eng); font-size: 0.833rem; font-weight: 500; line-height: 166.667%;}
.impact_table .tBox ul li p span.pointColor {display:flex; flex-wrap:wrap; align-items:center; font-weight: 700;}
.impact_table .tBox ul li p span.pointColor::before {content:''; width:2px; height:2px; background:var(--LightFont); border-radius:100%; display:block; margin:0 12px;}
.impact_table .tBox ul li h4 {color: var(--white); font-size: 1rem; font-weight: 400; line-height: 155.556%; letter-spacing: -0.72px;}

.grayBg .sub_tit_box {margin:0 0 50px;}
.grayBg .sub_tit_box h4.pointColor {margin:4px 0 20px;}
/**** E:: 6C program > Bio-Core ****/





/**** S:: 6C program > Bio-Coaching ****/
.coaching_cont {margin:0 0 100px; padding:0 0 100px; border-bottom:1px solid var(--border);}
.coaching_cont .coaching_bg {width:100%; height:500px; background:url("/program/img/coaching_img01.jpg")no-repeat center / cover; margin:30px 0;}


.dep_mar {margin:90px 0 20px;}
.kiuri_cont {}
.kiuri_cont .kiuri_cont_in {}
.kiuri_cont .kiuri_cont_in li {}
.kiuri_cont .kiuri_cont_in li+li {margin:90px 0 0;}
.kiuri_cont .kiuri_cont_in li h4 {}
.kiuri_cont .kiuri_cont_in li p {margin:20px 0 0;}
.kiuri_process {display:flex; flex-wrap:wrap; align-items:flex-start; margin:35px 0 0;}
.kiuri_process .process_list {width:calc(100% - 390px); padding-right:30px; box-sizing:border-box; background:url("/program/img/gra_bg.png")no-repeat center bottom / 100%;}
.kiuri_process .process_list .process {display: grid;  grid-template-columns: repeat(5, 1fr);  gap:0 57px;}
.kiuri_process .process_list .process dl {text-align:center;}
.kiuri_process .process_list .process dl dt {position:relative; display:flex; flex-wrap:Wrap; align-items:center; justify-content:center; position:relative; aspect-ratio: 3 / 3; border:5px solid var(--white); box-sizing:border-box; border-radius:100%;}
.kiuri_process .process_list .process dl dt::after {content:''; width:57px; height:20px; background:rgba(255,255,255,0.15) url("/program/img/kiuri_arr.png")no-repeat center; position:absolute; top:50%; right:-5px; transform:translate(100%,-50%); }
.kiuri_process .process_list .process dl:last-of-type dt::after {display:none;}
.kiuri_process .process_list .process dl dt i {display:block; width:40px; height:40px; line-height:40px; text-align:center; background:var(--main); color:var(--black); font-family:var(--eng); position:absolute; top:3px; left:3px; font-style: normal; font-weight: 700; border-radius:100%; font-size:0.833rem; z-index:10;}
.kiuri_process .process_list .process dl dt i::after {content:''; width:calc(100% + 24px); height:calc(100% + 24px); background:var(--main); border-radius:100%; opacity:0.22; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:-1;}
.kiuri_process .process_list .process dl dd {}
.kiuri_process .process_list .process dl dd h4 {font-weight: 700; color: var(--white); line-height: 155.556%; letter-spacing: -0.72px; margin:18px 0 6px;}
.kiuri_process .process_list .process dl dd p {font-size: 0.888rem; font-weight: 400; line-height: 162.5%; letter-spacing: -0.64px;}
.kiuri_process .result_cont {margin:140px 0 0; text-align:center; position:relative; }
.kiuri_process .result_cont::after {content:'\e5c5'; font-family:var(--icon); width: 60px; height: 60px; border-radius:100%; background:var(--white); font-size:32px; color:var(--black); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; position:absolute; bottom:73px; left:50%; transform:translateX(-50%);}
.kiuri_process .kiuri_lab {width:390px; background:var(--grayBg); border-radius:20px; padding:30px 65px 40px; box-sizing:border-box; text-align:center; }
.kiuri_process .kiuri_lab ul {display: grid;  grid-template-columns: repeat(2, 1fr);  gap:2px; margin:13px 0 0;}
.kiuri_process .kiuri_lab ul li {border-radius: 5px; border: 1px solid var(--border); box-sizing:border-box; color: var(--white); text-align: center; font-size: 0.8333rem; font-weight: 400; line-height:166.667%; letter-spacing: -0.3px; padding:8px;}

.info_table {display: grid;  grid-template-columns: repeat(3, 1fr);  gap:30px; margin:50px 0 0;}
.info_table dl {background:var(--grayBg);}
.info_table dl dt {padding:22px 30px; box-sizing:border-box; background:var(--sub5);}
.info_table dl dd {padding:30px; box-sizing:border-box;}
.info_table dl dd .dots b {color:var(--white); font-weight:400; letter-spacing:inherit; line-height:inherit;}
.info_table dl:nth-of-type(2) dt {background:var(--sub4);}
.info_table dl:nth-of-type(3) dt {background:var(--main);}


.performance_cont {display:flex; flex-wrap:wrap; justify-content:space-between; margin:30px 0 40px;}
.performance_cont .performance {width:calc(100% - 420px); background:var(--grayBg); padding:50px; box-sizing:border-box; text-align:center; }
.performance_cont .performance ul {display:flex; flex-wrap:wrap; justify-content:center; margin:22px 0 30px;}
.performance_cont .performance ul li {display:flex; flex-wrap:wrap; align-content:center; width:162px; aspect-ratio: 3 / 3; background:rgba(45,194,220,0.35); border-radius:100%; margin:0 -11px;}
.performance_cont .performance ul li span {display:block; width:100%; font-weight: 500; line-height:155.556%; letter-spacing: -0.72px; color: var(--white);}
.performance_cont .performance ul li b {display:block; width:100%; color: var(--white); font-size: 1.5rem; font-weight: 700; line-height: 144.444%; letter-spacing: -1.62px;}
.performance_cont .rank {width:390px; aspect-ratio: 3 / 3; padding:50px; box-sizing:border-box; background:url("/program/img/rank_bg.jpg")no-repeat center / cover; text-align:center; /* display:flex; flex-wrap:wrap; align-content:center; justify-content:center;  */}
.performance_cont .rank b {position:relative; display:inline-block; color: var(--white); font-family: var(--eng); font-size: 4rem; font-weight: 700; line-height:113.889%; letter-spacing: 1.44px; margin:70px 0 0;}
.performance_cont .rank b::before {content:''; width:100px; height:16px; background:url("/program/img/rank_txt.png")no-repeat center; position:absolute; top:10px; left:-23px;}
.performance_cont .rank .fs22 {width:100%;}

.table_scroll {}
.table_scroll .table_style td {text-align:center;}
.festival_list {display: grid;  grid-template-columns: repeat(2, 1fr);  gap:30px; margin:50px 0 0;}
.festival_list dl { background: var(--grayBg); display:flex; flex-wrap:wrap; align-items:center; }
.festival_list dl dt {width:250px; padding:25px; box-sizing:border-box; background:var(--white);}
.festival_list dl dt img {display:block; margin:0 auto; max-width:100%;}
.festival_list dl dd {width:calc(100% - 250px); padding:55px 50px; box-sizing:border-box;}
.festival_list dl dd h4 {color: var(--white); font-size: 1.222rem; font-weight: 700; line-height: 154.545%; letter-spacing: -0.88px; margin:0 0 16px;}
.festival_list dl dd p {padding-left:40px; box-sizing:border-box; position:relative; line-height: 155.556%; letter-spacing: -0.72px;}
.festival_list dl dd p+p {margin:7px 0 0;}
.festival_list dl dd p span {position:absolute; top:2px; left:0; color: var(--white); font-size: 0.8333rem; font-weight: 700; line-height:166.667%; letter-spacing: -0.3px;}
/**** E:: 6C program > Bio-Coaching ****/



/**** S:: 6C program > Bio-Connect ****/
.connect_cont {}
.connect_cont .imgBox {padding:88px 60px 122px; box-sizing:border-box; margin:60px 0 0;}
.connect_cont .imgBox img {display:block; margin:0 auto; max-width:100%;}
.connect_cont .imgBox .fs40 {margin:0 0 60px;}
.connect_cont .result_cont {position:relative; padding:140px 0 0; background:url("/program/img/gra_bg2.png")no-repeat center top;}
.connect_cont .result_cont::after {content:'\e5c5'; font-family:var(--icon); width: 60px; height: 60px; border-radius:100%; background:var(--white); font-size:32px; color:var(--black); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; position:absolute; top:40px; left:50%; transform:translateX(-50%);}
.connect_cont .result_cont dl {display:flex; flex-wrap:wrap; justify-content:center; }
.connect_cont .result_cont dl dd {width:190px; aspect-ratio: 3 / 3; background:rgba(38,1182,240,0.6); border-radius:100%; margin:0 -11px; font-size: 1.5rem; font-weight: 700; line-height: 144.444%; letter-spacing: -1.62px; color:var(--white); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:rgba(38,182,240,0.6);}
.connect_cont .result_cont dl dd:nth-of-type(2n) {background:rgba(45,194,220,0.6);}

.connect_business {display:flex; flex-wrap:wrap; padding:60px 100px; box-sizing:border-box;}
.connect_business .icoBox {width:210px;}
.connect_business .tBox {width:calc(100% - 210px);}
.connect_business .tBox .fs15 {font-size: 0.8333rem; font-weight: 400; line-height: 166.667%; letter-spacing: -0.3px; color: var(--LightFont); margin:3px 0 0;}
.connect_business .tBox .fs22 {margin:0 0 10px;}
.connect_business .tBox .fs22 span {font-size:1rem; margin-left:5px; display:inline-block;}
.connect_business .tBox .dots span {display:block;}
/**** E:: 6C program > Bio-Connect ****/



/**** S:: 6C program > Bio-CEO ****/
.ceo_table {display:flex; flex-wrap:Wrap; align-items:center;}
.ceo_table .imgBox {width:950px;}
.ceo_table .imgBox img {max-width:100%;}
.ceo_table .tBox {width:calc(100% - 950px); padding-left:60px; box-sizing:border-box;}


.ceo_performance {display:flex; flex-wrap:wrap; /* align-items:flex-start; */}
.ceo_performance .ceo_performance_list {position:relative; width:calc(100% - 420px); padding-right:110px; box-sizing:border-box; display: grid;  grid-template-columns: repeat(3, 1fr);  gap:30px;}
.ceo_performance .ceo_performance_list::after {content:'\e5c5'; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-family:var(--icon); font-size:32px;  width: 60px; height: 60px; transform: rotate(-90deg); background: var(--white); position:absolute; top:50%; right:25px; color:var(--black); border-radius:100%; margin-top:-30px;}
.ceo_performance .ceo_performance_list dl {position:relative; background: var(--grayBg); padding:0 40px 55px; box-sizing:border-box; text-align:center;}
.ceo_performance .ceo_performance_list dl::after {content:'\e145'; text-align:center; width:30px; font-size:30px; font-family:var(--icon); color:rgba(255,255,255,0.4); position:absolute; top:50%; right:0; transform:translate(100%,-50%);}
.ceo_performance .ceo_performance_list dl:last-of-type::after {display:none;}
.ceo_performance .ceo_performance_list dl dt {width: 120px; height: 120px; margin:0 auto; display:flex; flex-wrap:Wrap; align-items:center; justify-content:center;}
.ceo_performance .ceo_performance_list dl dd {}
.ceo_performance .ceo_performance_list dl dd h4 {margin:30px 0 13px;}
.ceo_performance .ceo_performance_list dl dd p {}
.ceo_performance .ceo_rank {width:420px; aspect-ratio: 3 / 3; background: var(--sub5); padding:55px 30px 85px; box-sizing:border-box;}
.ceo_performance .ceo_rank .fs22.bold  {margin:45px 0 10px;}
.ceo_performance .ceo_rank b {display:inline-block; position:relative; color: var(--main); font-family: var(--eng); font-size: 72px; font-weight: 700; line-height:113.889%; letter-spacing: 1.44px; margin:0 0 8px;}
.ceo_performance .ceo_rank b::before {content:''; width:100px; height:16px; background:url("/program/img/rank_txt.png")no-repeat center; position:absolute; top:10px; left:-23px;}

.ceo_performance .ceo_performance_list dl:nth-of-type(1) dt {background:var(--main) }
.ceo_performance .ceo_performance_list dl:nth-of-type(2) dt {background:var(--sub3);}
.ceo_performance .ceo_performance_list dl:nth-of-type(3) dt {background:var(--sub4);}


.history_wrap {position:relative; display:flex; flex-wrap:Wrap; align-items:flex-end; margin:60px 0 0; z-index:10;}
.history_year::before {content:''; width:calc(100% + 50px); height:44px; background: linear-gradient(90deg, #2DC2DC 0%, #193888 100%); position:absolute; top:0; left:0; border-radius:3px 0 0 3px; z-index:-1;}
.history_wrap::after {content:''; width:118px; height:44px; background:url("/program/img/gra_arr.png")no-repeat center right / auto 100%; position:absolute; right:0; top:0; z-index:10;}
.history_year {width:calc(100% - 80px); display: grid;  grid-template-columns: repeat(8, 1fr); position:relative;  padding-right:150px; box-sizing:border-box;}
.history_year dl {text-align:center; box-sizing:border-box; padding: 0 5px;}
.history_year dl dt {color: var(--white); font-size: 1rem; font-weight: 400; line-height: 46px; letter-spacing: -0.72px; margin:0 0 10px;}
.history_year dl dt b {font-size: 1.5rem; font-weight: 700; line-height: 137.037%; display:inline-block; margin-right:4px;}
.history_year dl dd {display:flex; flex-wrap:wrap; justify-content:space-between; max-width:105px; margin:0 auto;}
.history_year dl dd+dd {margin:5px auto 0;}
.history_year dl dd p {font-size: 0.833rem; font-weight: 700; line-height: 166.667%; letter-spacing: -0.3px;}
.history_year dl dd span {font-size: 0.833rem; letter-spacing: -0.3px;}
.history_year dl dd span b {font-size: 1.222rem; font-weight: 700; line-height: 136.364%; color:var(--white);}

.history_wrap .total {width:80px;}
.history_wrap .total dt {font-weight: 700; line-height: 155.556%; letter-spacing: -0.72px; color: var(--sub4);}
.history_wrap .total dd {color: var(--white); font-size: 1.222rem; font-weight: 400; letter-spacing: -0.88px; margin:3px 0 0;}
.history_wrap .total dd b {font-weight: 700;}

.overview_list {}
.overview_list dl {display: grid;  grid-template-columns: repeat(2, 1fr);}
.overview_list dl+dl {margin:90px 0 0;}
.overview_list dl dt {}
.overview_list dl dt img {width:100%;}
.overview_list dl dd {padding-left:65px; box-sizing:border-box;}
.overview_list dl dd h4 {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 20px; gap:5px 17px;}
.overview_list dl dd h4 a {width:40px; height:40px; margin:0;}
.overview_list dl dd h4 a::before {font-size:22px;}

.overview_list dl:nth-of-type(2) dt {order:2;}
.overview_list dl:nth-of-type(2) dd {order:1; padding-left:0; padding-right:65px;}
/**** E:: 6C program > Bio-CEO ****/






/**** S:: 6C program > Bio-Consulting ****/
.consulting_conts {}
.consulting_conts .sub_tit_box {}
.consulting_conts .sub_tit_box .stxt {margin:35px 0 40px;}
.consulting_box {padding:50px; box-sizing:border-box; border:1px solid var(--border);}
.consulting_box .fs22 {margin:0 0 20px; text-align:center; }
.consulting_box ul {display: flex; justify-content:center; flex-wrap:wrap; gap:5px; max-width:1390px; margin:0 auto;}
.consulting_box ul li {width:calc((100% - 15px) / 4); }
.consulting_box ul li img {max-width:100%;}
/**** E:: 6C program > Bio-Consulting ****/



/*******************************************************************************
	@media ~1700px
*******************************************************************************/
@media all and (max-width:1700px) { 


/**** S:: 6C program > Bio-Convergence ****/
.conver_table .imgBox {width:55%;}
.conver_table .tBox {width:45%; padding-left:5%;}
.conver_table .tBox br {display:none;}
/**** E:: 6C program > Bio-Convergence ****/


.ceo_table .imgBox {width:60%;}
.ceo_table .tBox {width:40%; padding-left:5%;}


}
/*******************************************************************************
	@media ~1500px
*******************************************************************************/
@media all and (max-width:1500px) { 

/**** S:: 6C program > Bio-Convergence ****/
.layout_table .fs40 {width:430px;}
.layout_table .table_cont {width:calc(100% - 430px);}
/**** E:: 6C program > Bio-Convergence ****/




.core_list dl dd {width:60%; padding-right:5%;}
.core_list dl dt {width:40%;}
.core_list dl dt img {width:100%;}


.impact_table .tBox {width:50%; padding-left:5%;}
.impact_table .imgBox {width:50%;}

.kiuri_process .kiuri_lab {width:100%; margin:40px 0 0;}
.kiuri_process .process_list {width:100%; padding-right:0;}
.kiuri_process .kiuri_lab ul {grid-template-columns:repeat(6, 1fr);}

.performance_cont .rank {display:flex; flex-wrap:wrap; align-content:center; justify-content:center; }


.ceo_performance .ceo_performance_list {width:100%; padding-right:0; padding-bottom:80px;}
.ceo_performance .ceo_performance_list::after {right:50%; transform:rotate(0) translateX(50%); top:auto; bottom:10px;}
.ceo_performance .ceo_rank {width:100%; aspect-ratio:auto; padding:30px;}




}
/*******************************************************************************
	@media ~1300px
*******************************************************************************/
@media all and (max-width:1300px) { 

/**** S:: 6C program > 사업 소개 ****/
.program_dia .logo {width:50%; background-size:100%;}
.program_list {grid-template-columns: repeat(2, 1fr);  gap:15px;}
.program_list li {padding:45px;}
/**** E:: 6C program > 사업 소개 ****/


/**** S:: 6C program > Bio-Convergence ****/
.layout_table .fs40 {width:100%; margin:0 0 30px;}
.layout_table .table_cont {width:100%;}


/**** E:: 6C program > Bio-Convergence ****/

/**** S:: 6C program > Bio-CEO ****/
.history_year {padding-right:50px;}
.history_year dl dt b {font-size: 1.111rem;}
.history_year dl dd span b{font-size:1.111rem;}
.history_year dl dd{max-width:74px;}

/**** E:: 6C program > Bio-CEO ****/


.festival_list {grid-template-columns:repeat(1, 1fr);}






}
/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media all and (max-width:980px) { 


/**** S:: 6C program > 사업 소개 ****/
.program_dia .logo_list dl dd {display:none;}

.program_list {grid-template-columns: repeat(2, 1fr);  gap:15px;}
.program_list li {min-height:auto; padding:30px 30px 80px; background-position:bottom 30px right 30px; background-size:50px;}
.program_list li h4 {margin:0 0 15px; font-size:1.3rem;}

.program_dia {width:500px; height:500px; margin:0 auto 100px;}
.program_dia .logo {width:100%; height:100%;}

.program_dia .logo_list dl:nth-of-type(1) {top:30px; left:100px;}
.program_dia .logo_list dl:nth-of-type(2) {top:50%; left:0; transform:translateY(-50%);}
.program_dia .logo_list dl:nth-of-type(3) {bottom:30px; left:100px;}
.program_dia .logo_list dl:nth-of-type(4) {top:30px; right:100px;}
.program_dia .logo_list dl:nth-of-type(5) {top:50%; right:0; transform:translateY(-50%);}
.program_dia .logo_list dl:nth-of-type(6) {bottom:30px; right:100px;}
/**** E:: 6C program > 사업 소개 ****/



.lab_cont {gap:0 40px;}
.core_list dl {padding:60px 0;}
.core_list dl dd .fs40 {margin:0 0 15px;}
.lab_cont .lab_in .tit a {top:10px; right:10px; width:30px; height:30px;}
.impact_cont .sub_tit_box .fs22 {margin:6px 0 30px;}
.impact_table .tBox ul::after {height:calc(100% - 40px);}




.coaching_cont .coaching_bg {height:350px;}

.kiuri_cont .kiuri_cont_in li+li {margin:60px 0 0}
.kiuri_process .kiuri_lab {padding:30px;}
.kiuri_process .kiuri_lab ul {grid-template-columns: repeat(3, 1fr);}
.kiuri_process .process_list {background:url("/program/img/gra_bg.png")no-repeat center bottom 50px / 100%;}
.kiuri_process .process_list .process {grid-template-columns: repeat(3, 1fr); gap:30px 57px;}
.kiuri_process .process_list .process dl:nth-of-type(3) dt::after {display:none;}

.info_table {grid-template-columns:repeat(1, 1fr); gap:15px 0;}

.performance_cont {display:block;}
.performance_cont .performance {width:100%; padding:30px;}
.performance_cont .performance ul li {width:140px;}

.performance_cont .rank {width:100%; aspect-ratio:auto; margin:15px 0 0;}
.performance_cont .rank b {margin:20px 0 0;}

.festival_list dl dt {width:200px;}
.festival_list dl dd {width:calc(100% - 200px); padding:20px 30px;}

.connect_cont .imgBox {padding:50px 30px;}
.connect_cont .result_cont {background-size:100%;}
.connect_cont .result_cont::after {top:23px;}
.connect_cont .result_cont dl dd {width:150px;}


.connect_business {display:block; padding:40px;}
.connect_business .icoBox {margin:0 auto 30px; text-align:center;}
.connect_business .tBox {width:100%;}



.connect_table .table_scroll {width:100%; overflow-x:auto; padding-bottom:10px;}
.connect_table .table_scroll .table_style {width:1000px !important;}
/* 스크롤바의 폭 너비 */
.connect_table .table_scroll::-webkit-scrollbar {
    height: 4px;  
}

.connect_table .table_scroll::-webkit-scrollbar-thumb {
    background: var(--white); /* 스크롤바 색상 */
    border-radius: 10px; /* 스크롤바 둥근 테두리 */
}

.connect_table .table_scroll::-webkit-scrollbar-track {
    background: var(--grayBg);  /*스크롤바 뒷 배경 색상*/
}




.ceo_table .imgBox {width:100%;}
.ceo_table .tBox {width:100%; padding-left:0; padding-top:25px;}

.ceo_performance .ceo_performance_list::after {width:46px; height:46px; font-size:28px; bottom:16px;}
.ceo_performance .ceo_performance_list dl {padding:0 20px 30px;}
.ceo_performance .ceo_rank .fs22.bold {margin:20px 0 10px;}

.overview_list dl dd {padding-left:30px;}
.overview_list dl:nth-of-type(2) dd {padding-right:30px;}



/**** S:: 6C program > Bio-Convergence ****/
.conver_table .imgBox {width:100%;}
.conver_table .tBox {width:100%; padding-left:0; padding-top:30px;}
.conver_table .tBox .fs22+.fs22 {margin:25px 0 0;}
.layout_table .table_cont > .fs27 {margin:60px 0 20px;}
.bio_list {gap:15px;}
.conference_list dl {padding:30px;}
/**** E:: 6C program > Bio-Convergence ****/


/**** S:: 6C program > Bio-CEO ****/
.history_swipe{position: relative; overflow-x:auto; overflow-y:hidden; padding: 0 0 10px;}
.history_swipe .responsive-dim.show{display: block;}
.history_wrap {margin:40px 0 0; width: 980px;}
.history_year dl dd{max-width:66px;}
/**** E:: 6C program > Bio-CEO ****/



/**** S:: 6C program > Bio-Consulting ****/
.consulting_box {padding:25px;}
.consulting_box ul{gap: 4px;}
.consulting_box ul li {width:calc(50% - 2px);}
.consulting_box ul li img {width:100%;}
/**** E:: 6C program > Bio-Consulting ****/







}
/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px) { 



/**** S:: 6C program > 사업 소개 ****/
.info_conts .sub_tit_box {padding-bottom:45px; margin-bottom:45px;}

.program_dia {width:280px; height:280px; margin:0 auto 30px;}
.program_dia .logo {width:100%; height:100%;}
.program_dia .logo h4 {font-size:1.5rem;}

.program_dia .logo_list dl:nth-of-type(1) {top:30px; left:50px;}
.program_dia .logo_list dl:nth-of-type(2) {top:50%; left:0; transform:translateY(-50%);}
.program_dia .logo_list dl:nth-of-type(3) {bottom:30px; left:50px;}
.program_dia .logo_list dl:nth-of-type(4) {top:30px; right:50px;}
.program_dia .logo_list dl:nth-of-type(5) {top:50%; right:0; transform:translateY(-50%);}
.program_dia .logo_list dl:nth-of-type(6) {bottom:30px; right:50px;}
.program_dia .logo_list dl dt img {max-width:38px; max-height:40px;}

.program_list {grid-template-columns: repeat(1, 1fr);  gap:10px;}
.program_list li {min-height:auto; padding:20px 20px 50px; background-position:bottom 20px right 20px; background-size:40px;}
.program_list li h4 {margin:0 0 15px; font-size:1.3rem;}
/**** E:: 6C program > 사업 소개 ****/


/**** S:: 6C program > Bio-Convergence ****/
.conver_table .tBox {padding-top:25px;}
.conver_table .tBox .fs22+.fs22 {margin:15px 0 0;}
.layout_table .fs40 {margin:0 0 20px;}
.layout_table .table_cont > .fs27 {margin:40px 0 15px;}

.bio_list {display: grid; grid-template-columns: repeat(1, 1fr);  gap:15px;}
.bio_list dl dd {padding:16px 10px;}

.conference_list dl {padding:15px;}
.conference_list dl dt {width:120px;}
.conference_list dl dt img {width:100%;}
.conference_list dl dd {width:calc(100% - 120px); padding-left:20px;}
.conference_list dl dd ul {margin:10px 0 0;}

.table_scroll {width:100%; overflow-x:auto; padding-bottom:10px;}
.table_scroll .table_style {width:600px;}
/* 스크롤바의 폭 너비 */
.table_scroll::-webkit-scrollbar {
    height: 4px;  
}

.table_scroll::-webkit-scrollbar-thumb {
    background: var(--white); /* 스크롤바 색상 */
    border-radius: 10px; /* 스크롤바 둥근 테두리 */
}

.table_scroll::-webkit-scrollbar-track {
    background: var(--grayBg);  /*스크롤바 뒷 배경 색상*/
}
/**** E:: 6C program > Bio-Convergence ****/


.dep_mar {margin:50px 0 20px;}

.lab_cont {grid-template-columns: repeat(1, 1fr); gap:20px 0;}
.lab_cont::after {display:none;}
.core_list dl {padding:60px 0;}
.core_list dl dd .fs40 {margin:0 0 15px;}
.lab_cont .lab_in .tit {min-height:auto; padding:20px 15px;}
.lab_cont .lab_in .tit a {top:10px; right:10px; width:30px; height:30px;}
.lab_cont .lab_in .tit a::before {font-size:18px;}
.lab_cont .lab_in .tit h3 {margin:7px 0 0;}

.core_list {margin:50px 0 0;}
.core_list dl {padding:30px 0;}
.core_list dl dd {width:100%; padding-right:0; padding-top:25px; order:2;}
.core_list dl dt {width:100%; order:1;}

.impact_table .imgBox {width:100%; padding:0;}
.impact_table .tBox {width:100%; padding-left:0; padding-top:30px;}

.grayBg .sub_tit_box {margin:0 0 30px;}
.grayBg .sub_tit_box h4.pointColor {margin:4px 0 10px;}


.coaching_cont {padding:0 0 50px; margin:0 0 50px;}
.coaching_cont .coaching_bg {height:250px;}

.kiuri_process .kiuri_lab {padding:20px 15px; margin:30px 0 0;}
.kiuri_process .kiuri_lab ul {grid-template-columns: repeat(2, 1fr);}
.kiuri_cont .kiuri_cont_in li+li {margin:30px 0 0}
.kiuri_cont .kiuri_cont_in li p {margin:10px 0 0;}
.kiuri_process .result_cont {margin:100px 0 0;}
.kiuri_process .process_list {background: url("/program/img/gra_bg.png") no-repeat center bottom 75px / 100%;}
.kiuri_process .result_cont::after {width:40px; height:40px; font-size:28px; bottom:73px;}
.kiuri_process .process_list .process {grid-template-columns: repeat(2, 1fr); gap:30px 20px;}
.kiuri_process .process_list .process dl dt::after {width:20px;}
.kiuri_process .process_list .process dl:nth-of-type(3) dt::after {display:block;}
.kiuri_process .process_list .process dl:nth-of-type(2n) dt::after {display:none;}
.kiuri_process .process_list .process dl dt i {width:30px; height:30px; line-height:30px; top:7px; left:7px}
.kiuri_process .process_list .process dl dt img {max-width:45px; max-height:45px;}

.info_table dl dt {padding:15px 20px;}
.info_table dl dd {padding:15px;}


.performance_cont {display:block; margin:15px 0 20px;}
.performance_cont .performance {width:100%; padding:30px;}
.performance_cont .performance ul {margin:15px 0 20px;}
.performance_cont .performance ul li {width:100px; margin:-4px;}
.performance_cont .performance ul li b {font-size:1.2rem;}

.performance_cont .rank {padding:30px;}
.performance_cont .rank b {margin:20px 0 0; font-size:3rem;}
.performance_cont .rank b::before {left:-34px;}



.connect_cont .imgBox {padding:20px;}
.connect_cont .imgBox .fs40 {margin:0 0 20px;}
.connect_cont .result_cont {padding:90px 0 0;}
.connect_cont .result_cont::after {width:40px; height:40px; font-size:28px;  top:18px;}
.connect_cont .result_cont dl dd {width:115px; font-size:1.3rem; margin:-8px;}

.connect_business {padding:20px;}
.connect_business .icoBox img {max-width:80px;}



.ceo_performance .ceo_performance_list {grid-template-columns: repeat(1, 1fr);  gap:30px 0; padding-bottom: 67px;}
.ceo_performance .ceo_performance_list::after {width:36px; height:36px; font-size:24px;}
.ceo_performance .ceo_performance_list dl::after {top:auto; bottom:-25px; right:50%; transform:translate(50%,0); font-size:24px;}
.ceo_performance .ceo_performance_list dl dt {width:80px; height:80px;}
.ceo_performance .ceo_performance_list dl dt img {max-width:50px;}
.ceo_performance .ceo_rank {padding:20px;}
.ceo_performance .ceo_rank b {font-size:3rem;}
.ceo_performance .ceo_rank b::before {left:-33px;}


.overview_list dl {grid-template-columns: repeat(1, 1fr);}
.overview_list dl+dl {margin:40px 0 0;}
.overview_list dl dd {padding-left:0; padding-top:25px;}
.overview_list dl dd h4 {margin:0 0 10px;}
.overview_list dl:nth-of-type(2) dt {order:1;}
.overview_list dl:nth-of-type(2) dd {padding-right:0; order:2;}
.overview_list dl dd h4 a {width:30px; height:30px;}
.overview_list dl dd h4 a::before {font-size:18px;}


/**** S:: 6C program > Bio-Consulting ****/
.consulting_conts .sub_tit_box .stxt {margin:20px 0 30px;}
.consulting_box ul li {width:100%;}
/**** E:: 6C program > Bio-Consulting ****/


/**** S:: 6C program > Bio-CEO ****/
.history_wrap {margin:20px 0 0; width: 768px;}
/**** E:: 6C program > Bio-CEO ****/


}
/*******************************************************************************
	@media 420px
*******************************************************************************/
@media all and (max-width:420px) { 


/**** S:: 6C program > Bio-Convergence ****/
.conference_list dl dt {width:100%;}
.conference_list dl dd {width:100%; padding-left:0; padding-top:20px;}
/**** E:: 6C program > Bio-Convergence ****/


.festival_list dl dt {width:100%; padding:15px;}
.festival_list dl dd {width:100%; padding:20px;}
.festival_list dl dd h4 {margin:0 0 5px;}

}