@charset "utf-8";


/*컨텐츠*/

.sub01_01{ width:100%; display:inline-block; padding-bottom:50px;}
.text01{ width:100%;  font-family:"Nanum Myeongjo","NanumMyeongjo","나눔명조", serif; font-size:25px; color:#8c8b8b; text-align:center; letter-spacing:-1px; margin-bottom:25px; line-height:32px;word-break:keep-all;}
.text01 span{ color:#df5370;}


.text02{ width:95.2%;  font-family:"Nanum Myeongjo","NanumMyeongjo","나눔명조", serif; font-size:17px; color:#000; text-align:center; letter-spacing:-1px; margin-bottom:30px; line-height:32px; word-break:keep-all; padding:3% 2%; border:1px dashed #b7b7b7; border-radius:15px 0 15px 0; box-shadow:1px 1px 2px #DDDDDD;}

.sub01_02{ width:100%; margin-bottom:40px;}
.sub01_02 ul li{ display:inline-block; line-height:25px;}

.sub01_03{ background:url("/images/404music/content/sub01_09.png") right top no-repeat; height:auto;  display:inline-block; width:100%; padding-bottom:30px;}
.sub01_03 ul{ width:64%; padding:10px 0 0px 0;}
.sub01_03 ul li{ padding-bottom:10px; line-height:25px; font-size:15px;}


.sub01_04{ width:100%; display:inline-block; margin-bottom:30px;}
.sub01_04_01{ width:31.5%; display:inline-block; border-right: 1px dashed #D9D9D9; padding:10px 0.5%; }
.sub01_04_02{ width:31.5%; display:inline-block; padding:10px 1%; }
.sub01_04 ul{ vertical-align:text-top;}
.sub01_04 ul li{ padding-bottom:20px; line-height:22px;}
.sub01_04 ul span img{ width:98%; text-align:center; padding-bottom:10px;}

.sub01_05{ background:url("/images/404music/content/sub01_03.png") left center no-repeat; height:auto;  display:inline-block; padding-left:18%; padding-bottom:20px; border-bottom:1px dashed #ccc; border-top:1px dashed #ccc; padding-top:20px; }
.sub01_06{ background:#47948f url("/images/404music/content/sub01_04.png") left center no-repeat; height:auto;  display:inline-block; padding:20px 3% 20px 35%;  border-bottom:1px dashed #ccc; border-top:1px dashed #ccc; font-weight:600; margin-bottom:50px; }


.sub01_07{ background:url("/images/404music/content/sub01_06.png") right top no-repeat; height:auto;  display:inline-block; width:100%; margin-bottom:20px;}
.sub01_07 dl{ width:72%; margin-bottom:10px;}
.sub01_07 dt{ color:#37aea7; font-weight:600; margin-top:15px;}
.sub01_07 dt span{ font-size:18px;}
.sub01_07 dd{ line-height:22px; margin-top:10px;}

.sub01_07_02{width:100%; margin-bottom:20px;}
.sub01_07_02 dl{ width:100%;}
.sub01_07_02 dt{ color:#37aea7; font-weight:600;}
.sub01_07_02 dt span{ font-size:18px;}
.sub01_07_02 dd{ line-height:22px; margin-top:10px;}


.sub01_08{ display:inline-block;}
.sub01_08 ul{ width:320px; height:163px; }




.sub06_01{display:inline-block;width:100%;background: url("/upload_data/board_data/CNT_ATCHDOWN/171446038471536.jpg") left top no-repeat;}
.sub06_01 ul{ width:70%; padding-left:26%; line-height:22px; margin-bottom:20px;}
.sub06_01 ul li{ padding-bottom:10px;}


.line_dash{border-bottom:1px dashed #ccc; padding-bottom:25px; width:100%; }
.line_dash02{ width:93%; display:inline-block; border-top:dashed 1px #A4A4A4; padding:30px 3%; word-break:break-all; border-bottom:dashed 1px #A4A4A4; background:#F3F3F3; }


.text_01{ width:98%; border:1px solid #DFDFDF; padding:10px 0 10px 1.5%; color:#FC5E0C; font-size:17px; font-weight:600; display:inline-block; border-radius:5px; text-align:left;}
.text_02{ width:97%; border:1px solid #DFDFDF; padding:10px 0 10px 1.5%; color:#084933; font-size:17px; font-weight:600; display:inline-block; border-radius:5px; text-align:center;}

.text01_03{ width:60%; line-height:26px; font-size:15px; font-weight:600; color:#646363;}
.text01_03 span{ font-size:18px; font-weight:600; color:#B141E3;}


.text_04{ width:97%; border:1px solid #DFDFDF; padding:10px 0 10px 1.5%; color:#48b200; font-size:17px; font-weight:600; display:inline-block; border-radius:5px; text-align:center;}


.sub01_txt02{ text-align:center;}
.sub01_txt02 ul{ font-size:0;text-align:center;}
.sub01_txt02 li{background: url("/images/404music/content/sub01_07.png") left center no-repeat; display:inline-block; width:33%;font-size:15px; vertical-align:top; text-align:center}

.cbox_icon01{border:1px solid #e6e6e6; padding:15px 4%; margin-bottom:30px; line-height:1.8em; background:#62c167; color:#FFFFFF; letter-spacing:-1px; height:100px;}
.cbox_icon02{border:1px solid #e6e6e6; padding:15px 4%; margin-bottom:30px; line-height:1.8em; background:#c1a562; color:#FFFFFF; letter-spacing:-1px; height:100px;}
.cbox_icon03{border:1px solid #e6e6e6; padding:15px 4%; margin-bottom:30px; line-height:1.8em; background:#78e5c8; color:#FFFFFF; letter-spacing:-1px; height:100px;}
.cbox_icon04{border:1px solid #e6e6e6; padding:15px 4%; margin-bottom:30px; line-height:1.8em; background:#f49978; color:#FFFFFF; letter-spacing:-1px; height:100px;}
.cbox_icon05{border:1px solid #e6e6e6; padding:15px 4%; margin-bottom:30px; line-height:1.8em; background:#8bcbf0; color:#FFFFFF; letter-spacing:-1px; height:100px;}
.cbox_icon06{border:1px solid #e6e6e6; padding:15px 4%; margin-bottom:30px; line-height:1.8em; background:#fcd26e; color:#FFFFFF; letter-spacing:-1px; height:100px;}


.sub01_txt03{ width:93%; display:inline-block; border-top:dashed 1px #A4A4A4; background:#EFEFEF; padding:30px 3%; word-break:break-all;}
.sub01_txt03 p{ font-weight:600; color:#008F14; padding-bottom:15px; font-size:18px;}
.sub01_txt03 ul{}
.sub01_txt03 ul li{ width:46%; display:inline-block; padding-left:1%; padding-right:2.5%; background:url("/images/404music/inc/all_icon01.gif") left 10px no-repeat;line-height:1.8em; }
.sub01_txt03 ul li .sty{ color:#767676; font-size:14px;}

.sub03_txt01 { padding-top:30px; padding-bottom:15px;}
.sub03_txt01 ul li{ padding-bottom:20px;}
.sub03_txt01 .ssty{ font-family:"Nanum Myeongjo","NanumMyeongjo","나눔명조", serif; font-size:25px; font-weight:600; color:#00a686;}


.sub04_01{background: url("/images/404music/content/sub05_01.jpg") left top no-repeat; padding:100px 0 100px 4%; margin-bottom:40px;}







.sub05_01{ width:100%; display:inline-block; margin-bottom:30px;}
.sub05_01_01{ width:30.5%; display:inline-block; border-right: 1px dashed #D9D9D9; padding:10px 1%; }
.sub05_01_02{ width:30.5%; display:inline-block; padding:10px 1%; }
.sub05_01 ul{ vertical-align:text-top;}
.sub05_01 ul li{ padding-bottom:10px; line-height:22px; height:80px;}
.sub05_01 ul span img{ width:98%; text-align:center; padding-bottom:10px;}


/*교수진*/

.pro_list01 { border-bottom:1px dashed #ccc; padding:0 0 20px 0; margin-bottom:20px;}
.pro_list01 .pro_box01{ width:49%; display:inline-block; vertical-align:top;}
.pro_list01 .nb_left{width:23%; vertical-align:top; margin-right:2%; display:inline-block; }
.pro_list01 .nb_left img{ width:100%; height:140px;}
.pro_list01 .nb_right{display:inline-block;font-size:14px; line-height:1.8em;width:73%;}
.pro_list01 .nb_right li{ width:100%; word-break:break-all;}
.pro_list01 .nb_right strong { width:100%;  margin-bottom:10px; font-size:16px; color:#0D5AB5;}
.pro_list01 .nb_right span{font-weight:600; color:#A6A6A6; background:url("/images/404music/inc/title03_05.gif") left no-repeat; font-size:13px; padding-left:8px; margin-bottom:10px; line-height:1.4em;}
.bgc_01{ background:#fff;}


/*연혁

.sub01_txt01_01 { padding:20px 0; letter-spacing:-1px;}
.sub01_txt01_01 dl dt{color:#000; font-size:30px; font-weight:600; width:15%; margin-bottom:10px; display:inline-block;vertical-align:top;}
.sub01_txt01_01 dl dd{ width:83%; background:url("/images/404music/content/history_bg.gif") left -30px repeat-y; padding-bottom:30px;line-height:25px;display:inline-block;}
.sub01_txt01_01 dl dd ul li{background:url("/images/404music/content/history_bg.gif") left 2px no-repeat; width:100%; margin-bottom:10px;}
.sub01_txt01_01 dl dd ul li strong{ display:inline-block; color:#000;  padding-right:3%; margin-left:5%; font-size:17px; vertical-align:top;}
.sub01_txt01_01 dl dd ul li span{ width:70%; display:inline-block;}
*/

.history01{ font-size:20px; letter-spacing:-2px; font-weight:600; padding:37px 0 0 0; color:#006bbd; display:inline-block;background: url("/images/404music/content/sub01_05.png") 28px top no-repeat; width:100%; text-shadow:1px 2px 1px #D8D8D8}



/*오시는길*/

.map_txt{background:url("/images/404music/content/location_01.png") left top no-repeat; line-height:25px; padding:5px 0 15px 70px;}
.map{ border:3px solid #ddd; height:450px;}















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

.sub01_03{ background:url("/images/404music/content/sub01_09.png") center top no-repeat; }
.sub01_03 ul{ width:99%; padding:255px 0 0px 0;}

.history01{ font-size:20px; letter-spacing:-2px; font-weight:600; padding:37px 0 0 0; color:#006bbd; display:inline-block;background: url("/images/404music/content/sub01_05.png") 10px top no-repeat; width:100%; text-shadow:1px 2px 1px #D8D8D8}


.sub01_txt02 li{width:49%;font-size:14px; vertical-align:top; text-align:center}
.sub04_01{background: none; padding:0;}


.text01_03{ width:100%; line-height:26px; font-size:15px; font-weight:600; color:#646363; margin-top:20px; padding-top:255px;}




}


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



.sub01_txt02 li{width:49%;font-size:14px; vertical-align:top; text-align:center}

.sub06_01 ul{ width:69%; padding-left:30%; line-height:22px; margin-bottom:50px;}



}


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

/*교수진*/
.pro_list01 .nb_left{width:26%; }
.pro_list01 .nb_right{width:70%;}	
.pro_list01 .nb_left img{ height:130px;}

/*연혁*/
.sub01_txt01_01 dl dd ul li span{ width:80%; display:inline-block;}


.sub01_txt03 ul li{ width:90%;}

}


@media all and (max-width :940px) {
/*교수진*/

.text03{ width:85.5%;}

.pro_list01 { border-bottom:none; padding:0; margin-bottom:0px;}
.pro_list01 .pro_box01{ padding:2%; width:96%;}
.bgc_01{ background:#ebebeb;}



.sub06_01{display:inline-block; width:100%; background:none;}
.sub06_01 ul{ width:99%; padding-left:0%; line-height:22px; padding-bottom:0px;}
.sub06_01 ul li{ padding-bottom:10px;}



}


@media all and (max-width :850px) {
.text01{ font-size:20px;  line-height:25px;}
.text02{ font-size:15px;  line-height:25px; padding:5%; width:89.2%;}
}





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

/*교수진*/

.text03{ width:85.5%;}

.pro_list01 { border-bottom:none; padding:0; margin-bottom:0px;}
.pro_list01 .pro_box01{ padding:2%; width:96%;}
.bgc_01{ background:#ebebeb;}



.sub01_04_01{ width:98%; display:inline-block; padding-top:20px; border-right:none; border-bottom: 1px dashed #D9D9D9; }
.sub01_04_02{ width:98%; display:inline-block; padding-top:20px;}
.sub01_04 ul li{ padding-bottom:10px; line-height:22px; height:auto;}


/*연혁

.sub01_txt01_01 dl dt{width:100%;}
.sub01_txt01_01 dl dd { width:100%; padding-bottom:0;margin-bottom:30px;}
*/

.history01{ font-size:20px; letter-spacing:-2px; font-weight:600; padding:37px 0 0 0; color:#006bbd; display:inline-block;background: url("/images/404music/content/sub01_05.png") 8px top no-repeat; width:100%; text-shadow:1px 2px 1px #D8D8D8}

}

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



.text01_01{ width:98%; margin-bottom:30px; padding-top:200px;}

.cbox_icon01{ height:130px;}
.cbox_icon02{ height:130px;}
.cbox_icon03{ height:110px;}
.cbox_icon04{ height:110px;}
.cbox_icon05{ height:100px;}
.cbox_icon06{ height:100px;}

.sub01_04 ul li img{ width:93%; padding-right:3%; padding-left:3%; clear:both;  text-align:center;}

}


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

/*교수진*/

.text03{ width:83%;}
.pro_list01 .nb_left{width:28%; }
.pro_list01 .nb_left img{ height:120px;}
.pro_list01 .nb_right{width:68%; line-height:1.7em;}
.pro_list01 .nb_right li{ letter-spacing:-0.5px; font-size:13px; word-break:break-all;}
.pro_list01 .nb_right li span{ font-size:12px;}


/*오시는길*/
.map_txt{ background-size:35px;line-height:22px;padding-left:45px; padding-top:3px; font-size:13px;}
.map_txt strong{ font-size:18px;}
.map{height:300px;}

.sub01_03{ background:url("/images/404music/content/sub01_02.png") center top no-repeat; }
.sub01_03 ul{ width:99%; padding:255px 0 0px 0;}


/*연혁*/
.sub01_txt01_01 dl dd ul li span{ width:77%; }
.sub02_txt01{width:88%; padding-left:11%;}



.cbox_icon01{ height:130px;}
.cbox_icon02{ height:130px;}
.cbox_icon03{ height:110px;}
.cbox_icon04{ height:110px;}
.cbox_icon05{ height:100px;}
.cbox_icon06{ height:100px;}	


.sub03_txt01 .ssty{ font-size:20px;}

}


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

/*교수진*/
.pro_list01 .nb_left{}
.pro_list01 .nb_right{line-height:1.5em;}
.pro_list01 .nb_left img{ height:110px;}


/*오시는길*/
.map_txt{font-size:12px; letter-spacing:-1px;}

/*연혁*/
.sub01_txt01_01 dl dd ul li span{ width:75%; }

}

/*231101 강사진*/
.profile_box div{position: relative;margin: 20px 0;padding: 20px 20px 10px;border: 1px solid #ddd;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.pro_btn{background: #1239ba;color:#fff;padding: 0 7px 0 10px;display:inline-block;font-weight:600;line-height: 1.8em;font-size: 13px;border-radius:4px;}
.pro_btn a{background: #1239ba url("https://www.kunsan.ac.kr/images/351korean/inc/search01.png") right center no-repeat;color:#fff;padding-right: 18px;display:inline-block;font-weight:600;line-height:1.8em;border-radius:4px;}
.profile_box div ul{position: absolute;width: calc(100% - 40px);padding: 20px;border-radius: 5px;background: #f4f4f4;z-index: 100;box-sizing: border-box;border: 1px solid #ddd;}
.profile_box .ytb{position: absolute;width: 32px;height: 32px;font-size: 0;overflow: hidden;background: url("/images/001kunsan/new_main/btn_set.png") no-repeat -242px 0;top: 20px;right: 20px;}
@media all and (min-width :768px) {
.profile_box{display: flex;flex-wrap: wrap;}
.profile_box div{width: 48%;margin: 1%;box-sizing: border-box;}
}
@media all and (min-width :1001px) {
.profile_box div{width: 32.3333%;margin: 0.5%;}
}          

/* 준비중 */
.con_nodata{padding: 60px 10px;background: #f4f4f4;text-align: center;}
.con_nodata p{word-break: keep-all;font-size: 18px;font-weight: 600;}
.con_nodata p::before{content: '';display: block;width: 250px;height: 270px;margin: 0 auto 50px;background: url('/upload_data/board_data/CNT_ATCHDOWN/175453345285117.png') no-repeat;}

/* 인사말 */
.bio_greeting p{line-height:1.5em; word-break:keep-all; margin-bottom:30px;}
.bio_greeting p.first{font-size:20px;font-weight:600;}
/* 학과소개 */
.bio_intro .bio{padding: 40px 20px;margin-bottom:40px;background:#f7f7f7;}
.bio_intro .bio h4{font-size: 30px !important;color: #0039bf;padding-left: 0 !important;padding-bottom: 20px;margin-bottom: 20px !important;background: none !important;border-bottom: 4px #0039bf solid;font-family: NanumSquareNeo;}
.bio_intro .bio .txt{margin-bottom: 10px;padding:20px;word-break: keep-all;line-height: 1.5em;background:#fff;}
.bio_intro .bio .comment{font-size: 13px;color: #696969;}
.bio_intro .img_list{display:flex;flex-wrap: wrap;gap: 10px 2%; margin-bottom:40px;}
.bio_intro .img_list li{width: 49%;}
.bio_intro .img_list img{width:100%;}
.bio_intro .intro_con{padding:20px;margin-bottom:30px;background: #f7f7f7;}
.bio_intro .intro_con h5{background: none !important;padding-left: 0 !important;font-size: 20px !important;color: #0039bf;}
.bio_intro .intro_con ul{margin-bottom:0;}
@media all and (min-width:768px) {	
.bio_intro .bio{padding:40px;}
}
@media all and (min-width:1023px) {	
.bio_intro .bio h4{padding-bottom: 30px !important;font-size: 36px !important;}
.bio_intro .img_list{justify-content:space-between;}
.bio_intro .img_list li{width: 23%;}
.bio_intro .intro_con{padding:40px}
.bio_intro .bio{padding:60px;}
}

/* 교육목표 */
.bio_slogan{display:flex;flex-wrap: wrap;gap:20px;flex-direction:column;}
.bio_slogan h4{width:100%;background: none !important;padding-left: 0 !important;text-align: center;font-size: 28px !important;font-style: italic;word-break: keep-all;color: #0039bf; font-family: NanumSquareNeo;}
.bio_slogan div{padding: 40px 20px;background:#f8f8f8;text-align: center;box-sizing: border-box;}
.bio_slogan h5{padding-left: 0 !important;background: none !important;}
.bio_slogan h5 strong{display: block;margin-bottom: 10px;font-size: 34px;color:#0039bf;}
.bio_slogan .txt{word-break: keep-all;}
@media all and (min-width:768px) {
.bio_slogan h4{font-size: 43px !important;}	
}
@media all and (min-width:1023px) {
.bio_slogan{flex-direction:row;gap: 20px 2%;justify-content: center;}
.bio_slogan div{width: 31.33%;}	
}


/* 연혁 */
.bio_history h4{background:none !important;padding-left: 0 !important;font-size: 26px !important;}
.bio_history ul{position:relative;padding: 20px 0;margin-bottom: 40px;}
.bio_history ul:after{content:'';width:1px;height:100%;display:block;position:absolute;top:0; left: 8px;background:#e3e3e3;z-index: 0;}
.bio_history ul li{position:relative;padding-left: 24px;margin-bottom: 20px;}
.bio_history ul li:after{content:'';position: absolute;top: 2px;left: 0;display:block;width: 8px;height: 8px;border-radius:50%;background: #d0d0d0;border: 4px #e3e3e3 solid;z-index: 2;}
.bio_history ul li:last-child{margin-bottom:0;}

.bio_history ul li strong{display:inline-block;margin:0 0 6px;}
.bio_history ul li span{display:block;}

@media all and (min-width:768px) {
.bio_history div{display:flex;gap: 0 30px;}
.bio_history h4{margin-top:6px;font-size: 34px !important;}
.bio_history ul{padding:10px 0;}
.bio_history ul li span{display:inline-block; margin-left:10px;}	
}
@media all and (min-width:1200px) {
.bio_history{min-height: 300px;background: url('/upload_data/board_data/CNT_ATCHDOWN/175454645057612.jpg') no-repeat center right;}
}      


/* 진학 및 취업 */
.bio_job P{margin-bottom: 30px;border: 1px #e1e1e1 solid;text-align: center;padding: 20px;}
.bio_job img{width: auto;max-width: 100%;}                       

/* 부설연구소 및 기업 */
.bio_lab1 img{width: 100%;max-height: 300px;}
.bio_lab1 div{position: relative;background:#fff;padding: 40px 20px;margin:-40px 20px 0;z-index: 1;}
.bio_lab1 div p{margin-bottom:10px; line-height:1.5em; word-break:keep-all;}
@media all and (min-width:768px) {
.bio_lab1{display:flex;}
.bio_lab1 img{width:auto;}
.bio_lab1 div{padding: 60px 40px;margin: 0 0 0 -50px;align-self: center;box-shadow: 5px 5px 30px #f4f4f4;}
}

.bio_lab2 img{width: 100%;max-height: 300px;}
.bio_lab2 div{position: relative;background:#fff;padding: 40px 20px;margin:-40px 20px 0;z-index: 1;}
.bio_lab2 div p{margin-bottom:10px; line-height:1.5em; word-break:keep-all;}
@media all and (min-width:768px) {
.bio_lab2{display:flex;}
.bio_lab2 img{width:auto;}
.bio_lab2 div{padding: 60px 40px;margin: 0 0 0 -50px;align-self: center;box-shadow: 5px 5px 30px #f4f4f4;}
}   


/* 교수소개 */
.bio_pro{display:flex; flex-direction:column; gap:30px 0;}
.bio_pro .pro_box a{display:block; padding: 40px;border: 1px #f4f4f4 solid; background:#f4f4f4; text-align:center;}
.bio_pro .pro_box a:hover,.bio_pro .pro_box a:focus{border:1px #0039bf solid;}
.bio_pro .pro_box img{display:block;width: auto;max-width: 100%;margin: 0 auto 20px;}
.bio_pro .pro_box strong{display:block;margin-bottom: 8px;font-size: 16px;font-weight: 500;}
.bio_pro .pro_box span{display:block; width:120px; margin:0 auto; padding:8px 0; background:#454545; color:#fff; }
.bio_pro .pro_box a:hover span,.bio_pro .pro_box a:focus span{background:#0039bf;}
@media all and (min-width:768px) {
.bio_pro{flex-direction:row; gap:0 40px; justify-content:center; margin-bottom:80px;}
.bio_pro .pro_box a{padding:60px;}
}                


/* 교수자세히보기 */
.bio_pro_sub .img_con{margin:0 0 20px; text-align:center;}
.bio_pro_sub .img_con img{display:block; margin:0 auto 20px;}
.bio_pro_sub .img_con strong{display:block;}
.bio_pro_sub .sub_con .con{padding-bottom:30px; margin-bottom:30px; border-bottom:1px #e1e1e1 solid;}
.bio_pro_sub .sub_con .con ul li{position: relative;padding-left: 17px;margin-bottom: 6px;font-size:15px;word-break: keep-all;}
.bio_pro_sub .sub_con .con ul li:before{content:'';position: absolute;top: 7px;left: 0;display: block;width: 6px;height: 6px;background: #dbdbdb;border-radius: 50%;}
.bio_pro_sub .sub_con .con ul.book{display:flex;flex-wrap:wrap;gap: 10px 4%;padding-left: 20px;}
.bio_pro_sub .sub_con .con ul.book li{padding: 0;margin: 0;}
.bio_pro_sub .sub_con .con ul.book li img{width:auto;max-width: 140px;}
.bio_pro_sub .sub_con .con ul.book li:before{display:none;}
.bio_pro_sub .sub_con .con .tit{font-family: NanumSquareNeo;font-size: 24px;text-align: center;}
.bio_pro_sub .sub_con .con .tit strong{color:#0039bf;}
.bio_pro_sub .sub_con .con .w100{width:auto; max-width:100%;}
@media all and (min-width:1200px) {
.bio_pro_sub{display: flex; gap:0 60px; align-items: flex-start;}
.bio_pro_sub .img_con{position: sticky;top: 100px; flex-shrink:0; width:260px; margin: 0;}
.bio_pro_sub .sub_con{flex:1;}
.bio_pro_sub .sub_con .con .tit{text-align:left;}
}