@charset "utf-8";

body header{font-family:'Noto Sans';}

/**common**/
body .container{max-width:180rem;}
body .wrap_unb{display:none;}
body .wrap_header{position:absolute;left:0;top:0;width:100%;z-index:99;background:rgba(0,0,0,0.4);border-bottom:1px solid rgba(221,221,221,0.2);}
body header .wrap_header .head_logo strong{color:#fff;}
body .wrap_header .head_navi .site_map a{width:10rem;height:10rem;background:#00a651 url('../../images/layout/sitemap.png') no-repeat center;}
body ._gub_util li.goToManager a{color:#a8dcc1;}

@media all and (min-width:1601px) {
  body header .head_navi .menuUItop .ul_1 .li_1 .a_1.on:after,
  body header .head_navi .menuUItop .ul_1 .li_1 .a_1.on:before{display:none;}
  body .wrap_header .head_navi .menuUItop .ul_1 .li_1 .a_1{color:#fff;}
  body .head_util{padding:0 35px;}
  body #_gnb ._info{position:absolute;right: 0;top: -32px;width: 460px;padding: 0;}
  body #_gnb ._info dl dt{color:#fff;}
  body #_gnb ._info dl dd{color:#fff;}
  body ._gub_util li a{color:#fff;}
  body ._gub_util li.g-lang button.translation-btn{color:#fff;}
  body #_gnb ._info dl._time dt{background: url(https://ihis.pusan.ac.kr/sites/temp_basic/images/layout/_gnb_icon_time_w.png) left center no-repeat;}
  body #_gnb ._info dl._ip dt{background: url(https://ihis.pusan.ac.kr/sites/temp_basic/images/layout/_gnb_icon_ip_w.png) left center no-repeat;}
  body #_gnb ._gub_util li.g-lang button.translation-btn:after{background:url(https://ihis.pusan.ac.kr/sites/temp_basic/images/layout/_gnb_icon_arr_w.png) center no-repeat;transform: rotate(90deg);}
}


@media all and (max-width:1600px) {
  body header .mgnb_Wrap button{background:#00a651 url('../../images/layout/sitemap.png') no-repeat center;}
}
@media all and (max-width:767px) {
  body header .mgnb_Wrap button{background-size:25px;}
  body header .wrap_header .head_logo strong{font-size:19px;font-weight:300;}
  body header .wrap_header .head_logo strong:before{height: 20px;}
}

/**sub**/
.sub .sub_head{background:url('../../images/layout/sub-visual.jpg') no-repeat center / cover;height: 520px;}
.sub .sub_head .sub_title{padding-top: 250px;max-width: 1460px;margin: 0 auto;text-align: left;align-items: flex-start;height: auto;font-size: 5.5rem;}

.sub.greenbio .wrap_contents{max-width:146rem;position: relative;}
.sub.greenbio .wrap_contents .page_title{text-align:left;padding: 9rem 0 8rem;}
.sub.greenbio .wrap_contents .page_title h1{text-align:left;font-size: 45px;}
.sub.greenbio .sub_head .sub_lnb_util .inner{max-width:146rem;background: none;}
.sub.greenbio .sub_head .sub_lnb_util .inner:before{display:none;}

.sub.greenbio .sub_head .sub_title strong{font-weight:600;}
.sub.greenbio .sub_head .sub_lnb_util{margin-top:20px;z-index: 11;}
.sub.greenbio #_mnb > ul > li.home{background:none;}
.sub.greenbio #_mnb > ul > li.home a{background:url('../../images/layout/bio-home.png') no-repeat center;width: 1.9rem;height: 1.9rem;margin-right:70px;position:relative;}
.sub.greenbio #_mnb > ul > li.home a:after{content:'';width:60px;height:1px;background:rgba(255,255,255,0.5);display:inline-block;vertical-align:middle;text-indent: 0;position:absolute;left:32px;top:50%;}
.sub.greenbio #_mnb > ul > li > button{min-width:12rem;}
.sub.greenbio #_mnb > ul > li > button::after{background:url('../../images/layout/bio-sub-arr.png') no-repeat center;width:11px;height:8px;}
.sub.greenbio #_mnb > ul > li::after{background:url('../../images/layout/bio-sub-dots.png') no-repeat center;width:2px;height:10px;}
.sub.greenbio .sub_util{position:absolute;right:0;top: 95px;}
.sub.greenbio #_globalUl li{position:relative;padding:0 10px;}
.sub.greenbio #_globalUl li + li:before{content:'';width: 1px;height: 10px;background:#ccc;position:absolute;left:0;top:50%;margin-top:-5px;}
.sub.greenbio #_globalUl ._bookmark{display:block;}
.sub.greenbio #_globalUl .btnFavorite{background:url('../../images/icon/ico-book.png') no-repeat center;}
.sub.greenbio #_globalUl .btnShare{background:url('../../images/icon/ico-share.png') no-repeat center;}
.sub.greenbio #_globalUl ._printPage{background:url('../../images/icon/ico-print.png') no-repeat center;}
.sub.greenbio .favoriteWrap{top:60px;}

@media all and (max-width:1400px) {
  .sub .sub_head{height:460px;}
  .sub .sub_head .sub_title{padding-top:200px;}
  .sub .sub_head .sub_title,
  .sub.greenbio .sub_head .sub_lnb_util{padding-left:20px;padding-right:20px;font-size: 4.8rem;}
}
@media all and (max-width:767px) {
  .sub .sub_head{height:260px;}
  .sub .sub_head .sub_title{padding-top: 130px;font-size: 2.6rem;}
  .sub.greenbio #_mnb > ul > li{display:flex;}
  .sub.greenbio .sub_head .sub_lnb_util{margin-top:5px;}
  .sub.greenbio #_mnb > ul > li.home{display:flex;}
  .sub.greenbio #_mnb > ul > li.home a:after{width:35px;}
  .sub.greenbio #_mnb > ul > li.home a{margin-right:45px;}

  .sub.greenbio .wrap_contents .page_title{padding-top:55px;}
  .sub.greenbio .wrap_contents .page_title h1{font-size:30px;}
  .sub.greenbio .wrap_contents{padding:0 20px;}
  .sub.greenbio #_globalUl button{background-size:25px !important;}
  .sub.greenbio #_globalUl li{padding:0;}
  .sub.greenbio .sub_util{right:10px;top:48px;}
}

.sub.greenbio .objHeading_h3{padding-left:27px;}
.sub.greenbio .objHeading_h3:before{width:10px;height:10px;background:#01a650;border-radius:3px;transform:rotate(-45deg);left:5px;top:13px;}




/*********
Contents START
**********/

.greeding{display:flex;padding-top:80px;min-height:870px;}
.greeding:before{content:'';width: calc(calc(100vw - 1460px) / 2 + 370px);height:870px;background:#f2f6fa;position:absolute;top:0;left: calc(0px - calc(calc(100vw - 1460px) / 2));z-index:-2;}
.greeding .left{width:450px;position:relative;}
.greeding .left:before{content:'';width:412px;height:412px;background:url('../../images/sub/greeding-logo.png') no-repeat center;position:absolute;left:-240px;top:70px;z-index:-1;}
.greeding .left .thum{margin-bottom:65px;border: 1px solid #dfdfdf;}
.greeding .left .thum-txt strong{font-size:20px;font-weight:400;color:#151515;font-family:'Noto Sans';}
.greeding .left .thum-txt strong span{color:#005baa;font-weight:600;}
.greeding .left .thum-txt p{height:60px;background:url('../../images/sub/greeding-sign.png') no-repeat left top;margin-top:15px;text-indent:-9999px;}

.greeding .right{width:calc(100% - 450px);padding-left:180px;}
.greeding .right .title > span{font-size:20px;font-weight: 500;display:block;color:#222;font-family:'Noto Sans';}
.greeding .right .title > strong{font-size: 52px;color:#212121;font-weight:600;line-height:1.3;margin-top:15px;display:block;letter-spacing:-2px;margin-bottom: 50px;}
.greeding .right .text > strong{color:#005baa;font-size:24px;font-weight:500;line-height:1.5;display:block;margin-bottom: 35px;}
.greeding .right .text > p{color:#555;font-weight:400;margin-bottom: 30px;line-height: 1.6;font-size: 18px;}
.greeding .right .text > ul{margin-bottom:35px;}
.greeding .right .text > ul > li{padding-left:20px;font-size:18px;color:#333;font-weight:500;position:relative;line-height: 1.4;}
.greeding .right .text > ul > li:before{content:'';width:9px;height:9px;background:#00a651;position:absolute;left:0;top:9px;border-radius:3px;transform:rotate(45deg);}
.greeding .right .text > ul > li + li{margin-top:12px;}

@media all and (max-width:1460px) {
  .greeding:before{width:400px;left:-20px;}
  .greeding .right{padding-left:80px;}
  .greeding .right .title > strong{font-size:55px;margin-bottom: 35px;}
  .greeding .right .text > strong{font-size:22px;}
}

@media all and (max-width:1200px) {
  .greeding{padding-top:40px;}
  .greeding:before{width:310px;height: 800px;}
  .greeding .left{width:340px;}
  .greeding .left .thum{margin-bottom:40px;}
  .greeding .right{width:calc(100% - 340px);padding-left: 50px;}
  .greeding .right .title > strong{font-size:45px;margin-bottom:25px;}
  .greeding .right .text > strong{font-size:20px;}
}

@media all and (max-width:767px) {
  .greeding{flex-wrap:wrap;gap: 80px;padding-top: 80px;}
  .greeding:before{width:420px;}
  .greeding .left{width:100%;}
  .greeding .left:before{display:none;}
  .greeding .left .thum{margin-bottom:20px;}
  .greeding .left .thum-txt strong{font-size:18px;}
  .greeding .left .thum-txt p{background-size:110px;}
  .greeding .right{padding-left:0;width:100%;}
  .greeding .right .title > strong{font-size: 28px;margin-bottom: 35px;}
  .greeding .right .text > strong{font-size:18px;}
}

@media all and (max-width:500px) {
  .greeding:before{width:calc(100% - 40px);height: 767px;}
}


/**교육목표**/
.green-goal .goal-intro{background:#f9f8f6;padding: 35px 35px 35px 260px;margin-bottom:80px;position:relative;}
.green-goal .goal-intro:before{content:'';background:url('../../images/sub/green-goal-icon2.png') no-repeat center;position:absolute;left:85px;top:-5px;width:85px;height:98px;}
.green-goal .goal-intro > ul > li{font-size:20px;color:#212121;font-weight: 500;padding-left: 45px;position:relative;}
.green-goal .goal-intro > ul > li + li{margin-top:15px;}
.green-goal .goal-intro > ul > li span{width:30px;height:30px;background:#00a651;color:#fff;border-radius:50%;display:inline-flex;position:absolute;left:0;justify-content:center;align-items: center;}
.green-goal .goal-graph{margin-bottom:100px;}
.green-goal .goal-graph > ul{display:flex;gap:20px;}
.green-goal .goal-graph > ul > li{width:calc(100% / 2 - 10px);background:url("../../images/sub/pattern-ready.png");padding:10px;}
.green-goal .goal-graph > ul > li .inner{background:#fff;padding:55px 20px 45px;text-align:center;height: 100%;}
.green-goal .goal-graph > ul > li .inner > strong{font-size:28px;color:#212121;font-weight:600;line-height:1.25;display:block;margin-bottom:25px;}
.green-goal .goal-graph > ul > li .inner > p{text-align:right;margin-top: 25px;color:#222;font-size:16px;}
.green-goal .goal-graph > ul > li .inner > p.detail00{text-align:left;padding-right: 0 !important;padding-left: 23px;margin-bottom: 10px;}
.green-goal .goal-graph > ul > li:nth-child(1) .inner > p{padding-right:45px;}
.green-goal .goal-graph > ul > li + li .inner > strong{margin-bottom:80px;}
.green-goal .goal-graph > ul > li + li .inner > p{margin-top:60px;text-align:center;font-size:20px;font-weight: 500;}

@media all and (max-width:1400px) {
  .green-goal .goal-graph > ul > li:nth-child(1) .inner > p{padding-right:0;}
  .green-goal .goal-graph > ul > li .inner > p.detail00{padding-left:0;}
}
@media all and (max-width:1200px) {
  .green-goal .goal-intro{padding-left: 150px;}
  .green-goal .goal-intro:before{left:35px;}
  .green-goal .goal-intro > ul > li{font-size:18px;padding-left:32px;font-weight:300;}
  .green-goal .goal-intro > ul > li span{font-size:14px;width:22px;height:22px;top:4px;}
  .green-goal .goal-graph > ul > li .inner > strong{font-size:20px;}
  .green-goal .goal-graph > ul > li + li .inner > p{font-size:18px;}
}
@media all and (max-width:860px) {
  .green-goal .goal-graph > ul{flex-wrap:wrap;}
  .green-goal .goal-graph > ul > li{width:100%;}
  .green-goal .goal-graph > ul > li .inner > strong{font-size:28px;}
  .green-goal .goal-graph > ul > li + li .inner > strong{margin-bottom:40px;}
  .green-goal .goal-graph > ul > li + li .inner > p{margin-top:30px;}
}
@media all and (max-width:600px) {
  .green-goal .goal-intro{padding-left:30px;margin-bottom:40px;}
  .green-goal .goal-intro:before{display:none;}
  .green-goal .goal-graph > ul > li .inner > strong{font-size:22px;}
}

.green-vision .top{background:#f9f8f6;text-align:center;padding:35px;}
.green-vision .top strong{font-size:26px;color:#212121;letter-spacing:-1px;font-weight:500;}
.green-vision .top strong span{color:#00a651;}

.green-vision .bottom{padding-top:70px;}
.green-vision .bottom > ul{display:flex;gap:40px;position:relative;}
.green-vision .bottom > ul:after{content:'';width:1px;height:70px;position:absolute;left:50%;top:-70px;background-image: linear-gradient(to top, #b2b2b2 50%, rgba(255,255,255,0) 0%);background-position: bottom;background-size: 1px 10px;background-repeat: repeat-y;}
.green-vision .bottom > ul > li{width:100%;border:1px solid #cfcfcf;padding:35px 25px;text-align:center;position:relative;margin-top: 70px;}
.green-vision .bottom > ul > li:before{content:'';width:1px;height:70px;position:absolute;left:50%;top:-70px;background-image: linear-gradient(to top, #b2b2b2 50%, rgba(255,255,255,0) 0%);background-position: bottom;background-size: 1px 10px;background-repeat: repeat-y;}
.green-vision .bottom > ul > li:after{content:'';width:calc(100% + 40px);height:1px;position:absolute;left:50%;top:-70px;background-image: linear-gradient(to right, #b2b2b2 50%, rgba(255,255,255,0) 0%);background-position: bottom;background-size: 9px 1px;background-repeat: repeat-x;}
.green-vision .bottom > ul > li:nth-last-child(1):after{display:none;}
.green-vision .bottom > ul > li .thum:before{content:'';width:10px;height:10px;background:#00a651;border-radius:50%;position:absolute;left:50%;top:0;margin-left:-5px;top:-5px;}
.green-vision .bottom > ul > li .thum{margin-bottom:15px;}
.green-vision .bottom > ul > li > strong{display:block;color:#00a651;font-size:22px;margin-bottom:10px;letter-spacing:-1px;font-weight:400;}
.green-vision .bottom > ul > li > p{font-size:18px;color:#666;line-height:1.4;letter-spacing:-0.5px;}

@media all and (max-width:1023px) {
  .green-vision{margin-top:20px !important;}
  .green-vision .top strong{font-size:22px;}
  .green-vision .bottom{padding-top:0;}
  .green-vision .bottom > ul:after{display:none;}
  .green-vision .bottom > ul{flex-wrap:wrap;gap:0;}
  .green-vision .bottom > ul > li:after{display:none;}
}

.green_major .top{max-width: 891px;margin:0 auto;background:url('../../images/sub/major_circle.png') no-repeat center;padding: 0 10px;}
.green_major .top > ul{display:flex;align-items: center;justify-content: center;height: 255px;}
.green_major .top > ul > li{text-align:center;color:#fff;padding-top: 25px;width: 25%;}
.green_major .top > ul > li > span{font-size:26px;font-weight:200;display: block;line-height: 1;}
.green_major .top > ul > li > p{font-size:22px;line-height:1.25;font-weight:400;margin-top: 40px;}
.green_major .top > ul > li > p i{display:block;}

.green_major .bottom{background:#f4f8fc;margin-top:85px;padding: 50px 0 50px 90px;}
.green_major .bottom > ul{display:flex;flex-wrap:wrap;gap:45px 0;}
.green_major .bottom > ul > li{width:50%;display:flex;}
.green_major .bottom > ul > li .thum{width:120px;height:120px;background:#fff;border-radius:50%;display:flex;justify-content: center;align-items: center;}
.green_major .bottom > ul > li .conts{width:calc(100% - 120px);padding: 12px 90px 0 25px;}
.green_major .bottom > ul > li .conts > strong{font-size:24px;color:#151515;display:block;margin-bottom:10px;line-height: 1.25;}
.green_major .bottom > ul > li .conts > ul{display:flex;flex-wrap:wrap;gap: 5px 0;}
.green_major .bottom > ul > li .conts > ul > li{width:50%;padding-left: 15px;padding-right:10px;line-height:1.4;position: relative;}
.green_major .bottom > ul > li .conts > ul > li:before{content:'';width:4px;height:4px;background:#666;position:absolute;left:2px;top:10px;border-radius:50%;}

@media all and (max-width:1400px) {
  .green_major .bottom{padding-left:25px;}
  .green_major .bottom > ul > li .conts{padding-right:25px;}
}
@media all and (max-width:1200px) {
  .green_major .bottom{padding-left:25px;}
  .green_major .bottom > ul > li .conts{padding-right:25px;}
  .green_major .bottom > ul > li .conts > ul > li{width:100%;}
}
@media all and (max-width:1023px) {
  .green_major .top{background-size:767px;padding: 0;}
  .green_major .top > ul{width:767px;margin: 0 auto;padding: 0 12px;}
  .green_major .top > ul > li > span{font-size:22px;}
  .green_major .top > ul > li > p{font-size:22px;}
  .green_major .bottom{margin-top:40px;}
}

@media all and (max-width:820px) {
  .green_major .top{background:none;}
  .green_major .top > ul{width:100%;flex-wrap:wrap;height: auto;gap:10px;}
  .green_major .top > ul > li{width:100%;padding: 20px 0;border-radius: 10px;}
  .green_major .top > ul > li:nth-child(1){background:#42b8d4;}
  .green_major .top > ul > li:nth-child(2){background:#2ca2c3;}
  .green_major .top > ul > li:nth-child(3){background:#2a81cc;}
  .green_major .top > ul > li:nth-child(4){background:#4265bd;}
  .green_major .top > ul > li > span{font-size:17px;}
  .green_major .top > ul > li > p{margin-top:10px;font-size: 19px;}
  .green_major .top > ul > li > p i{display:inline-block;margin:0 1.5px;}

  .green_major .bottom > ul > li{width:100%;}
  .green_major .bottom > ul > li .thum{width:100px;height:100px;}
  .green_major .bottom > ul > li .conts{width:calc(100% - 100px);padding-top: 5px;}
  .green_major .bottom > ul > li .conts > strong{font-size:20px;}
  .green_major .bottom > ul > li .conts > ul > li{font-size:17px;}
}

.greenbio-talent{text-align:center;}
.greenbio-talent .img{margin-bottom:60px;}
.greenbio-talent > ul{display:flex;flex-wrap:wrap;gap:10px 35px;max-width: 1160px;margin: 0 auto;justify-content: center;}
.greenbio-talent > ul > li{width:calc(100% / 2 - 18px);background:#256ec0;border-radius:10px;padding: 27px 15px 25px 90px;position: relative;}
.greenbio-talent > ul > li span{color:#256ec0;width:50px;height:50px;background:#fff;border-radius:50%;display:flex;align-items: center;justify-content: center;font-size: 30px;font-weight: 500;line-height: 1;position: absolute;left: 25px;top: 20px;}
.greenbio-talent > ul > li p{color:#fff;font-size: 18px;text-align:left;}
.greenbio-talent > ul > li p strong{display:block;font-size:26px;font-weight:400;margin-bottom: 5px;line-height: 1.25;}
.greenbio-talent > ul > li:nth-child(3){background:#36a1d0;}
.greenbio-talent > ul > li:nth-child(3) span{color:#36a1d0;}
.greenbio-talent > ul > li:nth-child(4){background:#2f4891;}
.greenbio-talent > ul > li:nth-child(4) span{color:#2f4891;}
.greenbio-talent > ul > li:nth-child(5){background:#2f4891;}
.greenbio-talent > ul > li:nth-child(5) span{color:#2f4891;}
.greenbio-talent > ul > li:nth-child(6){background:#62cad3;}
.greenbio-talent > ul > li:nth-child(6) span{color:#62cad3;}
.greenbio-talent > ul > li:nth-child(7){background:#62cad3;}
.greenbio-talent > ul > li:nth-child(7) span{color:#62cad3;}
.greenbio-talent > ul > li:nth-child(8){background:#36a1d0;}
.greenbio-talent > ul > li:nth-child(8) span{color:#36a1d0;}

@media all and (max-width:1200px) {
  .greenbio-talent > ul{gap: 10px;}
  .greenbio-talent > ul > li p strong{font-size: 20px;}
  .greenbio-talent > ul > li p{font-size:16px;}
}

@media all and (max-width:767px) {
  .greenbio-talent .img{padding:25px;margin-bottom: 30px;}
  .greenbio-talent > ul > li{width:100%;padding: 25px 10px 20px 70px;}
  .greenbio-talent > ul > li span{width:40px;height:40px;font-size:22px;left:15px;}
}

/**교수소개**/
.prof.sub.greenbio .wrap_contents{max-width:100%;position:initial;margin-bottom: 0;}
.prof .utilWrap{max-width: 146rem;position: relative;margin:0 auto;}
.green-prof{background: #f8f8fa url('../../images/sub/Green-Bio-Science.png') no-repeat center 97%;padding:100px 20px 290px;}
.green-prof .inner{max-width:1460px;margin:0 auto;}
.green-prof .inner > ul{display:flex;justify-content: space-between;gap: 20px;}
.green-prof .inner > ul > li > a{display:block;padding-bottom:70px;text-align:center;position: relative;}
.green-prof .inner > ul > li > a .thum img{transition:all ease .5s;}
.green-prof .inner > ul > li .text{border: 1px solid #797979;display:flex;flex-direction: column;width: 110px;height: 110px;border-radius: 50%;justify-content: center;align-items: center;position: absolute;left: 50%;bottom: 0;background: #f8f8fa;transform: translateX(-50%);transition:all ease .5s;}
.green-prof .inner > ul > li .text strong{font-size:22px;color:#777;font-weight: 600;display:block;transition:all ease .5s;}
.green-prof .inner > ul > li .text span{color:#777;font-size:16px;font-weight: 300;transition:all ease .5s;}
.green-prof .inner > ul > li > a:hover .thum img{transform:scale(1.025);}
.green-prof .inner > ul > li > a:hover .text{background:#444445;border-color:#444445;}
.green-prof .inner > ul > li > a:hover .text strong,
.green-prof .inner > ul > li > a:hover .text span{color:#fff;}
.green-prof .inner > ul + ul{margin-top:70px;}

.new_prof ._btn_center{display:none;}
.prof-list-btn{color: #444;background: #fff;padding: 12px 42px;border-radius: 5px;border: 1px solid #aaa;font-weight: 400;font-size: 18px;transition:all ease .5s;}
.prof-list-btn:hover{color:#fff;background: #005baa;border-color:#005baa;}

@media all and (max-width:1200px) {
  .green-prof{padding:80px 20px 240px;background-size:110%;}
  .green-prof .inner > ul{flex-wrap:wrap;justify-content: center;gap: 30px;}
  .green-prof .inner > ul + ul{margin-top:30px;}
}
@media all and (max-width:767px) {
  .green-prof .inner > ul{gap: 60px;}
  .green-prof .inner > ul + ul{margin-top:60px;}
}

.career-graph .list {margin-top:80px;}
.career-graph .list > ul{display:flex;gap:15px;}
.career-graph .list > ul > li{width:100%;text-align:center;}
.career-graph .list > ul > li > span{display:flex;flex-direction: column;justify-content: center;align-items: center;background: #534eb4;color: #fff;font-size: 22px;font-weight: 300;padding: 5px 0;border-radius: 50px;margin-bottom: 25px;}
.career-graph .list > ul > li > p{font-size:18px;color:#333;padding:0 40px;letter-spacing:-1px;}
.career-graph .list > ul > li:nth-child(2) > span{background:#6d98ff;}
.career-graph .list > ul > li:nth-child(3) > span{background:#7b71cf;}
.career-graph .list > ul > li:nth-child(4) > span{background:#8db4f9;}
.career-graph .list > ul > li:nth-child(5) > span{background:#938fe7;}
.career-graph .list > ul > li:nth-child(6) > span{background:#5e73db;}

@media all and (max-width:1280px) {
  .career-graph .list > ul > li > p{padding:0;}
}
@media all and (max-width:1023px) {
  .career-graph .list > ul{flex-wrap:wrap;}
  .career-graph .list > ul > li {width:calc(100% / 3 - 10px);}
}
@media all and (max-width:767px) {
  .career-graph .list > ul{gap:35px 15px;}
  .career-graph .list > ul > li {width:calc(100% / 2 - 8px);}
  .career-graph .list > ul > li > span{font-size:18px;margin-bottom:15px;}
}
@media all and (max-width:600px) {
  .career-graph .list > ul{gap:35px 15px;}
  .career-graph .list > ul > li {width:100%;}
}

.coloful-box > ul{display:flex;gap:10px;margin-bottom:10px;}
.coloful-box > ul > li{width:calc(100% / 3 - 5px);}
.coloful-box > ul + ul > li{width:calc(100% / 2 - 5px);}
.coloful-box > ul > li > strong{font-size:20px;display:flex;padding:15px 0;flex-direction: column;justify-content: center;align-items: center;background: #62cad3;color: #fff;margin-bottom:10px;}
.coloful-box > ul > li > ul{border:1px solid #62cad3;padding:20px;display:flex;flex-wrap:wrap;gap: 5px 0;min-height:175px;align-items: flex-start;align-content: flex-start;}
.coloful-box > ul > li > ul > li{width:50%;padding-left:15px;padding-right:20px;position:relative;}
.coloful-box > ul > li > ul > li:before{content:'';width:6px;height:6px;background:#62cad3;border-radius:50%;position:absolute;left:0;top:11px;}
.coloful-box > ul + ul > li > ul{min-height:210px;}
.coloful-box > ul + ul > li > ul > li{width:calc(100% / 3);}

.coloful-box > ul > li:nth-child(2) > strong{background:#40a6d2;}
.coloful-box > ul > li:nth-child(2) > ul{border-color:#40a6d2;}
.coloful-box > ul > li:nth-child(2) > ul > li:before{background:#40a6d2;}
.coloful-box > ul > li:nth-child(3) > strong{background:#256ec0;}
.coloful-box > ul > li:nth-child(3) > ul{border-color:#256ec0;}
.coloful-box > ul > li:nth-child(3) > ul > li{width:100%;}
.coloful-box > ul > li:nth-child(3) > ul > li:before{background:#256ec0;}

.coloful-box > ul + ul > li:nth-child(1) > strong{background:#273ca5;}
.coloful-box > ul + ul > li:nth-child(1) > ul{border-color:#273ca5;}
.coloful-box > ul + ul> li:nth-child(1) > ul > li:before{background:#273ca5;}
.coloful-box > ul + ul> li:nth-child(2) > strong{background:#203062;}
.coloful-box > ul + ul> li:nth-child(2) > ul{border-color:#203062;}
.coloful-box > ul + ul> li:nth-child(2) > ul > li:before{background:#203062;}

@media all and (max-width:1300px) {
  .coloful-box > ul > li > ul{min-height:270px;}
  .coloful-box > ul > li > ul > li{width:100%;}
  .coloful-box > ul + ul > li > ul{min-height:480px;}
  .coloful-box > ul + ul > li > ul > li{width:100%;}
}
@media all and (max-width:767px) {
  .coloful-box > ul{flex-wrap:wrap;}
  .coloful-box > ul > li{width:100%;}
  .coloful-box > ul > li > ul{min-height:initial;}
  .coloful-box > ul + ul > li{width:100%;}
  .coloful-box > ul + ul > li > ul{min-height:initial;}
}

.future-goal{max-width:1220px;margin:60px auto;}
.future-goal > ul{display:flex;background:url('../../images/sub/sg-bg.png') no-repeat left center;height: 450px;align-items: center;justify-content: space-between;padding: 0 128px 55px;gap: 220px;}
.future-goal > ul > li{text-align:center;}
.future-goal > ul > li > span{display:block;font-size:24px;color:#0067cf;font-weight:600;}
.future-goal > ul > li:nth-child(2) > span{color:#4baaff;}
.future-goal > ul > li:nth-child(3) > span{color:#00a651;}
.future-goal > ul > li > strong{display:block;font-size:20px;color:#222;font-weight:500;}
.future-goal > ul > li > p{font-size:17px;letter-spacing:-1px;color:#666;}

@media all and (max-width:1280px) {
  .future-goal{max-width:980px;}
  .future-goal > ul{background-size: contain;padding: 0 105px 45px 95px;gap: 165px;}
  .future-goal > ul > li > span{font-size:20px;}
  .future-goal > ul > li > strong{font-size:18px;}
  .future-goal > ul > li > p{font-size:16px;}
}
@media all and (max-width:1000px) {
  .future-goal{max-width:600px;margin-top: 25px;}
  .future-goal > ul{background:none;flex-wrap:wrap;gap:35px;height: auto;padding: 0;}
  .future-goal > ul > li{width:100%;padding: 25px;background: #fff;border: 12px solid #0067cf;border-radius: 25px;box-shadow: 0 3px 12px 2px rgba(0,0,0,0.3);}
  .future-goal > ul > li:nth-child(2){border-color:#4baaff;}
  .future-goal > ul > li:nth-child(3){border-color:#00a651;}
}

.labWrap > ul > li{display:flex;}
.labWrap > ul > li .thum{padding:40px 0 0 40px;width:775px;position:relative;}
.labWrap > ul > li .thum:before{content:'';width:315px;height:240px;position:absolute;background:#e4f1f6;position:absolute;left:0;top:0;z-index:-1;}
.labWrap > ul > li .conts{width:calc(100% - 775px);padding-left:120px;padding-top: 65px;}
.labWrap > ul > li .conts > span{font-size:16px;color:#00a651;display:block;margin-bottom:10px;}
.labWrap > ul > li .conts > strong{display:block;font-size:36px;color:#121212;font-weight:500;margin-bottom: 25px;line-height:1.25;}
.labWrap > ul > li .conts p.sub-tit{color:#333;padding-left: 22px;position:relative;margin-bottom: 15px;}
.labWrap > ul > li .conts p.sub-tit:before{content:'';width: 10px;height:10px;background:#00a651;border-radius:3px;position:absolute;left:0;top: 9px;transform: rotate(45deg);}
.labWrap > ul > li .conts p{color:#666;font-size:19px;margin-bottom:50px;}
.labWrap > ul > li .conts > a{color:#000;font-size:16px;padding-left: 60px;position:relative;}
.labWrap > ul > li .conts > a:before{content:'';width: 42px;height: 42px;background:url('../../images/sub/lab-arr.png') no-repeat;position:absolute;left:0;top: -9px;}

@media all and (max-width:1400px) {
  .labWrap > ul > li .thum{width:580px;}
  .labWrap > ul > li .conts{padding-left:60px;width:calc(100% - 580px);}
}
@media all and (max-width:1200px) {
  .labWrap > ul > li .thum{width:480px;}
  .labWrap > ul > li .conts{width:calc(100% - 480px);}
}
@media all and (max-width:1023px) {
  .labWrap > ul > li{flex-wrap:wrap;}
  .labWrap > ul > li .thum{width:100%;}
  .labWrap > ul > li .conts{width:100%;padding-left:40px;padding-top:20px;}
}
@media all and (max-width:767px) {
  .labWrap > ul > li .thum{padding:20px;}
  .labWrap > ul > li .conts{padding-left:20px;}
  .labWrap > ul > li .conts > strong{font-size:28px;}
  .labWrap > ul > li .conts > a{padding-left:45px;}
  .labWrap > ul > li .conts p{margin-bottom:35px;}
  .labWrap > ul > li .conts > a:before{width:30px;height:30px;background-size:contain;top:-1px;}
}

.sub .prfl-list .thumbnail{min-width:150px;}
.sub .prfl-list .prfl-name strong{width:auto;}
.sub .srch_box .board-serch .row input[type="text"],
.sub .srch_box .board-serch .row ._selectBox,
.sub .srch_box .board-serch .row #findWord{min-width:150px;}
.sub .search-box .select{margin-top:0;}
.sub .search-box .box-search{top:-1px;}

/*********
Contents END
**********/




/*****/