/* ●●●● 기본세팅 */ *{padding: 0; margin: 0; box-sizing: border-box; font-family: 'ScoreDream', sans-serif; word-break: keep-all; user-select: none;} body{font-size: 14px;} ul, ol{list-style: none;} img{max-width: 100%; vertical-align: top;} a{color: #333; text-decoration: none;} .fr_st {display:flex; flex-direction: row;} .fc_st {display:flex; flex-direction: column;} .af_st {position:relative;} .af_st:after {display:block; content:""; position:absolute;} .mw1100 {max-width: 1100px; margin: 0 auto; width: 100%;} .mb15 {margin-bottom: 15px;} .mb20 {margin-bottom: 20px;} .mb30 {margin-bottom: 30px;} /* ●●●● 메인 */ #gnb {gap:25px;} #gnb .gnb_top {background: #f5f5f5; border-bottom: 1px solid #e6e6e6;} #gnb .gnb_top ul {justify-content: end;} #gnb .gnb_top ul li {border-right: 1px solid #e6e6e6;} #gnb .gnb_top ul li:first-child {border-left: 1px solid #e6e6e6;} #gnb .gnb_top ul li a {font-size: 13px; padding: 11px 13px; display: flex;} #gnb .gnb_mid {justify-content: center;} #gnb .gnb_mid .logo {flex-basis:454px;} #gnb .gnb_mid .mo_total_menu {display: none;} #gnb .gnb_bot {background: linear-gradient(45deg, #0075bf, #60bb46); position: relative;} #gnb .gnb_bot ul li {flex-basis: calc((100% - 50px)/6); position: relative;} #gnb .gnb_bot ul li.total_menu {flex-basis: 50px; background: rgba(0,0,0,0.2);} #gnb .gnb_bot ul li:after {position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: ""; display: block; width: 1px; height: 14px; background: rgba(255,255,255,0.3);} #gnb .gnb_bot ul li:nth-last-child(1):after {content: none;} #gnb .gnb_bot ul li:nth-last-child(2):after {content: none;} #gnb .gnb_bot ul li a {min-height: 50px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 20px; font-weight: 500;} #gnb .gnb_bot .total_menu_bx {position: absolute; top: 100%; left: 50%; transform: translateX(-50%); z-index: 21; width: 100%; background: rgba(31,45,62,0.9); display: none;} #gnb .gnb_bot .total_menu_bx .inner {position: relative;} #gnb .gnb_bot .total_menu_bx .inner:after {content: "Pusan National Unlverslty Yangsan Hospital BioCore Open Innovation Center"; display: block; position: absolute; left: -190px; color: #576a81; background: url(https://d2u33oej7xc753.cloudfront.net/busanweb/pnuhpboi/skin/total_menu_logo.png); background-repeat: no-repeat; width: 150px; height: 130px; top: 50%; transform: translateY(-50%); padding-top: 95px;} #gnb .gnb_bot .total_menu_bx .inner .menu_bx {padding: 15px 25px 55px; flex-basis: calc((100% - 50px)/6); gap:25px;} #gnb .gnb_bot .total_menu_bx .inner .menu_bx:hover {background:#294567;} #gnb .gnb_bot .total_menu_bx .inner .menu_bx .menu_top {padding: 13px 10px; border-bottom: 1px solid rgba(255,255,255,0.2); text-align:center;} #gnb .gnb_bot .total_menu_bx .inner .menu_bx .menu_top p {font-size: 16px; font-weight: 600; color: #fff;} #gnb .gnb_bot .total_menu_bx .inner .menu_bx .menu_bot {gap:17px;} #gnb .gnb_bot .total_menu_bx .inner .menu_bx .menu_bot .menu_list a {color: #b3b3b3; font-size: 14px; font-weight: 400; position: relative; padding-left: 10px; display: block;} #gnb .gnb_bot .total_menu_bx .inner .menu_bx .menu_bot .menu_list a:hover {color:#fff;} #gnb .gnb_bot .total_menu_bx .inner .menu_bx .menu_bot .menu_list a:hover:after {background:#fff;} #gnb .gnb_bot .total_menu_bx .inner .menu_bx .menu_bot .menu_list a:after {width: 2px; height: 2px; content: ""; display: block; position: absolute; left: 0; top: 8px; border-radius: 50%; background: #b3b3b3;} #mv ul li {width:100%; height: 455px; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important;} #mv ul li.area1 {background: url("https://d2u33oej7xc753.cloudfront.net/busanweb/pnuhpboi/skin/main_visual5.png");} #mv ul li.area2 {background: url("https://d2u33oej7xc753.cloudfront.net/busanweb/pnuhpboi/skin/main_visual6_1.jpg");} #mv ul li.area3 {background: url("https://d2u33oej7xc753.cloudfront.net/busanweb/pnuhpboi/skin/main_visual7.png");} #mv ul li.area4 {background: url("https://d2u33oej7xc753.cloudfront.net/busanweb/pnuhpboi/skin/main_visual8.png");} #mv ul li .inner {max-width: 1100px; margin: 0 auto; padding: 135px 30px; display: flex; height: 100%;} #mv ul li .inner .tb {text-align: center; gap: 25px;} #mv ul li .inner .tb .mv_tb_top {position:relative; gap:20px;} #mv ul li .inner .tb .mv_tb_top:after {position:absolute; left:50%; top:0; transform:translateX(-50%); background:rgba(0,0,0,0.15); content:""; display:block; width:100%; height:200px; border-radius:50%; filter:blur(50px);} #mv ul li .inner .tb .mv_tb_top > div {position:relative; z-index:1;} #mv ul li .inner .tb .mv_tb_bot {position:relative; z-index:1;} #mv ul li .inner .tb .mv_tb_top .mtt_top img {display: inline;} #mv ul li .inner .tb .mv_tb_top .mtt_mid p {font-size: 21px; font-weight: 600;} #mv ul li .inner .tb .mv_tb_top .mtt_bot p {color: #1c4b7c; font-size: 37px; font-weight: 700;} #mv ul li .inner .tb .mv_tb_bot p {color: #61859a; font-weight: 400; line-height: 23px;} #mv ul li .inner .tb .mv_tb_bot p span {color: #fff; padding: 1px 5px; border-radius: 4px;} #mv ul li .inner .tb .mv_tb_bot p span.gr {background: #26b300;} #mv ul li .inner .tb .mv_tb_bot p span.bl {background: #0054df;} #mv ul li .inner .tb .mv_tb_bot p span.pu {background: #9600e4;} #mv ul li.white .inner .tb .mv_tb_top .mtt_mid p {color: #fff; filter: drop-shadow(2px 4px 6px black);} #mv ul li.white .inner .tb .mv_tb_top .mtt_bot p {color: #fff; filter: drop-shadow(2px 4px 6px black);} #mv ul li.white .inner .tb .mv_tb_bot p {color: #fff; filter: drop-shadow(2px 2px 2px black);} #mv .slick-dots {bottom: 30px; display: flex !important; gap:7px; justify-content: center;} #mv .slick-dots li {width: 12px; height: 12px; margin: 0;} #mv .slick-dots li button {width: 100%; height: 100%;} #content {gap:25px; padding: 20px 0 25px;} #content .quick_btn_area .con {flex-basis: calc((100%)/3); width: calc((100%)/3);} #content .quick_btn_area .con.gr {background: url(https://d2u33oej7xc753.cloudfront.net/busanweb/pnuhpboi/skin/main_btn_bg1.png);} #content .quick_btn_area .con.bl {background: url(https://d2u33oej7xc753.cloudfront.net/busanweb/pnuhpboi/skin/main_btn_bg2.png);} #content .quick_btn_area .con.yl {background: url(https://d2u33oej7xc753.cloudfront.net/busanweb/pnuhpboi/skin/main_btn_bg3.png);} #content .quick_btn_area .con a {padding: 30px 35px; display: flex; height: 100%;} #content .quick_btn_area .con a .tb {position: relative; width: 100%;} #content .quick_btn_area .con a .tb:after {position: absolute; left: 0; bottom: 0; background: url("https://d2u33oej7xc753.cloudfront.net/busanweb/pnuhpboi/skin/quick_btn_arr.png"); content: ""; display: block; width: 37px; height: 11px; background-repeat: no-repeat; background-size: cover; background-position: center; opacity: 0.5;} #content .quick_btn_area .con.yl a .tb:after {background: url("https://d2u33oej7xc753.cloudfront.net/busanweb/pnuhpboi/skin/quick_btn_arr_bk.png"); opacity: 1;} #content .quick_btn_area .con a .tb::before {position: absolute; right: 0; bottom: 0; content: ""; display: block; background-repeat: no-repeat; background-size: cover; background-position: center;} #content .quick_btn_area .con.gr a .tb::before {background: url("https://d2u33oej7xc753.cloudfront.net/busanweb/pnuhpboi/skin/main_btn_icon1.png"); width: 69px; height: 66px; opacity: 0.6;} #content .quick_btn_area .con.bl a .tb::before {background: url("https://d2u33oej7xc753.cloudfront.net/busanweb/pnuhpboi/skin/main_btn_icon2.png"); width: 105px; height: 69px; opacity: 0.4;} #content .quick_btn_area .con.yl a .tb::before {background: url("https://d2u33oej7xc753.cloudfront.net/busanweb/pnuhpboi/skin/main_btn_icon3.png"); width: 92px; height: 82px; opacity: 0.4;} #content .quick_btn_area .con a .tb .title {font-size: 26px; font-weight: 500; color: #fff; margin-bottom: 10px;} #content .quick_btn_area .con a .tb .eng_txt {font-size: 13px; font-weight: 300; color: #fff; opacity: 0.5; margin-bottom: 20px;} #content .quick_btn_area .con a .tb .info_txt {font-size: 14px; font-weight: 400; color: #fff; padding-bottom: 55px; line-height: 22px; padding-right: 75px;} #content .quick_btn_area .con.yl a .tb .title {color: #283a4c;} #content .quick_btn_area .con.yl a .tb .eng_txt {color: #5e5e5e;} #content .quick_btn_area .con.yl a .tb .info_txt {color: #363636;} #content .commu_area {gap:30px;} #content .commu_area div.con {flex-basis: calc((100% - 30px)/2); width: calc((100% - 30px)/2); border: 1px solid #d9d9d9;padding: 20px 25px; gap:55px;} #content .commu_area div.con .commu_top {justify-content: space-between; align-items: center; position: relative; padding: 0 10px;} #content .commu_area div.con .commu_top:after {position: absolute; bottom: -25px; left: 50%; transform: translateX(-50%); width: 100%; height: 1px; background: #ddd; content: ""; display: block;} #content .commu_area div.con .commu_top .title p {font-size: 22px; color: #121212; font-weight: 500;} #content .commu_area div.con .commu_bot ul {gap:20px; display:flex; flex-direction:column;} #content .commu_area div.con .commu_bot ul li a {display: flex; gap:25px;} #content .commu_area div.con .commu_bot ul li a .title {flex-basis: calc(100% - 105px); position: relative; padding-left: 10px; overflow: hidden; text-overflow: ellipsis;} #content .commu_area div.con .commu_bot ul li a .title:after {position: absolute; left: 0; top: 8px; content: ""; display: block; width: 2px; height: 2px; background: #464646; border-radius: 50%;} #content .commu_area div.con .commu_bot ul li a .title p {font-size:14px; color: #464646; font-weight: 400; white-space: nowrap; display: inline;} #content .commu_area div.con .commu_bot ul li a .date {flex-basis: 80px; text-align: right;} #content .commu_area div.con .commu_bot ul li a .date p {font-size:13px; color: #999999; font-weight: 400;} #content .commu_area div.con .commu_bot ul li.new_post a .title {padding-left: 30px;} #content .commu_area div.con .commu_bot ul li.new_post a .title::before {width: 14px; height: 14px; border-radius: 50%; background: #f13f09; content: "n"; display: flex; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); justify-content: center; align-items: center; font-size: 11px; color: #fff; font-weight: bold;} #content .part_area {background: #f8f8f8; border: 1px solid #d9d9d9; padding: 15px 35px;} #content .part_area ul .slick-track {display: flex; gap:25px;} #content .part_area ul .slick-next {background: url("https://d2u33oej7xc753.cloudfront.net/busanweb/pnuhpboi/skin/partner_arr_right.png"); background-repeat: no-repeat; background-position: center;} #content .part_area ul .slick-next::before {content: none;} #content .part_area ul .slick-prev {background: url("https://d2u33oej7xc753.cloudfront.net/busanweb/pnuhpboi/skin/partner_arr_left.png"); background-repeat: no-repeat; background-position: center;} #content .part_area ul .slick-prev::before {content: none;} #content .part_area ul li {flex-basis: calc((100% - 100px)/5); border: 1px solid #dadada;} #footer .footer_top {background: #4659a9;} #footer .footer_top ul {max-width: 854px; margin: 0 auto; justify-content:center;} #footer .footer_top ul li {flex-basis: calc((100%)/5); min-height: 40px; position: relative;} #footer .footer_top ul li:after {width: 1px; height: 12px; background: rgba(255,255,255,0.13); content: ""; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%);} #footer .footer_top ul li:last-child:after {content: none;} #footer .footer_top ul li a {color: #fff; font-size: 13px; font-weight: 400; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;} #footer .footer_bot {padding: 25px 0 40px; align-items: center; gap: 70px;} #footer .footer_bot .ib {flex-basis: 313px;} #footer .footer_bot .tb {flex-basis: calc(100% - 383px); flex-grow: 1;} #footer .footer_bot .tb p {color: #464646; font-size: 12px; font-weight: 400; line-height: 18px;} /* ●●●● 모바엘메뉴 */ #mo_menu_bx {position: fixed; right: -100%; top: 79px; background: #fff; z-index: 21; width: 100%;} #mo_menu_bx > ul {padding: 0 15px 25px;} #mo_menu_bx > ul > li .top {border-bottom: 1px solid #e0e5e7;} #mo_menu_bx > ul > li .top a {font-size:16px; font-weight: 400; display: block; padding: 20px 0; position: relative;} #mo_menu_bx > ul > li .top a:after {position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: block; content: ""; background: url("https://d2u33oej7xc753.cloudfront.net/busanweb/pnuhpboi/skin/mo_menu_arr.png"); width: 17px; height: 10px; background-size: cover; background-repeat: no-repeat; background-position: center;} #mo_menu_bx > ul > li .top.on a {color: #0075bf; font-weight: 500;} #mo_menu_bx > ul > li .top.on a:after {background: url("https://d2u33oej7xc753.cloudfront.net/busanweb/pnuhpboi/skin/mo_menu_arr_act.png");} #mo_menu_bx > ul > li .bot {background: #f4f6f6; display: none;} #mo_menu_bx > ul > li .bot ul {padding: 20px 10px; gap:20px;} #mo_menu_bx > ul > li .bot ul li a {font-size: 15px; font-weight: 400; display: block; width: 100%;} #mo_menu_bx > ul > li .m_gnb_bx {padding-top:40px;} #mo_menu_bx > ul > li .m_gnb_bx ul {gap: 30px;} #mo_menu_bx > ul > li .m_gnb_bx ul li {position:relative;} #mo_menu_bx > ul > li .m_gnb_bx ul li:after {position:absolute; right:-16px; top:50%; transform:translateY(-50%); width:1px; height:13px; background:#cdcdcd; content:""; display:block;} #mo_menu_bx > ul > li .m_gnb_bx ul li:last-child:after {content:none;} #mo_menu_bx > ul > li .m_gnb_bx ul li a {font-size:13px; color:#292929;} #bk {width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,0.3); left: 0; top: 0; display: none;} /* ●●●● 서브페이지 */ #sub_common_bx {padding: 30px 0 50px;} #sub_common_bx .inner {gap:40px;} #sub_common_bx .scb_left {flex-basis: 230px;} #sub_common_bx .scb_right {flex-basis: calc(100% - 270px); flex-grow: 1;} #sub_common_bx .scb_right .sub_navi_bx ul {justify-content: end; gap:30px;} #sub_common_bx .scb_right .sub_navi_bx ul li {display: flex; align-items: center; position: relative;} #sub_common_bx .scb_right .sub_navi_bx ul li:after {display: inline-block; content: ""; width: 5px; height: 5px; border-top: 1px solid #777; border-right: 1px solid #777; position: absolute; top: 50%; right: -15px; transform: rotate(45deg) translateY(-50%);} #sub_common_bx .scb_right .sub_navi_bx ul li:last-child:after {content: none;} #sub_common_bx .scb_right .sub_navi_bx ul li p {font-size: 13px; color: #777; font-weight: 400;} #sub_common_bx .scb_left .side_menu_bx .smb_top {background: url("https://d2u33oej7xc753.cloudfront.net/busanweb/pnuhpboi/skin/sub_side_bg.png"); color: #fff; justify-content:center; align-items: center; padding: 30px 15px; gap:13px; background-size: cover; background-repeat: no-repeat; background-position: left top;} #sub_common_bx .scb_left .side_menu_bx .smb_top .st_tit {font-size:23px; font-weight: bold; font-family: NanumSquare;} #sub_common_bx .scb_left .side_menu_bx .smb_top .st_sub {font-size:10px; font-weight: 300; color: #6f95cd;} #sub_common_bx .scb_left .side_menu_bx .smb_bot ol li {border-bottom: 1px solid #ddd;} #sub_common_bx .scb_left .side_menu_bx .smb_bot ol li a {font-size: 15px; padding: 15px 20px; display: block; color: #363636;} #sub_common_bx .scb_left .side_menu_bx .smb_bot ol li a.on {font-weight: 500; color: #0082d2; position: relative;} #sub_common_bx .scb_left .side_menu_bx .smb_bot ol li a.on:after {display: inline-block; content: ""; width: 6px; height: 6px; border-top: 2px solid #0082d2; border-right: 2px solid #0082d2; position: absolute; top: 50%; right: 15px; transform: rotate(45deg) translateY(-50%);} #sub_common_bx .scb_right .sub_title_bx {padding: 25px 0; border-bottom: 1px solid #d9d9d9; position: relative; margin-bottom: 50px;} #sub_common_bx .scb_right .sub_title_bx:after {position: absolute; left: 0; bottom: 0; height: 2px; width: 196px; background: #0082d2; display: block; content: "";} #sub_common_bx .scb_right .sub_title_bx h3 {font-size: 28px; font-weight: 600; color: #121212;} /* ●●●● 기업지원 CSS */ #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx {gap:50px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con {gap:20px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .sub_mini_title_bx p {font-size: 20px; font-weight: 600; color: #363636;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .common_table table {border: 1px solid #d9d9d9; border-top: 1px solid #0082d2; width: 100%;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .common_table table .space10 {width: 10%;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .common_table table .space20 {width: 20%;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .common_table table .space25 {width: 25%;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .common_table table .space30 {width: 30%;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .common_table table .space35 {width: 35%;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .common_table table .space40 {width: 40%;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .common_table table .space50 {width: 50%;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .common_table table .space60 {width: 60%;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .common_table table .space65 {width: 65%;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .common_table table .space70 {width: 70%;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .common_table table .space75 {width: 75%;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .common_table table .space80 {width: 80%;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .common_table table .space90 {width: 90%;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .common_table table .space100 {width: 100%;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .common_table table p {color: #363636; font-size: 15px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .common_table table th {background: #f4fafd; padding: 17px 20px; border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .common_table table tr:last-child th {border-bottom: 0;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .common_table table th p {font-weight: 500;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .common_table table td {background: #fff; padding: 17px 20px; border-bottom: 1px solid #d9d9d9;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .common_table table tr:last-child td {border-bottom: 0;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .common_table table td p {font-weight: 400;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .sb_block_area {gap:50px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .sb_block_area .con {gap:20px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .sb_block_area .con .title {width: 100%; display: flex; height: 100%; align-items: center; justify-content: center; border-radius: 30px; min-height: 55px; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .sb_block_area .con .title.gr {background: url("https://d2u33oej7xc753.cloudfront.net/busanweb/pnuhpboi/skin/support_title_bg_gr.png");} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .sb_block_area .con .title.bl {background: url("https://d2u33oej7xc753.cloudfront.net/busanweb/pnuhpboi/skin/support_title_bg_bl.png");} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .sb_block_area .con .title p {font-size: 20px; font-weight: 600; color: #fff;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .sb_block_area .con .type1 ul {gap:10px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .sb_block_area .con .type1 ul li {flex-basis: calc((100% - 40px)/5); border: 2px solid #60bb46; border-radius: 12px; flex-grow:1;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .sb_block_area .con .type1 ul li p {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; text-align: center; padding: 15px 2px; line-height: 25px; font-size:15px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .sb_block_area .con .type2 ul {gap:20px 25px; flex-wrap: wrap;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .sb_block_area .con .type2 ul li {flex-basis: calc((100% - 50px)/3); min-height: 80px; background: #98d0f3; border-radius: 12px; flex-grow:1;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .sb_block_area .con .type2 ul li p {display: flex; justify-content: center; align-items: center; text-align: center; width: 100%; height: 100%; font-size: 15px; font-weight: 500; line-height: 25px; color: #064166;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .sb_block_area .con .sub_title {border: 2px solid #0054b6; border-radius: 12px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .sb_block_area .con .sub_title p {display: flex; justify-content: center; align-items: center; text-align: center; width: 100%; height: 100%; min-height: 80px; line-height: 25px; font-size:16px; font-weight:500;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .sb_block_area .con .type3 ul {gap:10px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .sb_block_area .con .type3 ul li {flex-basis: calc((100% - 30px)/4); border-radius: 12px; background: url(https://d2u33oej7xc753.cloudfront.net/busanweb/pnuhpboi/skin/support_list_bg.png); background-repeat: no-repeat; background-size: cover; background-position: center;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .sb_block_area .con .type3 ul li p {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; text-align: center; color: #fff; flex-direction: column; font-size: 15px; font-weight: 500; gap:10px; padding: 20px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .sb_block_area .con .type3 ul li p span {display: block; font-weight: 900;} /* ●●●● 사업단장 인사말 CSS */ #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #intro_bx {gap:70px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #intro_bx .introduction_area {position: relative; padding-top: 45px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #intro_bx .introduction_area:after {position: absolute; left: 0; top: 0; background: url("https://d2u33oej7xc753.cloudfront.net/busanweb/pnuhpboi/skin/intro_double_icon.png"); background-size: cover; background-repeat: no-repeat; background-position: center; width: 35px; height: 29px; content: ""; display: block; opacity: 15%;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #intro_bx .introduction_area p {font-size: 26px; font-family: 'NanumMJ'; line-height: 48px; font-weight: 600;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #intro_bx .introduction_area p .em {font-family: 'NanumMJ'; color: #0054b7;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #intro_bx .body_area {gap:40px; position: relative;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #intro_bx .body_area:after {position: absolute; right: 0; top: 0; width: 276px; height: 349px; display: block; content: ""; background: url("https://d2u33oej7xc753.cloudfront.net/busanweb/pnuhpboi/skin/intro_img.png"); background-repeat: no-repeat; background-position: left -65px bottom -120px; border-top-right-radius: 40px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #intro_bx .body_area p {font-size: 15px; color: #363636; line-height: 27px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #intro_bx .body_area p.pd326 {padding-right: 326px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #intro_bx .body_area p .em {color: #ea2c00;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #intro_bx .sign_area {align-items: end; text-align: right; gap:20px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #intro_bx .sign_area p {font-family:'notokr'; font-size: 15px; color: #121212; font-weight: 500; line-height: 27px;} /* ●●●● 사업안내 CSS */ #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #business_bx {gap:30px; position: relative;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #business_bx:after {width: 0; height: 0; border-bottom: 280px solid transparent; border-top: 280px solid transparent; border-left: 440px solid #ececec; content: ""; display: block; position: absolute; left: 57%; top: 50%; transform: translate(-50%,-50%) rotate(-90deg); z-index: -1;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #business_bx .business_con {gap:25px; align-items: center; position: relative;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #business_bx .business_con:after {position: absolute; left: 41px; bottom: 50%; transform: translateX(-50%); width: 1px; height: calc(100% + 30px); display: block; content: ""; background: #c5c5c5; z-index: -1;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #business_bx .business_con:first-child:after {content: none;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #business_bx .business_con .bc_left {flex-basis: 85px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #business_bx .business_con .bc_left p {background: #0075bf; height: 30px; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 30px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #business_bx .business_con .bc_right {flex-basis: calc(100% - 110px); flex-grow: 1;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #business_bx .business_con .bc_right p.type1 {text-align: center; padding: 22px 0; border-radius: 65px; font-size: 15px; font-weight: 400;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #business_bx .business_con .bc_right p.type1 .em {font-size: 22px; font-weight: 600; margin-top: 5px; display: block;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #business_bx .business_con .bc_right p.type1 .mo_title {display: none; margin-bottom: 15px; font-size: 14px; font-weight: 600;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #business_bx .business_con .bc_right p.gra {background: url("https://d2u33oej7xc753.cloudfront.net/busanweb/pnuhpboi/skin/business_bg1.png"); background-repeat: no-repeat; background-position: center; background-size: cover; color: #fff;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #business_bx .business_con .bc_right p.wt {background: #fff; border: 3px solid #0054b6; color: #363636;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #business_bx .business_con .bc_right ul {gap:12px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #business_bx .business_con .bc_right ul li {flex-basis: calc((100% - 36px)/4); background: url("https://d2u33oej7xc753.cloudfront.net/busanweb/pnuhpboi/skin/business_bg2.png"); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 25px 30px; display: flex; justify-content: center; align-items: center; border-radius: 7px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #business_bx .business_con .bc_right ul li p {color: #fff; text-align: center; line-height: 22px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #business_bx .business_con .bc_right ul li p .em {font-size: 18px; font-weight: 600; line-height: 35px; margin-top: 10px; display: inline-block;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #business_bx .business_con .bc_right ul li p .mo_title {display: none; margin-bottom: 15px; font-size: 14px; font-weight: 600;} /* ●●●● 오시는길 CSS */ #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx {gap:50px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .map_area .map_top {height: 300px; background: #f7f7f7;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .map_area .map_top #daumRoughmapContainer1686295126337 {width:100%; height:100%;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .map_area .map_bot {background: url("https://d2u33oej7xc753.cloudfront.net/busanweb/pnuhpboi/skin/map_bg.png"); min-height: 100px; background-size: cover; background-repeat: no-repeat; background-position: center;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .map_area .map_bot p {color: #fff; position: relative; padding-left: 45px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .map_area .map_bot p:after {position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: block; content: ""; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .map_area .map_bot .mb_left p {font-weight: 500; line-height: 25px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .map_area .map_bot .mb_left p:after {background: url("https://d2u33oej7xc753.cloudfront.net/busanweb/pnuhpboi/skin/map_loca_icon.png"); width: 26px; height: 30px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .map_area .map_bot .mb_right .ph p:after {background: url("https://d2u33oej7xc753.cloudfront.net/busanweb/pnuhpboi/skin/map_ph_icon.png"); width: 21px; height: 20px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .map_area .map_bot .mb_right .fx p:after {background: url("https://d2u33oej7xc753.cloudfront.net/busanweb/pnuhpboi/skin/map_fx_icon.png"); width: 20px; height: 20px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .map_area .map_bot > div {flex-basis: calc((100%)/2);} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .map_area .map_bot .mb_left {display: flex; align-items: center; justify-content: center; padding: 15px; position: relative;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .map_area .map_bot .mb_left:after {position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: calc(100% - 30px); background: rgba(255,255,255,0.3); content: ""; display: block;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .map_area .map_bot .mb_right {padding: 10px 35px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .map_area .map_bot .mb_right > div {flex-basis: calc((100%)/2); display: flex; align-items: center;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .trans_area {border: 1px solid #d9d9d9; border-top: 1px solid #0082d2;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .trans_area .trans_con {border-bottom: 1px solid #c9c9c9;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .trans_area .trans_con:last-child {border-bottom: 0;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .trans_area .trans_con .tc_left {flex-basis: 30%; display: flex; align-items: center; justify-content: center; text-align: center; border-right: 1px solid #d9d9d9;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .trans_area .trans_con .tc_left .inner_con {gap:20px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .trans_area .trans_con .tc_left .inner_con .tc_tb p {font-size: 16px; color:#363636; font-weight: 500;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .trans_area .trans_con .tc_right {flex-basis: 70%; display: flex; justify-content: center; gap:30px; padding: 30px 25px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .trans_area .trans_con .tc_right .inner_con {gap:20px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .trans_area .trans_con .tc_right .inner_con .tc_title {display: flex; background: #60bb46; justify-content: center; align-items: center; min-width: 125px; height: 35px; width: fit-content; border-radius: 30px; padding: 0 20px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .trans_area .trans_con .tc_right .inner_con .tc_title p {color: #fff; font-size: 16px; font-weight: 500;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .trans_area .trans_con .tc_right .inner_con .tc_txt p {color: #363636; font-size: 16px;} /* ●●●● 조직도 CSS */ #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #organization_bx {text-align: center;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #organization_bx .mo_area {display: none;} /* ●●●● 이용안내 & 연구서비스 플랫폼 안내 CSS */ #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #instruction_bx {gap:30px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx .sub_logo_title_bx {position: relative; padding-left: 30px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx .sub_logo_title_bx:after {position: relative; background: url("https://d2u33oej7xc753.cloudfront.net/busanweb/pnuhpboi/skin/sub_title_icon.png"); background-size: cover; background-repeat: no-repeat; background-position: center; width: 26px; height: 20px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: ""; display: block;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx .sub_logo_title_bx p {font-size: 20px; font-weight: 600; color: #121212;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #instruction_bx #common_list_bx ul {gap:25px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #instruction_bx #common_list_bx ul li {position: relative; padding-left: 10px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #instruction_bx #common_list_bx ul li:after {position: absolute; left: 0; top: 14px; width: 2px; height: 2px; background: #333; border-radius: 50%; content: ""; display: block;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #instruction_bx #common_list_bx ul li p {font-size: 15px; color: #121212; line-height: 30px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #instruction_bx #common_list_bx ul li p span {color:#0082d2; font-weight:500;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #instruction_bx .ib_process {gap:20px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #instruction_bx .ib_process ul {gap:20px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #instruction_bx .ib_process ul li {flex-basis: calc((100% - 60px)/4); position: relative;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #instruction_bx .ib_process ul li:after {display: inline-block; content: ""; width: 6px; height: 6px; border-top: 2px solid #777; border-right: 2px solid #777; position: absolute; top: 50%; right: -9px; transform: rotate(45deg) translateY(-50%);} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #instruction_bx .ib_process ul li:last-child:after {content: none;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #instruction_bx .ib_process ul li .title_area {background: url("https://d2u33oej7xc753.cloudfront.net/busanweb/pnuhpboi/skin/instruction_bg.png"); background-size: cover; background-repeat: no-repeat; background-position: center; text-align: center; min-height: 50px; display: flex; align-items: center; justify-content: center; flex-basis: 50px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #instruction_bx .ib_process ul li .title_area p {color: #fff; font-size: 15px; font-weight: 600;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #instruction_bx .ib_process ul li .text_area {border: 1px solid #d9d9d9; flex-basis: calc(100% - 50px); display: flex; justify-content: center; align-items: center; text-align: center; padding: 10px 15px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #instruction_bx .ib_process.exc ul li {background:url("https://d2u33oej7xc753.cloudfront.net/busanweb/pnuhpboi/skin/instruction_icon_bg.png"); min-height:170px; justify-content:center; align-items:center; gap:25px; border-radius:10px; background-size:cover; background-repeat:no-repeat; background-position:center;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #instruction_bx .ib_process.exc ul li:after {content:none;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #instruction_bx .ib_process.exc ul li .tit_area p {font-size:15px; color:#fff; text-align:center;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #instruction_bx .ib_process .illusion {width:500px; height:300px; background:red; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:9; border-radius:7px;} /* ●●●● 시설안내 영역 */ #facilities_bx {gap:50px;} #facilities_bx .con {gap:30px;} #facilities_bx .con .bot {gap:20px;} #facilities_bx .con .bot .ib_area {background-repeat: no-repeat !important; background-size: contain !important; background-position: center !important; flex-basis: calc(100% - 200px); border: 1px solid #d9d9d9; position: relative;} #facilities_bx .con .bot .tb_area {flex-basis: 180px;} #facilities_bx .con .bot .tb_area ul {border-top: 1px solid #0082d2;} #facilities_bx .con .bot .tb_area ul li {border-bottom: 1px solid #d9d9d9;} #facilities_bx .con .bot .tb_area ul li a {display: block; padding: 17px 10px 17px 30px; position: relative; word-break: break-all;} #facilities_bx .con .bot .tb_area ul li a:hover {color:#0075bf; font-weight:500;} #facilities_bx .con .bot .tb_area ul li a:after {left:10px; top:18px;} #facilities_bx .con .bot .tb_area ul li.type1 a:after {content: "A."} #facilities_bx .con .bot .tb_area ul li.type2 a:after {content: "B."} #facilities_bx .con .bot .tb_area ul li.type3 a:after {content: "C."} #facilities_bx .con .bot .tb_area ul li.type4 a:after {content: "1."} #facilities_bx .con .bot .tb_area ul li.type5 a:after {content: "2."} #facilities_bx .con .bot .ib_area .iba_bg {position: absolute; background: url("https://d2u33oej7xc753.cloudfront.net/busanweb/pnuhpboi/skin/facilities_info_bg_or.png"); background-size: cover; background-repeat: no-repeat; background-position: center; width: 49px; height: 60px; display: none;} #facilities_bx .con .bot .ib_area .iba_bg span {width: 42px; height: 42px; display: flex; background: #fff; border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%); top: 3px; align-items: center; justify-content: center; font-size: 16px; font-weight: 900;} #facilities_bx .con .bot .ib_area .space1 {right: 24%; top: 10%;} #facilities_bx .con .bot .ib_area .space2 {right: 41%; top: 35%;} #facilities_bx .con .bot .ib_area .space3 {right: 49%; top: 19%;} #facilities_bx .con .bot .ib_area .space4 {right: 35%; top: 39%;} #facilities_bx .con .bot .ib_area .space5 {right: 64%; top: 23%;} /* ●●●● 연구인프라 정보 리스트 작업 영역 */ #infra_bx {gap:20px;} #infra_bx .top_area {align-items:end; gap:15px;} #infra_bx .top_area .search_area {width:100%; height:55px; border:1px solid #d9d9d9;} #infra_bx .top_area .search_area form {width:100%; height:100%;} #infra_bx .top_area .search_area form .infra_search_bx {width:100%; height:100%;} #infra_bx .top_area .search_area form .infra_search_bx input {flex-basis:calc(100% - 80px); border:none; padding:0 30px; height:initial !important;} #infra_bx .top_area .search_area form .infra_search_bx input:focus {outline:none;} #infra_bx .top_area .search_area form .infra_search_bx input::placeholder {color:#999; font-size:15px;} #infra_bx .top_area .search_area form .infra_search_bx button {flex-basis: 80px; width:100%; height:100% !important; background: url("https://d2u33oej7xc753.cloudfront.net/busanweb/pnuhpboi/skin/infra_search_icon.png") !important; background-repeat:no-repeat !important; background-position:center !important; font-size:0 !important;} #infra_bx .mid_area .tab_area ul {gap:5px; border-bottom:0;} #infra_bx .mid_area .tab_area ul li {margin:0; flex-basis:160px; min-height:40px;} #infra_bx .mid_area .tab_area ul li a {display:flex; width:100%; height:100%; justify-content:center; align-items:center; background:#fff; border:1px solid #d9d9d9; text-align:center;} #infra_bx .mid_area .tab_area ul li a.on {background:#01466f; font-weight:600;} #infra_bx .mid_area .table_area table .ib_col {width: 200px;} #infra_bx .mid_area .table_area table .tb_col {width:calc(100% - 200px);} #infra_bx .mid_area .table_area table td {vertical-align:middle; border-bottom:1px solid #d9d9d9;} #infra_bx .mid_area .table_area table tr:last-child td {border-bottom:0;} #infra_bx .mid_area .table_area table td .if_ex {gap:15px; padding-left:10px;} #infra_bx .mid_area .table_area table td .if_area1 {align-items:center; gap:7px; justify-content:center;} #infra_bx .mid_area .table_area table td .if_area1 label {display:flex; align-items:center;} #infra_bx .mid_area .table_area table td .if_area1 a {font-size:18px; font-weight:600; color:#323232;} #infra_bx .mid_area .table_area table td .title_area {flex-basis:130px;} #infra_bx .mid_area .table_area table td .title_area p {font-size:15px; color:#777;} #infra_bx .mid_area .table_area table td .info_area {flex-basis:calc(100% - 200px);} #infra_bx .mid_area .table_area table td .info_area p {font-size:15px; color:#000;} #infra_bx .mid_area .table_area table td .if_area2 {gap:10px;} #infra_bx .mid_area .table_area table td .info_area.em p {color:#0082d2; font-weight:500;} #infra_bx .mid_area .table_area table td .if_input {align-items:center;} #infra_bx .mid_area .table_area table td .if_input .info_area label input {width:100%; height:40px; border-radius:0; text-align:center; font-size:15px; max-width:130px;} #infra_bx .mid_area .table_area table td .if_input .info_area label input:focus {outline:none;} /* ●●●● 연구인프라 정보 리스트 작업 영역 (VIEW) */ #sub_common_bx #infra_bx .table_ex .table_area table {margin-bottom:0 !important; border:1px solid #d9d9d9;} #infra_bx .table_ex {gap:50px;} #infra_bx .table_ex .table_area table .tit_col {width:120px;} #infra_bx .table_ex .table_area table .inf_col {width:calc(100% - 120px);} #infra_bx .table_ex .table_area table caption {font-size:20px; font-weight:600; padding-bottom:15px;} #infra_bx .table_ex .table_area table th {background:#f4fafd; font-size:15px; color:#363636; font-weight:500 !important; padding:18px !important; word-break:break-all;} #infra_bx .table_ex .table_area table td {font-size:15px; color:#363636; padding: 18px !important; word-break:break-all;} #infra_bx .table_ex .table_area table td a {word-break:break-all;} /* ●●●● 게시판 작업 영역 */ #sub_common_bx #bw_board_list caption {border-bottom: 1px solid #0082d2;} #sub_common_bx #bw_board_list thead tr th {background:#f4fafd;} #sub_common_bx .bw_page li a.on {background: #0082d2; border: 1px solid #0082d2;} #sub_common_bx #bw_board_list tbody tr td {padding:15px 0;} #sub_common_bx #bw_board_view caption {border-bottom: 1px solid #0082d2;} #sub_common_bx #bw_board_view thead tr th {background:#f4fafd;} #sub_common_bx #bw_board_view thead tr th:first-child {padding:15px;} #sub_common_bx #bw_board_view thead tr td {padding:15px;} #sub_common_bx #bw_board_view tfoot tr td {padding:15px;} #sub_common_bx #bw_board_write table {margin-bottom:35px !important;} #sub_common_bx #bw_board_write table caption {border-bottom: 1px solid #0082d2;} #sub_common_bx #bw_board_write table th {font-weight:400; background:#f4fafd;} #sub_common_bx #bw_board_write table td {padding:15px;} #sub_common_bx .bw_page {font-size:12px;} #sub_common_bx .bw_page li a {padding:6px 10px;} /* ●●●● 게시판 작업 영역 */ #sub_common_bx #bw_board_list_search select {height:40px;} #sub_common_bx #bw_board_list_search input {height:40px;} #sub_common_bx #bw_board_list_search button {height:40px; background:#e5e5e5; font-size:12px; text-indent:0;} @media all and (max-width:1600px){ #gnb .gnb_bot .total_menu_bx .inner:after {content: none;} } @media all and (max-width:1200px){ #content {padding: 20px 10px 25px;} #footer .footer_bot {padding: 25px 10px 40px;} #gnb .gnb_top {display: none;} #gnb .gnb_bot {display: none;} #gnb .gnb_mid {padding: 15px; position: relative; align-items: center; justify-content: space-between;} #gnb .gnb_mid:after {position: absolute; bottom: -3px; left: 50%; transform: translateX(-50%); width: 100%; height: 3px; background: linear-gradient(45deg, #0c7eb0, #5bb84c); content: ""; display: block; z-index: 1;} #gnb .gnb_mid .logo {flex-basis: 360px;} #gnb .gnb_mid .mo_total_menu {display: block;} #content .quick_btn_area .con a .tb .title {font-size: 22px;} #content .quick_btn_area .con a .tb .info_txt {padding-right: 0;} #mv ul li .inner .tb .mv_tb_top .mtt_mid p {font-size: 19px;} #mv ul li .inner .tb .mv_tb_top .mtt_bot p {font-size: 33px;} #content .commu_area div.con .commu_top .title p {font-size: 20px;} #content .commu_area {gap:15px;} #content .commu_area div.con {flex-basis: calc((100% - 15px)/2); gap:45px;} #content .commu_area div.con .commu_top:after {bottom: -20px;} #gnb {gap: 25px; position: fixed; left: 0; top: 0; width: 100%; z-index: 21; background: #fff;} #mv {padding-top: 93px;} #sub_common_bx {padding: 124px 10px 50px;} #sub_common_bx .scb_right .sub_con_ex {padding: 0 10px;} } @media all and (max-width:1024px){ #sub_common_bx .scb_left {display: none;} #sub_common_bx .scb_right .sub_navi_bx {display: none;} #sub_common_bx {padding: 94px 0 43px;} #sub_common_bx .scb_right .sub_title_bx {background: linear-gradient(45deg, #0c7eb0, #5bb84c); text-align: center; margin-bottom: 25px; padding: 20px 0;} #sub_common_bx .scb_right .sub_title_bx h3 {font-size: 20px; font-weight: 500; color: #fff;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .sub_mini_title_bx p {font-size: 18px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .sub_con_bx .common_table table p {font-size: 14px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .sub_con_bx .common_table table th {padding: 17px 13px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .sub_con_bx .common_table table td {padding: 17px 13px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx {gap:40px;} #sub_common_bx .scb_right .sub_title_bx:after {content: none;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx .sub_logo_title_bx p {font-size:18px;} #facilities_bx .con .bot {flex-wrap:wrap;} #facilities_bx .con .bot .ib_area {flex-basis:100%; max-width:619px; margin:0 auto;} #facilities_bx .con .bot .tb_area {flex-basis:100%;} #facilities_bx .con .bot .ib_area .space1 {right: 23%; top: 13%;} #facilities_bx .con .bot .ib_area .space2 {right: 40%; top: 41%;} #facilities_bx .con .bot .ib_area .space3 {right: 48%; top: 23%;} #facilities_bx .con .bot .ib_area .space4 {right: 35%; top: 39%;} #facilities_bx .con .bot .ib_area .space5 {right: 64%; top: 23%;} #facilities_bx .con .bot .ib_area .iba_bg {display:block !important;} .mo_none {display:none;} } @media all and (max-width:1000px){ #infra_bx .mid_area .table_area table td img {width:initial !important; height:initial !important;} #infra_bx .mid_area .table_area table td a[data-bw-board-noimage] {width:100% !important; height:100px !important; background-size:contain; background-position:center;} } @media all and (max-width:950px){ #content .part_area ul li {flex-basis: calc((100% - 75px)/4);} #content .part_area ul li a img {width: 100%;} } @media all and (max-width:850px){ #content .quick_btn_area .con a .tb .info_txt {display: none;} #content .quick_btn_area .con a .tb:after {content: none;} #content .quick_btn_area .con a .tb::before {content: none;} #content .quick_btn_area .con a .tb .eng_txt {padding-right: 12vw;} #content .commu_area {flex-wrap: wrap;} #content .commu_area div.con {flex-basis: 100%; width: 100%;} #mv ul li .inner {padding: 55px 15px 15px; justify-content: center;} #mv ul li {height: 380px;} #mv ul li .inner .tb .mv_tb_top .mtt_bot p {font-size: 28px;} #mv ul li .inner .tb .mv_tb_top .mtt_mid p {font-size: 17px;} #footer {background: #4659a9;} #footer_top {display: none;} #footer .footer_bot .ib {display: none;} #footer .footer_top {display: none;} #content {padding: 20px 10px;} #footer .footer_bot {padding: 25px 20px 30px;} #footer .footer_bot .tb p {color: #fff; text-align: center;} #footer .footer_bot .tb p span {display: none;} #content .part_area {background: #fff;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #business_bx .business_con .bc_right ul {flex-wrap:wrap;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #business_bx .business_con .bc_right ul li {flex-basis: calc((100% - 12px)/2);} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #business_bx .business_con .bc_left {display: none;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #business_bx .business_con:after {content: none;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #business_bx .business_con .bc_right p.type1 {font-size: 14px; padding: 15px 10px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #business_bx .business_con .bc_right p.type1 .em {font-size: 18px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #business_bx .business_con .bc_right ul li {padding: 15px 10px; align-items: initial;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #business_bx:after {border-bottom: 200px solid transparent; border-top: 200px solid transparent;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #business_bx .business_con .bc_right p.type1 .mo_title {display: block;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #business_bx .business_con .bc_right ul li p .mo_title {display: block;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #business_bx:after {left:50%;} } @media all and (max-width:768px){ #content .part_area ul li {flex-basis: calc((100% - 50px)/3);} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .map_area .map_top {height: 277px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .map_area .map_bot {flex-wrap:wrap;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .map_area .map_bot > div {flex-basis: 100%;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .map_area .map_bot .mb_left {justify-content: left; padding: 20px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .map_area .map_bot .mb_left:after {width: calc(100% - 30px); height: 1px; top: initial; right: initial; left: 50%; bottom: 0; transform: translateX(-50%);} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .map_area .map_bot .mb_right {padding: 20px; gap:25px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .map_area .map_bot .mb_left p:after {width: 20px; height: 23px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .map_area .map_bot p {padding-left: 35px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx {gap:40px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .trans_area .trans_con {flex-wrap:wrap;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .trans_area .trans_con .tc_left {flex-basis: 100%; min-height: 50px; background: #f4fafd; border-bottom: 1px solid #d9d9d9;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .trans_area .trans_con .tc_left .inner_con .tc_ib {display: none;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .trans_area .trans_con .tc_right {flex-basis: 100%; padding: 20px 10px; gap:20px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .trans_area .trans_con .tc_right .inner_con .tc_title {min-width: 105px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .trans_area .trans_con .tc_right .inner_con .tc_title p {font-size: 15px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #map_bx .trans_area .trans_con .tc_right .inner_con .tc_txt p {font-size: 15px;} } @media all and (max-width:700px){ #content .quick_btn_area .con a {padding: 25px 20px;} #content .quick_btn_area .con a .tb .title {font-size: 19px;} } @media all and (max-width:640px){ #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #intro_bx {gap:35px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #intro_bx .introduction_area {padding-top: 33px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #intro_bx .introduction_area:after {width: 24px; height: 20px; left:50%; transform: translateX(-50%);} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #intro_bx .introduction_area p {text-align: center; font-size: 18px; line-height: 30px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #intro_bx .body_area {padding-top: 300px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #intro_bx .body_area:after {right: initial; left: 50%; transform: translateX(-50%); background-size: 365px; width: 216px; height: 266px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #intro_bx .body_area p.pd326 {padding-right: 0;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #organization_bx .mo_area {display: block;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #organization_bx .pc_area {display: none;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #instruction_bx .ib_process ul {flex-wrap:wrap; gap:20px 10px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #instruction_bx .ib_process ul li {flex-basis:calc((100% - 10px)/2);} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #instruction_bx .ib_process ul li:after {width:3px; height:3px; right:-5px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #instruction_bx .ib_process ul li:nth-child(2n):after {content:none;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #instruction_bx .ib_process ul li .title_area {flex-basis:45px; min-height:45px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #instruction_bx .ib_process ul li .text_area {padding:15px 2px; flex-basis:calc(100% - 45px);} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .sb_block_area .con .title p {font-size:16px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .sb_block_area .con .type1 ul {flex-wrap:wrap;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .sb_block_area .con .type1 ul li {flex-basis:calc((100% - 10px)/2);} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .sb_block_area {gap:30px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .sb_block_area .con .type2 ul {gap:10px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .sb_block_area .con .type2 ul li {flex-basis:calc((100% - 10px)/2);} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .sb_block_area .con .sub_title p {padding:10px 30px;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .sb_block_area .con .type3 ul {flex-wrap:wrap;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #support_bx .sb_con .sb_block_area .con .type3 ul li {flex-basis:calc((100% - 10px)/2);} #infra_bx .mid_area .table_area table td .if_area2 {gap:10px; flex-direction:column;} #infra_bx .mid_area .table_area table td .title_area {flex-basis:initial; background:#f3f3f3;} #infra_bx .mid_area .table_area table td .title_area p {color:#5e5e5e; padding:10px;} #infra_bx .mid_area .table_area table td .info_area {flex-basis:initial;} #infra_bx .mid_area .table_area table td .info_area p {padding:0 10px;} #infra_bx .mid_area .table_area table td .if_ex {gap:30px;} #infra_bx .mid_area .table_area table td .if_input {align-items:initial;} #infra_bx .mid_area .table_area table td .if_input .info_area label input {max-width:initial;} #infra_bx .table_ex .table_area table caption {font-size:18px;} #infra_bx .table_ex .table_area table th {font-size:14px; padding:12px !important;} #infra_bx .table_ex .table_area table td {font-size:14px; padding:12px !important;} #infra_bx .table_ex .table_area table .tit_col {width:80px;} #infra_bx .table_ex .table_area table .inf_col {width:auto;} #infra_bx .table_ex {gap:30px;} #facilities_bx .con .bot .ib_area .space1 {right: 41%; top: 12%;} #facilities_bx .con .bot .ib_area .space2 {right: 41%; top: 43%;} #facilities_bx .con .bot .ib_area .space3 {right: 49%; top: 24%;} #facilities_bx .con .bot .ib_area .space4 {right: 35%; top: 39%;} #facilities_bx .con .bot .ib_area .space5 {right: 64%; top: 23%;} } @media all and (max-width:550px){ #facilities_bx .con .bot .ib_area .iba_bg {width:30px; height:37px;} #facilities_bx .con .bot .ib_area .iba_bg span {width:26px; height:26px; top:2px;} #facilities_bx .con .bot .ib_area .space1 {right: 23%; top: 18%;} #facilities_bx .con .bot .ib_area .space2 {right: 41%; top: 47%;} #facilities_bx .con .bot .ib_area .space3 {right: 49%; top: 28%;} #facilities_bx .con .bot .ib_area .space4 {right: 35%; top: 43%;} #facilities_bx .con .bot .ib_area .space5 {right: 65%; top: 27%;} } @media all and (max-width:500px){ #content .quick_btn_area .con a {padding: 20px 15px;} #content .quick_btn_area .con a .tb .title {font-size: 15px; margin-bottom:0;} #content .quick_btn_area .con a .tb .eng_txt {font-size: 12px; margin-bottom:0;} #mv ul li {height: 240px;} #mv ul li .inner {padding: 35px 15px 10px;} #mv ul li .inner .tb .mv_tb_top {gap:5px;} #mv ul li .inner .tb .mv_tb_top .mtt_bot p {font-size: 20px;} #mv ul li .inner .tb .mv_tb_top .mtt_mid p {font-size: 13px;} #content {padding: 10px 10px 15px;} #gnb .gnb_mid .logo {flex-basis: 262px;} #content {gap:10px;} #content .commu_area div.con {padding: 15px 20px; gap:35px;} #content .commu_area div.con .commu_top:after {bottom: -18px;} #content .commu_area div.con .commu_top .title p {font-size: 16px;} #content .commu_area div.con .commu_top {padding: 0;} #content .commu_area div.con .commu_top .btn {width: 17px; height: 17px;} #content .part_area ul li {flex-basis: calc((100% - 5px)/2);} #content .part_area ul .slick-track {gap:5px;} #mv {padding-top: 76px;} #sub_common_bx {padding: 77px 0 43px; min-height:700px;} #content .quick_btn_area .con a .tb {gap:15px;} } @media all and (max-width:450px){ #content .commu_area div.con .commu_bot ul li a {flex-wrap: wrap; gap:10px;} #content .commu_area div.con .commu_bot ul li a .title {flex-basis:100%;} #content .commu_area div.con .commu_bot ul li a .date {flex-basis: 100%; padding-left: 10px; text-align: left;} #sub_common_bx .scb_right .sub_con_ex .sub_con_bx #business_bx:after {border-bottom: 115px solid transparent; border-top: 115px solid transparent;} #infra_bx .mid_area .table_area table .ib_col {width:30%;} #infra_bx .mid_area .table_area table .tb_col {width:70%;} #infra_bx .mid_area .table_area table td .if_ex {padding-left:10px;} #infra_bx .mid_area .tab_area ul {flex-wrap:wrap; margin:0;} #infra_bx .mid_area .tab_area ul li {flex-basis:calc((100% - 5px)/2);} #infra_bx .top_area .search_area form .infra_search_bx input {flex-basis: calc(100% - 50px) !important; padding:0 15px;} #infra_bx .top_area .search_area form .infra_search_bx button {flex-basis: 50px !important;} #facilities_bx .con .bot .ib_area .space1 {right: 22%; top: 16%;} #facilities_bx .con .bot .ib_area .space2 {right: 40%; top: 42%;} #facilities_bx .con .bot .ib_area .space3 {right: 48%; top: 24%;} #facilities_bx .con .bot .ib_area .space4 {right: 34%; top: 40%;} #facilities_bx .con .bot .ib_area .space5 {right: 64%; top: 23%;} /* ●●●● 게시판 작업 영역 */ #sub_common_bx #bw_board_list_search {width: 100%; display: flex; padding: 10px 0 5px; gap: 5px;} #sub_common_bx #bw_board_list_search select {flex-basis:85px;} #sub_common_bx #bw_board_list_search input {flex-basis:calc(100% - 135px);} #sub_common_bx #bw_board_list_search button {flex-basis:40px;} }