@charset "utf-8";
/* CSS Document */

/* Quick Menu */
#quick {position:fixed; top:27%; right:15px; z-index:900;}
#quick li {position:relative; margin:8px 0; text-align: right; transition: all 0.3s ease; padding-right: 3px;}
#quick li::after {content:""; clear:both;}
#quick li a {text-align:center; width:70px; height:70px; background-color:#333; color:#ccc; padding:5px; font-size:14px; display:flex; flex-direction: column; align-items: center; justify-content: center; }
#quick li a:hover {background-color:#005a70; color:#fff; transition: all .25s ease;}
#quick li.active a {background-color:#005a70; color:#fff;}


@media screen and (max-width: 1300px) {
	#quick {display:none !important;}
}

/* 공통 */

/* BUTTON */
.btn_bg {background-color: #555; color: #fff; transition: all .25s ease; padding: 5px 10px;}
.btn_line {background-color: #fafafa; color: #aaa; border: 1px solid #ddd; transition: all .25s ease; padding: 5px 10px;}
.btn_line.lg {min-width: 210px; height: 70px; font-size: 20px;}

.btn_bg.md {min-width: 110px; height: 40px; font-size: 16px;}
.btn_bg.md2 {min-width: 150px; height: 55px; font-size: 17px; padding:0 20px;}
.btn_bg.lg {min-width: 210px; height: 58px; font-size: 16px;}
.btn_line.md {min-width: 110px; height: 40px; font-size: 16px;}
.btn_line.md2 {min-width: 150px; height: 55px; font-size: 17px; padding:0 20px;}

.btn_bg.blue {background-color: #004dad;}
.btn_bg.blue:hover,
.btn_bg.blue:focus {background-color: #113792;}
.btn_bg.blue2 {background-color: #1988e8;}
.btn_bg.blue2:hover,
.btn_bg.blue2:focus {background-color: #006fba;}
.btn_bg.green {background-color: #005a70;}
.btn_bg.green:hover,
.btn_bg.green:focus {background-color: #024353;}
.btn_bg.gray {background-color: #c1c1c1;}
.btn_bg.gray:hover,
.btn_bg.gray:focus {background-color: #555;}

.btn_line:hover,
.btn_line:focus {background-color: #aaa; border-color: #aaa; color: #fff;}


.lg_btn_target {font-size: 16px; color:#fff; background: linear-gradient( 135deg, #0179e7 10%, #130CB7 100%); min-height: 55px; padding: 10px 20px; border-radius: 5px; transition: all .25s ease; position: relative; min-width: 120px;}
.lg_btn_target:hover,
.lg_btn_target:focus {text-decoration: underline;}

.btn_inline {padding: 5px 15px; background-color: #0097b2; color: #fff; border-color: #008aa3; border-radius: 10px; font-size: 14px; font-weight: 400; transition: all .25s ease;}
.btn_inline:hover {background-color: #005a70;}


/* INPUT */
.textarea_con {width: 100%; height: 300px; padding: 20px; border: 1px solid #ddd;}
.textarea_con.n02 {height: 150px;}
.txt_nor {height: 42px; border: 1px solid #ddd; vertical-align: middle; font-size: 15px;}
.txt_join {height: 46px; border: 1px solid #ddd; vertical-align: middle; font-size: 15px;}
.out_reason_txt {border: 1px solid #eee;}
.btn_jo_sear {height: 42px; background:#888; color:#fff; width: 42px; font-size: 17px; margin-left: -4px; transition: all .25s ease;}
.btn_jo_sear:hover {background-color: #222;}


.txt_nor.w10 {width: 10%;}
.txt_nor.w20 {width: 20%;}
.txt_nor.w30 {width: 30%;}
.txt_nor.w40 {width: 40%;}
.txt_nor.w50 {width: 50%;}
.txt_nor.w70 {width: 70%;}
.txt_nor.w80 {width: 80%;}
.txt_nor.w100 {width: 100%;}
.txt_nor.search {}
.txt_nor.wPhone {width: 150px;}

.w10 {width: 10% !important; min-width: 50px;}
.w20 {width: 20% !important;}
.w30 {width: 30% !important;}
.w40 {width: 40% !important;}
.w50 {width: 50% !important;}
.w70 {width: 70% !important;}
.w80 {width: 80% !important;}
.w100 {width: 100% !important;}

/* CHECK BOX */
.join_check {-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 20px; height: 20px; border: none !important; vertical-align: middle;}
.join_check::-ms-check { display: none; }
.join_check + label {font-size: 18px; color: #222; position: relative; vertical-align: middle;}
.join_check + label span {display:inline-block; width: 26px; height: 26px; border-radius: 50%; background-color: #fff; border: 1px solid #ddd; vertical-align: middle; position: absolute; left: -32px; top: 10%; background-image: url('/resources/img/icon/icon_checkJoin_gray.png'); background-repeat: no-repeat; background-position: center center;  vertical-align: middle;}
.join_check:checked + label {}
.join_check:checked + label span {border: 2px solid #1988e8; background-image: url('/resources/img/icon/icon_checkJoin_blue.png');}

/* radio */
.radio_circle {-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 16px; height: 16px; border: none !important; vertical-align: middle;}
.radio_circle::-ms-check { display: none; }
.radio_circle + label {font-size: 16px; color: #222; vertical-align: middle;}
.radio_circle + label span {display: inline-block; width: 21px; height: 21px; border-radius: 50%; border: 1px solid #dbdbdb; vertical-align: middle; margin-left: -26px; margin-right: 10px; margin-top: -3px;}
.radio_circle:checked + label span {border: 5px solid #005b6e;}



@media all and (max-width:1000px){
    /* BUTTON */
    .btn_bg.md {min-width: 90px; height: 35px; font-size: 13px;}
    .btn_bg.md2 {min-width: 90px; height: 45px; font-size: 14px; padding:0 10px;}
    .btn_bg.lg {min-width: 110px; height: 40px; font-size: 14px;}
    .btn_line.md {min-width: 90px; height: 35px; font-size: 13px;}
    .btn_line.md2 {min-width: 90px; height: 45px; font-size: 14px; padding:0 10px;}
    .out_reason_txt {font-size: 13px;}
    .lg_btn_target {font-size: 14px; min-height: 45px; padding: 10px 15px; min-width: 90px;}

    .btn_inline {padding: 3px 10px; font-size: 13px;}

    /* INPUT */
    .textarea_con {height: 200px; padding: 15px; font-size: 13px;}
    .textarea_con.n02 {height: 100px;}
    .txt_nor {height: 35px; font-size: 13px;}
    .txt_join {height: 35px; font-size: 13px;}
    
    .btn_jo_sear {height: 35px; width: 35px; font-size: 14px;}

    .txt_nor.w20 {width: 40%;}
    .txt_nor.w30 {width: 30%;}
    .txt_nor.w40 {width: 100%;}
    .txt_nor.w50 {width: 100%;}
    .txt_nor.w70 {width: 100%;}
    .txt_nor.w80 {width: 100%;}
    
    .w10 {width: 20% !important;}
    .w20 {width: 40% !important;}
    .w30 {width: 30% !important;}
    .w40 {width: 100% !important;}
    .w50 {width: 100% !important;}
    .w70 {width: 100% !important;}
    .w80 {width: 100% !important;}
    .w100 {width: 100% !important;}

    .txt_nor.search {width: calc(100% - 35px) !important;}

    .txt_nor.wPhone {width: 30%;}
  
    /* CHECK BOX */
    .join_check {width: 15px; height: 15px;}
    .join_check + label {font-size: 15px;}
    .join_check + label span {width: 20px; height: 20px; left: -25px; background-size: 11px;}
    .join_check:checked + label {}
    .join_check:checked + label span {}
    
    /* radio */
    .radio_circle {width: 15px; height: 15px; border: none !important; vertical-align: middle;}
    .radio_circle + label {font-size: 14px;}
    .radio_circle + label span {width: 15px; height: 15px; margin-left: -20px;}
}


/* 제목 내용 */
.h2_type_1 {font-size: 22px; font-weight: 500; color: #111; margin-bottom: 20px;}

.h3_type_1 {padding-left: 15px; position: relative; font-size: 17px; font-weight: 500; color:#005e6f; margin-bottom: 10px;}
.h3_type_1::before {content: ""; display: block; width: 4px; height:18px; background-color: #005d6e; position: absolute; left: 0px; top: 3px;}

.h3_type_2 {font-size: 20px; font-weight: 400; color: #333; padding-left: 33px; position: relative; margin-bottom: 15px;}
.h3_type_2::before {content: ""; display: block; width: 17px; height: 6px; background-color: #6d6b68; position: absolute; left: 0; top: 12px;}

.line_bullet {padding-left: 25px; position: relative; font-size: 16px; font-weight: 400; color:#222; margin-bottom: 7px;}
.line_bullet::before {content: ""; display: block; width: 4px; height:14px; border-radius: 3px; background-color: #009292; position: absolute; left: 10px; top: 6px;}

.dot_bullet {padding-left: 25px; position: relative; font-size: 16px; font-weight: 400; color:#222; margin-bottom: 10px;}
.dot_bullet::before {content: ""; display: block; width: 5px; height:5px; border-radius: 50%; background-color: #009292; position: absolute; left: 6px; top: 10px;}

.txt01 {font-size: 16px;}

.sm_txt {font-size: 0.9em;}

.indent_txt {padding-left: 17px; text-indent: -17px; margin-top: 5px; font-size: 15px;}
.indent_txt:first-of-type {margin-top: 0px;}

.txt_indent > li {padding-left: 17px; text-indent: -17px; margin-top: 5px; line-height: 1.6;}
.txt_indent > li:first-of-type {margin-top: 0px;}

.sbj01 {margin-bottom: 10px; font-weight: 400;}

.receipt_title_01 {margin-bottom: 25px;}
.receipt_title_01 h2 {background-color: #edf7f7; padding: 15px 20px; font-size: 20px; color: #222; font-weight: 500;}
.receipt_title_01 h2::before {content: "\e90b"; font-family: 'xeicon'; margin-right: 15px; display: inline-block; vertical-align: middle; padding:1px 0 0px; background-color: #168c8c; color: #fff; border-radius: 50%; width: 25px; height: 25px; text-align: center; font-size: 14px; box-sizing: border-box;}


@media all and (max-width:1000px){
    .h2_type_1 {font-size: 18px; margin-bottom: 15px;}
    .h3_type_1 {padding-left: 18px; background-size: 20px; font-size: 17px; min-height: 20px; margin-bottom: 15px;}
    .h3_type_2 {font-size: 17px; padding-left: 20px; margin-bottom: 10px;}
    .h3_type_2::before {width: 10px; height: 3px;}
    .h4_type_1 {padding-left: 18px; background-size: 12px; font-size: 15px; min-height: 20px; margin-bottom: 13px;}
    
    .txt01 {font-size: 14px;}
    
    .line_bullet {padding-left: 10px; font-size: 14px; margin-bottom: 5px;}
    .line_bullet::before {width: 3px; height:13px; left: 0px; top: 4px;}

    .dot_bullet {padding-left: 10px; font-size: 14px; margin-bottom: 6px;}
    .dot_bullet::before {width: 3px; height:3px; left: 0px; top: 10px;}
    
    .indent_txt {padding-left: 15px; text-indent: -15px; font-size: 13px;}

    .txt_indent > li {padding-left: 15px; text-indent: -15px; font-size: 13px;}

    .sbj01 {font-size: 14px;}

    .receipt_title_01 {margin-bottom: 20px;}
    .receipt_title_01 h2 {padding: 10px 15px; font-size: 16px;}
    .receipt_title_01 h2::before {margin-right: 7px; width: 20px; height: 20px; padding-top: 0px; font-size: 12px;}

    .txt_sm {font-size: 14px;}
}





/* 테이블 */
.table_box_in {width:100%;}
.tbl_subIn {width:100%; position:relative;}
.tbl_subIn::before {content:""; position:absolute; left:0; top:0; z-index: 10; width: 100%; height: 2px; background-color:#005e6f;}
.tbl_subIn::after {content:""; position:absolute; right:-1px; top:0; z-index: 10; width: 2px; height: 100%; background-color:#fff;}
.tbl_subIn th {background-color:#fafafa; font-weight: 500; color:#222; font-size: 15px; border: 1px solid #ddd; border-left: none; padding:15px 10px; text-align: center;}
.tbl_subIn td {color:#444; font-size: 15px; font-weight: 400; border: 1px solid #ddd; border-left: none; text-align: center; padding: 15px 10px;}
.tbl_subIn td.txtL {text-align:left; padding-left: 30px;}
.tbl_subIn td.bgGray {background-color: #fafafa;}
.tbl_subIn td .tbl_txt1 {line-height: 2.3;}

.tbl_subIn tbody tr:first-of-type td {border-top: none;}
.tbl_subIn tbody tr:first-of-type th {border-top: none;}



@media all and (max-width:560px){
    .table_box_in {width:100%; overflow: auto;}
    .table_box_in .tbl_subIn {width:600px;}
    .tbl_subIn th {font-size: 13px; padding:10px 5px;}
    .tbl_subIn td {font-size: 13px; padding: 10px 5px;}
    .tbl_subIn td.txtL {padding-left: 15px;}
}


/* 탭부분 */
.tab_normal_wrap {width: 100%; margin-bottom: 40px;}
.tab_noraml {width: 100%; display: flex; flex-wrap: wrap;}
.tab_noraml > li {flex-grow: 1; text-align: center; border: 1px solid #d0d0d0; margin: -1px 0 0 -1px;}
.tab_noraml > li > a {display: block; height: 100%; display: flex; justify-content: center; align-items: center; padding: 15px 5px; background-color:#fafafa; font-size: 18px; font-weight: 400; color: #666;}
.tab_noraml > li.active {border-top: 2px solid #009292; border-bottom-color:#fff;}
.tab_noraml > li.active a {background-color: #fff; color: #009292;}

.tab_squre_w {margin-bottom: 50px;}
.tab_squre_01 {width: 100%; display: flex; flex-wrap: wrap;}
.tab_squre_01 > li {margin: -1px 0 0 -1px; flex-grow: 1; flex-basis: 20%;}
.tab_squre_01 > li > a { display: block; border: 1px solid #e0e0e0; text-align: center; font-size: 15px; color: #222; padding: 18px 10px; font-weight: 400;}
.tab_squre_01 > li.active > a {border-color: #0097b2; background-color: #0097b2; color: #fff; font-weight: 400;}


@media all and (max-width:1000px){
    /* 탭부분 */
    .tab_normal_wrap {margin-bottom: 20px;}
    .tab_noraml > li {width: 50%;}
    .tab_noraml > li > a {padding: 10px 5px; font-size: 14px;}

    .tab_squre_w {margin-bottom: 30px;}
    .tab_squre_01 {}
    .tab_squre_01 > li {flex-basis: 50%; flex-grow: 0;}
    .tab_squre_01 > li > a {font-size: 14px; padding: 10px 5px;}

}





/******* 세미나실 예약현황 *******/
.tbl_board1 .result button.apply_cancle_btn {background-color:#333; color:#fff; min-width:80px; padding:5px; transition:all .25s ease;} 
.tbl_board1 .result button.apply_cancle_btn:hover {background-color:#111;}
.tbl_board1 .result.can_com {color:#999;}
.tbl_board1 .result.non_cancle {color:#999;}

@media all and (max-width:1000px){
	/******* 세미나실 예약현황 *******/
	.tbl_board1 .result button.apply_cancle_btn {font-size:13px;}
}







/******* 로그인 페이지 *******/
.user_login_box {width:610px; margin:100px auto;}
.user_login_box .login_top {text-align: center; margin-bottom:40px;;}
.user_login_box .login_top h1 {font-size:30px; color:#111; font-weight:500; margin-bottom:15px;}
.user_login_box .login_top h3 {color:#444; font-size:15px; font-weight:400;}
.user_login_box .login_top .mo_block {display:none;}
.user_login_box .user_info {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:15px; }
.user_login_box .user_info .left_user_box {width:80%; padding-right:3px;}
.user_login_box .user_info .left_user_box .input_b {border:1px solid #dfdfdf; width:100%; padding:5px 12px;} 
.user_login_box .user_info .left_user_box .input_b input {border:none; font-size:15px; width:94%;  padding:9px 10px 9px 5px;}
.user_login_box .user_info .left_user_box .input_b input::placeholder {color:#999; font-weight:300;}
.user_login_box .user_info .left_user_box .input_b i {color:#ccc; font-size:20px; vertical-align: middle; }
.user_login_box .btn_login button {width:120px; height:107px; background-color:#ff6000; color:#fff; font-size:15px; transition:all .25s ease;}
.user_login_box .btn_login button:hover {background-color:#ff7200;}
.user_login_box .find_user_info {display:block; width:100%; color:#444; font-size:15px; text-align:right; font-weight:400;}
.user_login_box .find_user_info:hover {text-decoration: underline; text-underline-position: under;}
.user_login_box .black_line {width:100%; height:1px; background-color:#666; margin:30px 0 20px;}
.user_login_box .not_member_box {width:100%;}
.user_login_box .not_member_box h5 {font-size:17px; color:#111; font-weight:500; padding-bottom:20px;}
.user_login_box .not_member_box .not_memPlan {display:flex; flex-wrap:wrap; justify-content: space-between;}
.user_login_box .not_member_box .not_memPlan p {color:#555; font-size:15px; font-weight:400;}
.user_login_box .not_member_box .not_memPlan .s_join_btn {border:1px solid #dfdfdf; font-size:15px; color:#444; min-width:100px; border-radius:50px; transition:all .25s ease;} 
.user_login_box .not_member_box .not_memPlan .s_join_btn:hover {border-color:#ff7200; color:#ff7200;} 



@media all and (max-width:1000px){
    /******* 로그인 페이지 *******/
    .user_login_box {width:100%; margin:20px 0;}
    .user_login_box .login_top .mo_block {display:block;}
    .user_login_box .login_top h1 {font-size:22px; margin-bottom:10px;}
    .user_login_box .login_top h3 {font-size:14px;}
    .user_login_box .user_info .left_user_box {width:100%; padding-right:0;}
    .user_login_box .user_info .left_user_box .input_b input {width:86%;}
    .user_login_box .btn_login {width:100%;}
    .user_login_box .btn_login button {width:100%; height:auto; padding:13px; margin-top:10px;}
    .user_login_box .find_user_info {font-size:14px;}
    .user_login_box .black_line {margin:20px 0;}
    .user_login_box .not_member_box h5 {font-size:15px; padding-bottom:10px;}
    .user_login_box .not_member_box .not_memPlan p {width:100%; font-size:14px;}
    .user_login_box .not_member_box .not_memPlan .s_join_btn {margin-top:15px; padding:5px;}
    .user_login_box .user_info .left_user_box .input_b input::placeholder {font-size:13px;}
}


/******* 연구비부정집행신고 센터 *******/
.private_txt_box {border: 1px solid #ddd; padding: 28px 33px;}
.private_txt_box p {font-size: 15px; font-weight: 300; color: #333; line-height: 1.6;}
.private_txt_box h3 {font-size: 16px; font-weight: 400; color: #111; margin-bottom: 3px;}
.priva_confirm_box {margin-top: 10px; padding: 0 10px;}
.priva_confirm_box label {font-weight: 400; color: #333; font-size: 16px;}

.explain_priva_01 {font-size: 15px; line-height: 1.7; margin-bottom: 30px;}

.table_pri_box {width: 100%; font-size: 16px;}
.tbl_subIn.tbl_priv1 {}
.tbl_subIn.tbl_priv1 th {background-color: #f8fcff; font-size: 15px;}
.tbl_subIn.tbl_priv1::before {background-color: #333;}



/*******  *******/


@media all and (max-width:1000px){
    .private_txt_box {padding: 20px 20px;}
    .private_txt_box p {font-size: 14px;}
    .private_txt_box h3 {font-size: 15px;}
    .priva_confirm_box {margin-top: 5px;}
    .priva_confirm_box label {font-size: 14px;}

    .explain_priva_01 {font-size: 14px; margin-bottom: 20px;}

    .table_pri_box {width: 100%;}
    .tbl_subIn.tbl_priv1 {}
     .tbl_subIn.tbl_priv1 th {background-color: #f8fcff; font-size: 13px;}
    .tbl_subIn.tbl_priv1::before {background-color: #333;}
}

/******* 세미나실 예약(달력) *******/
.cal_meeting_room {width:100%; position:relative;}
.cal_meeting_room .cal_month_box {width:380px; color:#111; display: flex; flex-wrap:wrap;  justify-content: space-between; margin:0 auto 30px;}
.cal_meeting_room .cal_month_box .cho_date {display:flex; flex-wrap:wrap; font-size:15px; align-items:baseline; color:#111; font-weight:400; line-height:45px;}
.cal_meeting_room .cal_month_box .cho_date .year {color:#111; font-size:15px; font-weight:500;}
.cal_meeting_room .cal_month_box .cho_date .month {color:#111; font-size:29px; font-weight:500; padding-left:15px;}
.cal_meeting_room .cal_month_box .cal_arrow {padding:15px;}
.cal_meeting_room .cal_meeting_table {width:100%;}
.cal_meeting_room .cal_meeting_table .tb_calendar {width:100%; border:1px solid #ddd; border-top:2px solid #333;}
.cal_meeting_room .cal_meeting_table .tb_calendar th {background-color:#005a70; color:#fff; font-size:16px; font-weight:500; text-align:center; padding:12px 10px; border-right:1px solid #18687c; }
.cal_meeting_room .cal_meeting_table .tb_calendar td {width:140px; height:180px; border-right:1px solid #ddd; padding:10px 8px; position:relative; vertical-align: top; border-bottom:1px solid #ddd;}
.cal_meeting_room .cal_meeting_table .tb_calendar td .m_date {width:110px;  height:18px; color:#333; font-size:14px; display:block; margin-bottom:10px;}
.cal_meeting_room .cal_meeting_table .tb_calendar td .m_date .today_txt {padding-left:10px; color:#6d6b68; font-weight:500;}
.cal_meeting_room .cal_meeting_table .tb_calendar td .m_date.sat {color:#006cff;}
.cal_meeting_room .cal_meeting_table .tb_calendar td .m_date.sun {color:#ff0000;}
.cal_meeting_room .cal_meeting_table .tb_calendar td .m_date.holiday {color:#ff0000;}
.cal_meeting_room .cal_meeting_table .tb_calendar td .m_date.holiday span {padding-left:5px;}
.cal_meeting_room .cal_meeting_table .tb_calendar td .m_con {height:100%;}
.cal_meeting_room .cal_meeting_table .tb_calendar td.not_app {background-color:#f8f8f8; height:160px;}
.cal_meeting_room .cal_meeting_table .tb_calendar td.today {background-color:#f8fcff;}
.cal_meeting_room .cal_meeting_table .tb_calendar td.choice.active {background-color:#fffdf8;}
.cal_meeting_room .cal_meeting_table .tb_calendar td .one {font-size:13px;  color:#333; font-weight:400; display: flex;  flex-wrap:wrap; padding:5px; transition:all 0.25s ease;}
.cal_meeting_room .cal_meeting_table .tb_calendar td .one a:hover {text-decoration: underline ;}
.cal_meeting_room .cal_meeting_table .tb_calendar td .one::after {content:""; display:block; border-bottom:1px solid #ddd; width:100%; padding:3px 0;}
.cal_meeting_room .cal_meeting_table .tb_calendar td .one:last-child::after {display:none;}
.cal_meeting_room .cal_meeting_table .tb_calendar td .one .time {display: block;}
.cal_meeting_room .cal_meeting_table .tb_calendar td .one:last-child {border-bottom:none;}
.cal_meeting_room .cal_meeting_table .tb_calendar td .one .active {color:#111; font-weight:500; text-decoration: underline; }
.cal_meeting_room .cal_meeting_table .pop_con {border:2px solid #ddd; background-color:#fff; width:340px; height:auto;  position:absolute; top:44%; left:68%; transform: translate(-10%,-40%); padding:12px 20px; z-index: 1; display:none;} 
.cal_meeting_room .cal_meeting_table .pop_con .pop_close_btn {position:absolute; top:5px; right:10px; font-size:16px; padding:3px; }
.cal_meeting_room .cal_meeting_table .pop_con p {font-size:14px; font-weight:500; color:#111; padding-bottom:5px;;}
.cal_meeting_room .cal_meeting_table .pop_con .pop_detail li {color:#333; font-size:13px; }

.cal_reservation_btn {position:absolute; top:0; right:0;  color:#fff; font-size:15px;}
.cal_reservation_btn button {color:#fff; padding:6px 8px; border:1px solid #005a70; background-color:#005a70; border-radius:5px; transition:all 0.25s ease;}
.cal_reservation_btn button i {font-size:15px; padding-right:5px;}
.cal_reservation_btn button:hover {background-color:#444; border:1px solid #444;}

@media all and (max-width:1000px){
    /******* 화상회의실 예약(달력) *******/
    .cal_meeting_room .cal_month_box {width:90%;}
    .cal_meeting_room .cal_month_box .cal_arrow {padding:10px;}
    .cal_meeting_room .cal_month_box .cho_date .year {font-size:14px;}
    .cal_meeting_room .cal_month_box .cho_date .month {font-size:20px; padding-left:8px;}
    .cal_meeting_room .cal_month_box {margin:0 auto 50px;}
    .cal_meeting_room .cal_meeting_table {overflow-x: scroll;}
    .cal_meeting_room .cal_meeting_table .tb_calendar {width:800px;}
    .cal_meeting_room .cal_meeting_table .tb_calendar th {font-size:13px; padding:10px 5px;}
    .cal_meeting_room .cal_meeting_table .tb_calendar td {padding:7px 5px;}
    .cal_meeting_room .cal_meeting_table .tb_calendar td .m_date {font-size:13px; margin-bottom:3px;}
    .cal_meeting_room .cal_meeting_table .pop_con {left:12%; width:95%; top:35%; }
    .table_pri_box .tbl_meeting_priv1 th {width:26%;}
    .table_pri_box .tbl_meeting_priv1 .txt_nor.wPhone {width:29%;}
    
    .cal_reservation_btn {top:50px;}
    .cal_reservation_btn button {font-size:13px;}
}

@media all and (max-width:320px){
    /******* 화상회의실 예약(달력) *******/
    .table_pri_box .tbl_meeting_priv1 .txtL.txt_mo_box input {width:45% !important;}
    .table_pri_box .tbl_meeting_priv1 .txtL.txt_mo_box select {width:100% !important; margin-top:5px;}
}




/*******  입주안내 *******/
.type_txt_con {color:#333;}
.type_txt_con p {font-size:15px; position:relative; padding-left:15px; padding-bottom:6px;}
.type_txt_con p:last-child {padding-bottom:0;}
.type_txt_con p::before {content:""; display:inline-block; width:3px; height:3px; background-color:#333; border-radius:50px; position:absolute;left:5px; top:8px;}
.type_txt_con .type_txtList li {font-size:15px; line-height:1.8;}
.in_step_box {width:850px; margin:40px auto 0;}
.in_step_box .cir_list {display:flex; flex-wrap:wrap; justify-content:center;}
.in_step_box .cir_list li.cir_one {width:182px; height:182px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-direction:column; color:#fff;margin-left:-20px; position: relative; text-align:center;}
.in_step_box .cir_list li.cir_one h4 {font-size:16px; font-weight:400; margin-bottom:3px;}
.in_step_box .cir_list li.cir_one p {font-size:15px;}
.in_step_box .cir_list li.cir_one.cir_bg01 {background-color:rgba(247, 140, 46, 0.8)}
.in_step_box .cir_list li.cir_one.cir_bg02 {background-color:rgba(236, 186, 37, 0.8)}
.in_step_box .cir_list li.cir_one.cir_bg03 {background-color:rgba(36, 185, 121, 0.8)}
.in_step_box .cir_list li.cir_one.cir_bg04 {background-color:rgba(22, 121, 182, 0.8)}
.in_step_box .cir_list li.cir_one.cir_bg05 {background-color:rgba(109, 90, 218, 0.8)}
.in_step_box .cir_list li.cir_one .cir_arrow {position:absolute; right:3px; top:45%; font-weight:500; font-size:18px; z-index:1;}



@media all and (max-width:1000px){
    /*******  입주안내 *******/
    .type_txt_con p {font-size:14px; padding-bottom:2px; padding-left:13px;}
    .type_txt_con .type_txtList li {font-size:14px; line-height:1.7;}
    .in_step_box {width:100%; margin:20px auto 0;}
    .in_step_box .cir_list li.cir_one {width:140px; height:140px; margin:5px 5px 5px 0; }
    .in_step_box .cir_list li.cir_one h4 {font-size:14px;}
    .in_step_box .cir_list li.cir_one p {font-size:13px;}
}

@media all and (max-width:400px){
    /*******  입주안내 *******/
    .in_step_box .cir_list li.cir_one.cir_bg05 {margin-top:-10px;}
}



/******* 입주기업현황  *******/
.status_box .tbl_company {border-left:1px solid #ddd; border-right:1px solid #ddd;}
.status_box .tbl_company td {padding:13px;}
.tbl_board1 td.t_left {text-align: left; padding-left:20px;}



@media all and (max-width:1000px){
    /******* 입주기업현황  *******/
    .status_box .tbl_company td {padding:10px 5px 10px;}
    .tbl_board1 td.t_left {text-align: left; padding-left:10px;}
    
}


/******* 입주기업지원 *******/
.board_list_box.edu_box {border-top:2px solid #4e5660}
.board_list_box.edu_box table.tbl_education {border-top:none;}
.board_list_box.edu_box .tbl_education td {padding:20px 17px;}
.board_list_box.edu_box .tbl_education td.bg_sky {background-color:#f8fcff; color:#333;}
.board_list_box.edu_box .tbl_education td:first-child {border-left:1px solid #ddd;}
.board_list_box.edu_box .tbl_education td:last-child {border-right:1px solid #ddd;}

.org_enterprise {width:100%; margin:auto;}
.org_enterprise .orgContent {margin:0 auto;}
.org_enterprise .orgContent .org_title {width:365px; margin: auto;}
.org_enterprise .orgContent .org_title::after {width:180px; height:83px; content:""; display:block; background-image: url("/resources/img/icon/org_arrow.png"); background-repeat:no-repeat; background-position: center center; margin:20px auto 0;}
.org_enterprise .orgContent .org_title .title {background-color:#e69b29; padding:17px; text-align:center; color:#fff; font-size:24px;  border-radius:50px;}
.org_enterprise .orgContent .org_middle {margin:auto; padding:0 0 100px;}
.org_enterprise .orgContent .org_middle span {display:block; width:195px; height:195px; background-color:#035946; color:#fff; font-size:25px; text-align:center; border-radius: 50%; display:flex; align-items:center; justify-content: center; position:relative; margin: 0 auto; z-index:1;}
.org_enterprise .orgContent .org_middle .org_m_box {display:flex; flex-wrap:wrap; justify-content: space-between; margin-top:-190px; }
.org_enterprise .orgContent .org_middle .org_m {width:310px;}
.org_enterprise .orgContent .org_middle .org_m > li {width:100%; background-color:#4491cc; color:#fff; font-size:16px; padding:16px 10px; text-align:center; margin-bottom:10px; position:relative; }
.org_enterprise .orgContent .org_middle .org_m > li:last-child {margin-bottom:0;}
.org_enterprise .orgContent .org_middle .org_m.founded_left {margin-right:auto; position:relative;}
.org_enterprise .orgContent .org_middle .org_m.founded_right {margin-left:auto; position:relative;}
.org_enterprise .orgContent .org_list {width:95%; margin:0 auto;}
.org_enterprise .orgContent .org_list > ul {display:flex; flex-wrap:wrap; position:relative;}
.org_enterprise .orgContent .org_list > ul li { width:23.5%; text-align:center; background-color:#9d9383; color:#fff; font-size:16px; border-radius:50px; display:flex; align-items:center; justify-content: center; padding:10px; margin-right:2%; position:relative;}
.org_enterprise .orgContent .org_list > ul li:last-child {margin-right:0;}

/* 선 */
.org_enterprise .orgContent .org_middle span::after {content:""; display:block; width:1px; height:62px; background-color:#ddd; position:absolute; left:50%; bottom:-33%; z-index:-1;}
.org_enterprise .orgContent .org_middle .org_m.founded_left::after {content:""; display:block; width:1px; height:132px; background-color:#ddd; position:absolute; right:-10%;  top:15%; z-index:-1;}
.org_enterprise .orgContent .org_middle .org_m.founded_right::after {content:""; display:block; width:1px; height:132px; background-color:#ddd; position:absolute; left:-10%;  top:15%; z-index:-1;}
.org_enterprise .orgContent .org_middle .org_m.founded_left > li::after {content:""; display:block; width:10%; height:1px; background-color:#ddd; position:absolute; right:-10%; top:50%; }
.org_enterprise .orgContent .org_middle .org_m.founded_right > li::after {content:""; display:block; width:10%; height:1px; background-color:#ddd; position:absolute; left:-10%; top:50%; }
.org_enterprise .orgContent .org_middle .org_m.founded_left > li:nth-child(2)::after {width:100%;  position:absolute; right:-100%; top:50%; z-index: -1;}
.org_enterprise .orgContent .org_middle .org_m.founded_right > li:nth-child(2)::after {width:100%;  position:absolute; left:-100%; top:50%; z-index: -1;}
.org_enterprise .orgContent .org_list > ul::after {content:""; display:block; width:77%; height:1px; background-color:#ddd; position:absolute; left:11.5%; top:-51%; }
.org_enterprise .orgContent .org_list > ul li::before {content:""; display:block; width:1px; height:35px; background-color:#ddd; position:absolute; top:-51%;}


@media all and (max-width:700px){
    /******* 입주기업지원 *******/
    .org_enterprise {margin-top:20px;}
    .org_enterprise .orgContent .org_title {width:95%;}
    .org_enterprise .orgContent .org_title .title {font-size:17px; padding:15px;}
    .org_enterprise .orgContent .org_title::after {background-size:90px; margin:-10px auto;}
    .org_enterprise .orgContent .org_middle {padding:0 0 40px;}
    .org_enterprise .orgContent .org_middle span {font-size:15px; width:100px; height:100px;}
    .org_enterprise .orgContent .org_middle .org_m {width:30%;}
    .org_enterprise .orgContent .org_middle .org_m > li {font-size:13px; padding:12px 10px;}
    .org_enterprise .orgContent .org_middle .org_m_box {margin-top:-120px;}
    .org_enterprise .orgContent .org_list > ul::after {display:none;}
    .org_enterprise .orgContent .org_list > ul li::before {display:none;}
    .org_enterprise .orgContent .org_middle .org_m.founded_right::after {height:108px;}
    .org_enterprise .orgContent .org_middle .org_m.founded_left::after {height:108px;}
    .org_enterprise .orgContent .org_middle span::after {height:69px; bottom:-69%;}
    .org_enterprise .orgContent .org_list > ul li {width:100%; margin-bottom:6px; font-size:14px; height:50px; margin-right:0;}

}


@media all and (max-width:320px){
    /******* 입주기업지원 *******/
    .org_enterprise .orgContent .org_middle .org_m > li {padding:12px 5px;}
}





/******* 지식재산권 *******/

/* 탭 */
.all_tab_box {width:100%;}
.all_tab_box .tab_property {width:100%; display:flex; flex-wrap:wrap; justify-content: space-between;}
.all_tab_box .tab_property li {width:49.5%; border:1px solid #dfdfdf; background-color:#fff; text-align:center;}
.all_tab_box .tab_property li > a {padding:13px 5px; display:flex; align-content:center; justify-content:center; font-size:16px; color:#333;}
.all_tab_box .tab_property li.active {background-color:#ff6000; border-color:#ff6000;}
.all_tab_box .tab_property li.active a {color:#fff;}

.in_box {padding:15px;}
.in_box .txt_s_title_box {color:#333; font-size:16px; font-weight:400; position:relative; padding-left:25px; margin-bottom:5px;;}
.in_box .txt_s_title_box::before {content:""; display:inline-block; background-image: url("/resources/img/icon/icon_title_circle.png"); background-repeat:no-repeat; width:19px; height:18px; position:absolute; left:0; top:2px;}
.in_box p {color:#333; font-size:15px; font-weight:300;}
.in_box ul li {font-size:15px; color:#333; line-height:1.6; padding-left:12px; position:relative;}
.in_box ul li::before {content:"-"; display:inline-block;; position: absolute; left:0; top:0;}





@media all and (max-width:1000px){
    /******* 지식재산권 *******/
    .all_tab_box .tab_property li > a {font-size:14px; padding:10px 5px;}
    .in_box {padding:10px;}
    .in_box .txt_s_title_box {font-size:14px; margin-bottom:3px;}
    .in_box p {font-size:14px;}
    .in_box p br {display:none;}
    .in_box ul li {font-size:14px;}
    .in_box .txt_s_title_box::before {background-size:18px;}
}


/******* 지식재산권 현황  *******/
.board_top02 {margin:35px 0 20px;}
.staus_box .tbl_staus tr td:first-child {border-left:1px solid #ddd; }
.staus_box .tbl_staus tr th:first-child {border-left:1px solid #ddd; }
.staus_box .tbl_staus tr th:last-child {border-right:1px solid #ddd; }
.staus_box .tbl_staus tr td:last-child {border-right:1px solid #ddd; }



@media all and (max-width:1000px){
    /******* 지식재산권 현황  *******/
    .staus_box .tbl_staus td.t_left br {display:none;}
}




/******* 기술이전  *******/
.explain_pri02 {margin-bottom:0;}
.board_list_box.edu_box table.tbl_education .table_inTxt {color:#333; font-size:15px;}
.board_list_box.edu_box table.tbl_education .table_inTxt span {display:block; font-weight:500; padding-bottom:3px;}
.tab_transfer_con .technology_process_box {width:90%; margin:20px auto 70px;}
.tab_transfer_con .technology_process_box .tch_list {width:100%; display: flex; justify-content: space-between;}
.tab_transfer_con .technology_process_box .tch_list li.squ_box {border:3px solid #ddd; width:207px; height:190px; border-radius:12px; display: flex; flex-direction: column; align-items: center; justify-content:center; }
.tab_transfer_con .technology_process_box .tch_list li.r_arrow {font-size:30px; font-weight:600; color:#ddd; display: flex; align-items: center; justify-content:center;}

.tab_transfer_con .technology_process_box .tch_list li h5 {color:#333; font-size:15px; font-weight:400; padding:15px 0 8px;}
.tab_transfer_con .technology_process_box .tch_list li p {color:#ff6000; font-weight:400; font-size:15px; line-height:1.4;}


@media all and (max-width:1000px){
    /******* 기술이전  *******/
    .board_list_box.edu_box table.tbl_education .table_inTxt {font-size:13px;}
    .board_list_box.edu_box table.tbl_education .table_inTxt p br {display:none;}
    .tab_transfer_con .technology_process_box {margin:15px auto 30px;}
    .tab_transfer_con .technology_process_box .tch_list { flex-wrap:wrap; justify-content:center; margin:auto;}
    .tab_transfer_con .technology_process_box .tch_list li.squ_box {width:47%; height:150px; margin:3px;}
    .tab_transfer_con .technology_process_box .tch_list li .icon_tech {width:35px;}
    .tab_transfer_con .technology_process_box .tch_list li h5 {font-size:14px; padding:8px 0 4px;}
    .tab_transfer_con .technology_process_box .tch_list li p {font-size:14px;}
    .tab_transfer_con .technology_process_box .tch_list li.r_arrow {display:none;}
}



/******* 기술지주회사 *******/
.in_box02 {padding:0;}
.operating_system {width:1074px; height:777px; margin:60px 0;}




@media all and (max-width:1000px){
    /******* 기술지주회사 *******/
    .operating_system {width:100%; height:auto; margin:30px 0;}
    .operating_system img {width:100%; height:auto;}

}

/******* 클레이텍 *******/
.txt_style_type p {position:relative; padding-left:12px; color:#333; font-size:15px; line-height:1.7;}
.txt_style_type p::before {content:"-"; position:absolute; left:0;}
.product_box  {width:100%; margin:20px 0 40px;}
.product_box .clay_product {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.product_box .clay_product li {width:33.33%; margin-bottom:10px;}
.other_box {display:flex; flex-wrap:wrap; border:1px solid #ddd; background-color:#fdfdfd; padding:15px 20px; color:#333; font-size:15px;}
.other_box i {color:#005a70; font-size:30px;}
.other_box h5 {padding:6px 10px;}
.other_box p {font-weight:400; padding:6px;}


@media all and (max-width:1000px){
    /******* 클레이텍 *******/
    .txt_style_type p {font-size:14px;}
    .product_box {margin:20px 0;}
    .product_box .clay_product li {width:49%; margin-bottom:6px;}
    .product_box .clay_product li img {width:100%;}
    .other_box {padding:13px 16px; font-size:13px;}
    .other_box i {font-size:20px;}
    .other_box h5 {font-size:14px; padding:0 7px;}
    .other_box p {padding:1px;}
}



/******* 숲헤어 *******/
.soup_logo {text-align:center; margin-bottom:50px; }

@media all and (max-width:1000px){
    /******* 숲헤어 *******/
    .soup_logo {width:150px; margin:0 auto 25px;}
}



/******* 관련사이트 *******/
.re_site_box {width:100%;}
.re_site_box li {border-bottom:1px dashed #ddd; display:flex; flex-wrap:wrap; justify-content: space-between;}
.re_site_box li .one {width:50%; padding:20px 0; }
.re_site_box li:first-child .one {padding-top:0;}
.re_site_box li .one a {display:flex; flex-wrap:wrap;}
.re_site_box li .one:hover a {text-decoration:underline;}
.re_site_box li .one .leftLogo {width:200px; height:85px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; border:1px solid #ddd;}
.re_site_box li .one .rightCon {padding:20px;}
.re_site_box li .one .rightCon h5 {color:#333; font-size:16px; font-weight:500; letter-spacing:-0.8;}
.re_site_box li .one .rightCon p {color:#333; font-size:14px;}



@media all and (max-width:1250px){
    /******* 관련사이트 *******/
    .re_site_box li .one a {align-items: center;}
    .re_site_box li .one .leftLogo {width:147px; height:60px;}
    .re_site_box li .one .leftLogo img {width:120px;}
    .re_site_box li .one .rightCon {padding:15px 8px;}
    .re_site_box li .one .rightCon h5 {font-size:15px;}

}



@media all and (max-width:1000px){
    /******* 관련사이트 *******/
    .re_site_box li .one {width:50%; padding:15px 0;}
    .re_site_box li .one .leftLogo {width:97%; height:55px; padding:5px;}
    .re_site_box li .one a {display:block;}
    .re_site_box li .one .rightCon {padding:10px 0 0;}
    .re_site_box li .one .rightCon h5 {font-size:13px; letter-spacing:-0.8px;}
    .re_site_box li .one .rightCon p {font-size:13px;}
}

@media all and (max-width:320px){
    /******* 관련사이트 *******/
    .re_site_box li .one .rightCon {padding:10px 6px 0;}
    .re_site_box li .one .rightCon h5 {font-size:12px;}
    .re_site_box li .one .rightCon p {font-size:12px;}
  
}

/******* 공동기술개발(R&D) *******/
.explain_pri02 .txtWeight {color:#000; font-size:15px; font-weight:400;}
.sub_in .rnd_process_box {width:90%; display:flex; flex-wrap:wrap; justify-content: space-between; margin:40px auto;}
.sub_in .rnd_process_box li {background-position:center center; background-repeat:no-repeat;}
.sub_in .rnd_process_box li.bg_one01 {background-image: url("/resources/img/sub/img_rnd_process01.png"); width:188px; height:188px; }
.sub_in .rnd_process_box li.bg_one02 {background-image: url("/resources/img/sub/img_rnd_process02.png"); width:188px; height:188px; }
.sub_in .rnd_process_box li.bg_one03 {background-image: url("/resources/img/sub/img_rnd_process03.png"); width:188px; height:188px; }
.sub_in .rnd_process_box li.bg_one04 {background-image: url("/resources/img/sub/img_rnd_process04.png"); width:188px; height:188px; }
.sub_in .rnd_process_box li .process_one {height:188px; display:flex; flex-wrap:wrap; align-items: center; justify-content:center; flex-direction: column; margin:auto;}
.sub_in .rnd_process_box li .process_one .in_line {content:""; display:block; width:100px; height:1px; background-color:#ddd; margin:7px 0;}
.sub_in .rnd_process_box li .process_one .c_title {color:#333; font-size:15px; font-weight:400; text-align:center;}
.sub_in .rnd_process_box li .process_one .in_month {color:#005a70; font-size:15px; font-weight:400;}
.sub_in .icon_rnd_arrow {width:11px; background-image: url("/resources/img/icon/icon_rnd_arrow.png"); background-repeat:no-repeat; background-position:center center; display:flex; align-items:center; justify-content:center;}
.sub_in .color_org {color:#ff6000; font-size:15px; font-weight:300; display:block;}

@media all and (max-width:1000px){
    /******* 공동기술개발(R&D) *******/
    .sub_in .rnd_process_box {width:100%; justify-content:start;}
    .explain_pri02 .txtWeight {font-size:14px;}
    .sub_in .rnd_process_box {margin:20px auto;}
    .sub_in .rnd_process_box li .process_one .c_title {font-size:14px;}
    .sub_in .rnd_process_box li .process_one .in_month {font-size:14px;}
    .sub_in .rnd_process_box li.bg_box {background-size:145px;}
    .sub_in .color_org {font-size:14px;}
}



@media all and (max-width:500px){
    /******* 공동기술개발(R&D) *******/
    .sub_in .rnd_process_box {justify-content:space-between; }
    .sub_in .rnd_process_box li.bg_box {width:45%;}
    .sub_in .rnd_process_box li .process_one {height:145px;}
    .sub_in .rnd_process_box li.bg_one01 {height:145px; margin-bottom:13px;}
    .sub_in .rnd_process_box li.bg_one02 {height:145px; }
    .sub_in .rnd_process_box li.bg_one03 {height:145px; }
    .sub_in .rnd_process_box li.bg_one04 {height:145px; }
    .sub_in .icon_rnd_arrow.mo_rnd_arrow {display:none;}
}


@media all and (max-width:320px){
    /******* 공동기술개발(R&D) *******/
    .sub_in .rnd_process_box li.bg_box {background-size:130px;}
    .sub_in .rnd_process_box li .process_one .c_title {font-size:13px;}
    .sub_in .rnd_process_box li .process_one .in_month {font-size:13px;}
}

/******* 연구과제관리 *******/
.research_project_box .research_list {width:100%;}
.research_project_box .research_list li {display:flex; justify-content: flex-start;}
.research_project_box .research_list li .pro_left {width:200px; background-color:#8ec8f2; color:#fff;  border-radius:8px; display:flex; align-items:center; justify-content: center; text-align:center;}
.research_project_box .research_list li .pro_left.proBg02 {background-color:#6eb6ea;}
.research_project_box .research_list li .pro_left.proBg03 {background-color:#53a5e1;}
.research_project_box .research_list li .pro_left.proBg04 {background-color:#479ddc;}
.research_project_box .research_list li .pro_left.proBg05 {background-color:#479ddc;}
.research_project_box .research_list li .pro_left.proBg06 {background-color:#3490d3;}
.research_project_box .research_list li .pro_left.proBg07 {background-color:#247fc2;}
.research_project_box .research_list li .pro_left.proBg08 {background-color:#1777bd;}
.research_project_box .research_list li .pro_left.proBg09 {background-color:#0f6db1;}
.research_project_box .research_list li .pro_left.proBg10 {background-color:#024e9b;}
.research_project_box .research_list li .pro_left.proBg11 {background-color:#024386;}
.research_project_box .research_list li .pro_left.proBg12 {background-color:#00265a;}
.research_project_box .research_list li .pro_left.proBg13 {background-color:#00265a;}
.research_project_box .research_list li .pro_right {width:calc(100% - 200px); padding:11px 11px 11px 25px;;}
.research_project_box .research_list li .pro_right h5 {color:#111; font-size:16px; font-weight:400;}
.research_project_box .research_list li .pro_right .t_con {color:#333; font-size:15px; padding-bottom:3px;}
.research_project_box .research_list li .pro_right .t_con.t_con02 {position:relative; padding-left:10px;}
.research_project_box .research_list li .pro_right .t_con.t_con02::before {content:"-"; display:inline-block; position:absolute; left:0;}
.research_project_box .research_list li .pro_right .t_agency {color:#4d9eda; font-size:15px;}
.research_project_box .research_list li .pro_right .pro_card_notice {margin-top:15px;}
.research_project_box .research_list li .pro_right .pro_card_notice ul {width:100%; display: flex; }
.research_project_box .research_list li .pro_right .pro_card_notice ul > li {width:50%;  display:flex; flex-direction: column;}
.research_project_box .research_list li .pro_right .pro_card_notice li .top_tit {border-radius:50px; color:#fff; font-size:15px; text-align:center; padding:13px 10px;}
.research_project_box .research_list li .pro_right .pro_card_notice li .top_tit.topBg01 {background-color:rgba(149, 106, 198, 0.9)}
.research_project_box .research_list li .pro_right .pro_card_notice li .top_tit.topBg02 {background-color:rgba(77, 218, 183, 0.9); margin-left:-20px;}
.research_project_box .research_list li .pro_right .pro_card_notice li .bottom_con {text-align: center; font-size:14px; padding:10px 0;}
.research_project_box .research_list li.icon_re_arrow {width:200px; height:11px; text-align:center; content:""; background-image: url("/resources/img/icon/icon_research_arrow.png"); background-repeat:no-repeat; background-position:center center; margin:6px;}




@media all and (max-width:1000px) {
    /******* 연구과제관리 *******/
    .research_project_box .research_list li {display:block;}
    .research_project_box .research_list li .pro_left {width:100%; padding:12px; font-size:14px;}
    .research_project_box .research_list li .pro_left br {display:none;}
    .research_project_box .research_list li .pro_right {width:100%; padding:10px 5px 0;}
    .research_project_box .research_list li .pro_right h5 {font-size:14px;}
    .research_project_box .research_list li .pro_right .t_con {font-size:14px;}
    .research_project_box .research_list li .pro_right .t_agency {font-size:14px;}
    .research_project_box .research_list li.icon_re_arrow {width:100%; margin:12px 0;}
    .research_project_box .research_list li .pro_right .pro_card_notice ul {display:block;}
    .research_project_box .research_list li .pro_right .pro_card_notice ul > li {width:100%;}
    .research_project_box .research_list li .pro_right .pro_card_notice li .top_tit {font-size:14px; padding:10px;}
    .research_project_box .research_list li .pro_right .pro_card_notice li .bottom_con p {text-align:left;}
    .research_project_box .research_list li .pro_right .pro_card_notice li .bottom_con p br {display:none;}
    .research_project_box .research_list li .pro_right .pro_card_notice li .top_tit.topBg02 {margin:0 0 10px 0;}
}

 
/******* 단장인사말 *******/
.greeting_box {position:relative}
.greeting_box .top_txt_box {border-bottom:1px dashed #ddd; padding:20px;}
.greeting_box .top_txt_box h1 {color:#111; font-size:30px; font-weight:400;}
.greeting_box .top_txt_box h1 .txt_org_color {color:#ff8400; font-weight:400;}
.greeting_box .top_txt_box p {color:#aaa; font-size:20px; padding:10px 0px 15px;}
.greeting_box .greeting_con {padding:20px;}
.greeting_box .greeting_con p {color:#333; font-size:15px; line-height:1.9; text-align: justify;}
.greeting_box .greeting_con p.gre_promise {color:#111; font-size:15px; font-weight:400;}
.greeting_box .gre_picture {position:absolute; right:0; top:10px;}
.greeting_box .gree_name  {color:#111; font-size:16px; display:flex; justify-content:flex-end; margin:0 20px;}
.greeting_box .gree_name  p {font-weight:400; padding:7px 0;}
.greeting_box .gree_name .font-w {font-weight:600;}
.greeting_box .gree_name .leader {margin-left:25px; width:82px; height:36px;}


@media all and (max-width:1300px) {
    /******* 단장인사말 *******/
    .greeting_box .gre_picture {width:270px;}
}


@media all and (max-width:1000px) {
    /******* 단장인사말 *******/
    .greeting_box .top_txt_box {padding:0;}
    .greeting_box .top_txt_box h1 {font-size:22px;}
    .greeting_box .top_txt_box p {font-size:15px; padding:5px 0 12px;}
    .greeting_box .greeting_con {padding:0;}
    .greeting_box .greeting_con p {font-size:14px; line-height:1.7; text-align:left;}
    .greeting_box .greeting_con p.gre_promise {font-size:14px; line-height:1.7;}
    .greeting_box .greeting_con p.gre_promise br {display:none;}
    .greeting_box .gree_name {margin:0 6px;}
    .greeting_box .gree_name p {font-size:14px; padding:2px 0;}
    .greeting_box .gree_name .font-w {font-size:14px; }
    .greeting_box .gree_name .leader {width:63px; height:27px; margin-left:15px;}
    .greeting_box .gre_picture {position:inherit; width:300px; margin:25px auto;}
}


/******* 오시는길 *******/
.sub_in .loadMap {margin:auto; border:1px solid #ddd;}
.sub_in .loadMap img {width:100%;}
.sub_in .map_info {margin-top:20px;}
.sub_in .map_info .map_con_box {border:1px solid #ddd; border-top:2px solid #111; padding:25px 40px;}
.sub_in .map_info .map_con_box li {display:flex; flex-wrap:wrap; justify-content: start; margin-bottom:10px;}
.sub_in .map_info .map_con_box li:last-child {margin-bottom:0;}
.sub_in .map_info .map_con_box li .m_icon {width:26px; height:26px; border-radius:50%; padding:5px; color:#fff; background-color:#a0d097; display:block;}
.sub_in .map_info .map_con_box li .icon_map_fax {background-image: url("/resources/img/icon/icon_map_fax.png"); background-repeat:no-repeat; background-position:center center;}
.sub_in .map_info .map_con_box .map_app {font-size:14px; color:#111; font-weight:500; padding:3px 20px;}
.sub_in .map_info .map_con_box .map_app_con {color:#333; font-size:14px; padding:3px 0;}
.in_box02 .txt_s02 {font-weight:500;}


@media all and (max-width:1000px) {
    /******* 오시는길 *******/
    .sub_in .map_info {margin-top:10px;}
    .sub_in .map_info .map_con_box {padding:15px 20px;}
    .sub_in .map_info .map_con_box li {margin-bottom:0;}
    .sub_in .map_info .map_con_box li .m_icon {width:23px; height:23px; font-size:13px;}
    .sub_in .map_info .map_con_box .map_app {width:calc(100% - 23px); font-size:13px; padding:3px 10px;}
    .sub_in .map_info .map_con_box .map_app_con {font-size:13px; padding-left:30px;}

}


/******* 조직구성 *******/
.board_top_box .board_search_b .employee {color:#111; font-size:14px; font-weight:400; margin-right:10px; text-align:center;}
.tbl_employee tr th {font-size:14px;}
.tbl_employee tr th:first-child {border-left:1px solid #ddd;}
.tbl_employee tr th:last-child {border-right:1px solid #ddd;}
.tbl_employee tr td p {font-size:14px;}
.tbl_employee tr td.phone_mail p {line-height: 1.3;}
.board_list_box.edu_box .tbl_education.tbl_employee tr td {font-size:14px; padding:18px 16px;}
.tbl_employee tr td.t_left02 .type_txt02 p {padding-bottom:2px;}


@media all and (max-width:1000px) {
    /******* 조직구성 *******/
    .tbl_employee tr th {font-size:13px;}
    .tbl_employee tr td p {font-size:13px;}
    .board_list_box.edu_box .tbl_education.tbl_employee tr td {font-size:13px;}
    .board_top_box .board_search_b .employee {display:block; margin-bottom:6px;}

}

/******* 연혁 *******/
.tab_history_con .top_bg_box {position:relative;}
.tab_history_con .h_bg_txt {font-size:30px; color:#fff; position:absolute; top:0; font-weight:300; top:40%; left:37%;}
.history_list_box .h_one {display:flex; flex-wrap:wrap; justify-content: space-between;}
.history_list_box .h_one .history_left {width:176px; text-align:center; margin-right:20px; border-top:1px solid #ddd; padding-top:20px;}
.history_list_box .h_one .history_left.h_top_border {border-top:2px solid #333;}
.history_list_box .h_one .history_right.h_top_border {border-top:2px solid #333;}
.history_list_box .h_one .history_left h4 {color:#333; font-size:20px; font-weight:500; padding:2px;}
.history_list_box .h_one .history_right {width:calc(100% - 196px); padding-top:20px;}
.history_list_box .h_one .history_right .right_list_one {border-bottom:1px solid #ddd; display:flex; display:flex;}
.history_list_box .h_one .history_right .right_list_one .inLeft {width:80px; display:flex; align-items:center; justify-content:center; color:#ff4b00; font-size:14px; font-weight:400; text-align:center;  }
.history_list_box .h_one .history_left.h_bottom_border {border-bottom:1px solid #ddd;}
.history_list_box .h_one .history_right .right_list_one .inRight {width:calc(100% - 80px);}
.history_list_box .h_one .history_right .right_list_one .inRight p {color:#333; font-size:14px; font-weight:400; position:relative; padding:6px 10px; border-bottom:1px dashed #ddd;}
.history_list_box .h_one .history_right .right_list_one .inRight p::before {content:""; display:block; width:3px; height:3px; background-color:#333; border-radius:50%; position:absolute; left:0; top:14px;}
.history_list_box .h_one .history_right .right_list_one .inRight p:last-child {border-bottom:none;}



@media all and (max-width:1000px) {
    /******* 연혁 *******/
    .tab_history_con .h_bg_txt {font-size:18px; left:32%;}
    .history_list_box .h_one .history_left {width:100%; margin-right:0; padding-top:20px;}
    .history_list_box .h_one .history_right {width:100%; padding-top:8px;}
    .history_list_box .h_one .history_right.h_top_border {border-top:none;}
    .history_list_box .h_one .history_right .right_list_one .inLeft {width:60px; padding-right:0;}
    .history_list_box .h_one .history_right .right_list_one .inRight {width:100%;}
    .history_list_box .h_one .history_right .right_list_one .inRight p {padding:6px 8px;}
    .history_list_box .h_one .history_right .right_list_one:last-child {border-bottom:none;}
    .history_list_box .h_one .history_right .right_list_one.mo_b_border {border-bottom:1px solid #ddd;}
    .history_list_box .h_one .history_left.h_bottom_border {border-bottom:none;}
}

/******* 재정지원사업현황 *******/
.project_status .project_box {display:flex; flex-wrap:wrap; justify-content:flex-start; text-align:center;}
.project_status .project_box li {width:32%; border:1px solid #ddd; margin-right:2%; position:relative; margin-bottom:25px; transition:all .25s ease;}
.project_status .project_box li:hover {box-shadow: 3px 5px 8px 3px #dfdfdf; border:1px solid #333;}
.project_status .project_box li:hover .pro_list_title p {color:#ff6000; text-decoration:underline; text-underline-position:under;}
.project_status .project_box li:hover .more_txt p {color:#000; font-weight:500;}
.project_status .project_box li:nth-child(3n) {margin-right:0;}
.project_status .project_box li .pro_list_title {min-height:150px; border-bottom:1px solid #ddd; padding:30px; background-image:url("/resources/img/bg/bg_sub_project_list.png"); background-repeat:no-repeat; background-position: center bottom; background-position:center 14px; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.project_status .project_box li .pro_list_title .list_agency {display:block; color:#005a70; font-size:14px; font-weight:400; padding-bottom:10px;}
.project_status .project_box li .pro_list_title p {color:#111; font-size:16px; font-weight:400;}
.project_status .project_box li .more_txt {width:100%; display:flex; justify-content:center; padding:15px; }
.project_status .project_box li .more_txt .icon_more {display:inline-block; background-image: url("/resources/img/icon/icon_list_seeMore.png"); width:13px; height:13px; margin:3px 5px;}
.project_status .project_box li .more_txt p {color:#333; font-size:14px; font-weight:400;}
.project_status .project_box li .siteHome {position:absolute; right:0; bottom:0; width:65px; height:52px; line-height:52px; background-color:#aaa; color:#fff; font-size:18px; font-weight:400; transition:all .25s ease;}
.project_status .project_box li .siteHome:hover {background-color:#ff6000;}




@media all and (max-width:1000px) {
    /******* 재정지원사업현황 *******/
    .project_status .project_box li {width:100%; margin-bottom:10px; margin-right:0;}
    .project_status .project_box li:hover .pro_list_title p {font-size:15px;}
    .project_status .project_box li .pro_list_title {min-height:auto; padding:15px 20px;}
    .project_status .project_box li .pro_list_title p {font-size:15px;}
    .project_status .project_box li .pro_list_title .list_agency {margin-bottom:7px;;}
    .project_status .project_box li .more_txt {padding:13px;}
    .project_status .project_box li .siteHome {width:55px; height:47px;}
}






/******* 재정지원사업현황(상세) *******/
.sub_in .listBtn {display:flex; justify-content:flex-end; margin:-30px 0 15px 0;}
.sub_in .listBtn .project_list {background-color:#6d6b68; color:#fff; font-size:13px; width:117px; padding:10px 15px; border-radius:7px; transition:all .25s ease;}
.sub_in .listBtn .project_list:hover {background-color:#444;}
.sub_in .project_list i {padding-right:5px; }
.sub_in .before_squ {position:relative; padding-left:15px; color:#333; font-weight:400;}
.sub_in .before_squ:before {content:""; display:inline-block; width:8px; height:8px; border:1px solid #333; position:absolute; left:0; top:5px; }
.sub_in .in_box.in_boxStyle {border:1px solid #ddd; padding:30px 35px;}
.sub_in .in_box.in_boxStyle ul li {line-height:1.7;}



@media all and (max-width:1000px) {
    /******* 재정지원사업현황(상세) *******/
    .sub_in .listBtn {margin:0 0 15px 0;}
    .sub_in .in_box.in_boxStyle {padding:25px 15px;}
    .sub_in .before_squ:before {top:4px;}
}





/******* 공동활용연구장비 *******/
.use_procedure {display:flex; justify-content:space-between;}
.use_procedure .list_squ {width:157px; height:190px; border:3px solid #ddd; border-radius:10px;}
.use_procedure .list_squ .squBox {width:100%; height:100%; text-align:center; padding:28px 0;}
.use_procedure .list_squ .squBox .s_icon {height:70px;}
.use_procedure .list_squ .squBox .step {color:#333; font-size:15px; font-weight:400;}
.use_procedure .list_squ .squBox .mbStep {display:block; margin-bottom:10px;}
.use_procedure .list_squ .squBox p {color:#ff6000; font-size:15px; font-weight:400; text-align:center;}
.use_procedure .pro_arrow {color:#ddd; font-size:30px; font-weight:600; display:flex; align-items:center; justify-content:center;}


@media all and (max-width:1000px) {
    /******* 공동활용연구장비 *******/
    .use_procedure {flex-wrap:wrap; justify-content:space-around;}
    .use_procedure .list_squ {width:48%; height:160px; margin-bottom:6px;;}
    .use_procedure .pro_arrow {display:none;}
    .use_procedure .list_squ .squBox {padding:23px 0; display:flex; flex-direction:column; justify-content: center; align-items:center;}
    .use_procedure .list_squ .squBox p {font-size:14px;}
    .use_procedure .list_squ .squBox .s_icon {width:auto; height:auto; max-width:40px; max-height:40px; margin:0 auto 20px;}
    .use_procedure .list_squ .squBox .mbStep {font-size:14px;}
}




/******* 가족회사안내 *******/
.all_tab_box .tab_familyCompany li {width:33%; }
.flexBox {display:flex; flex-wrap:wrap; justify-content:space-between;  margin-top:-10px;}
.flexBox button.fBtn {width:180px; height:40px; background-color:#6d6b68; color:#fff; font-size:14px; padding:5px 8px; border-radius:8px; text-align:center; line-height:30px; transition:all 0.25s ease;}
.flexBox button.fBtn:hover {background-color:#555;}
.familyCompany_process {margin-top:30px;}
.familyCompany_process .f_list_box {width:100%; display:flex; flex-wrap:wrap; justify-content:flex-start;}
.familyCompany_process .f_list_box li {border-radius:10px; height:60px;}
.familyCompany_process .f_list_box .f_txt {width:30%; color:#fff; font-size:15px; text-align:center; display:flex; align-items:center; justify-content:center; position:relative; z-index:1;}
.familyCompany_process .f_list_box .fam_bg {content:""; width:100%; height:100%; display:inline-block; background-image: url("/resources/img/bg/bg_step.png"); background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0; opacity:0.8; background-color:rgba(0, 0, 0, 0.1); z-index:-1;}
.familyCompany_process .f_list_box .fbg_blue {background-color:#0b3356; margin-bottom:15px;;}
.familyCompany_process .f_list_box .fbg_green {background-color:#0c5b49;}
.familyCompany_process .f_list_box .f_rightArrow {font-size:27px; color:#aaa; font-weight:500; display:flex; align-items:center; justify-content:center;}



@media all and (max-width:1100px) {
    /******* 가족회사안내 *******/
    .all_tab_box .tab_familyCompany li {width:49.33%;}
    .all_tab_box .tab_familyCompany li:last-child {margin-top:5px;}
    .flexBox {margin-top:0; justify-content:flex-end;}
    .flexBox p.fBtn {font-size:13px; width:165px; height:37px; line-height:28px;;}
    .flexBox .h3_type_2 {width:100%;}
    .familyCompany_process .f_list_box li {width:100%; height:55px;}
    .familyCompany_process .f_list_box .f_txt {width:100%;}
    .familyCompany_process .f_list_box .fbg_blue {margin-bottom:0;}
    .familyCompany_process .f_list_box li.f_rightArrow {height:auto; padding:5px; transform: rotate(90deg);}
}




/******* 가족회사 홈페이지 *******/
.family_homeSite {display:flex; flex-wrap:wrap; justify-content:flex-start;}
.family_homeSite .f_siteList {border:1px solid #ddd; margin-bottom:8px; transition:all .25s ease; margin-right:8px;}
.family_homeSite .f_siteList:nth-child(4n) {margin-right:0;}
.family_homeSite .f_siteList:hover {border-color:#444;}

@media all and (max-width:1400px) {
    /******* 가족회사 홈페이지 *******/
    .family_homeSite .f_siteList {width:24%;}
}

@media all and (max-width:1000px) {
    /******* 가족회사 홈페이지 *******/
    .family_homeSite .f_siteList {width:48%; justify-content:space-between;}
    .family_homeSite .f_siteList img {width:100%;}
    .family_homeSite .f_siteList:nth-child(2n) {margin-right:0;}
    /* .family_homeSite .f_siteList:nth-child(4n) {margin-right:8px;} */
}


/******* 재정지원상세- 전문대학 혁신지원사업(Ⅰ유형) 자율협약형 *******/
.sub_in .in_box .support_step_box .step_list {display:flex; width:100%; margin-top:20px;}
.sub_in .in_box .support_step_box .step_list li.sBox {width:25%; border:1px solid #eee; text-align:center; padding:20px; display:flex; align-items:center; flex-direction:column; margin-left:-1px; position:relative;}
.sub_in .in_box .support_step_box .step_list li.sBox::after {background-color:#fff; content:""; display:inline-block; width:30px; height:30px; border:1px solid #eee; border-radius: 50px; position:absolute; top:50%; right:-17px; background-image: url("/resources/img/icon/icon_step_rightArrow.png"); background-repeat:no-repeat; background-position:center center; z-index:1; }
.sub_in .in_box .support_step_box .step_list li:last-child:after {display:none;}
.sub_in .in_box .support_step_box .step_list li.icon_step_arrow {position:absolute; top:50%; right:0; font-size:18px; color:#2982a3; font-size:18px; border:1px solid #eee; border-radius:50%; width:30px; height:30px; }
.sub_in .in_box .support_step_box .step_list li::before {display:none;}
.sub_in .in_box .support_step_box .step_list li h4 {color:#333; font-size:16px;}
.sub_in .in_box .support_step_box .step_list li h4 .colorNum {color:#2982a3; font-size:20px; font-weight:600; padding-left:5px;}
.sub_in .in_box .support_step_box .step_list li img {padding:20px 0;}
.sub_in .in_box .support_step_box .step_list li p {font-weight:400;}
.sub_in .in_box .support_step_box .step_list li p .inBoxcon {display:block; position:relative; padding-left:20px;}
.sub_in .in_box .support_step_box .step_list li p .inBoxcon:first-child {margin-bottom:10px;}
.sub_in .in_box .support_step_box .step_list li p .inBoxcon::before {content:"·"; display:inline-block; position:absolute; left:0; top:3px;}
.sub_in .in_box .vision_box {width:100%;}
.sub_in .in_box .vision_box .vis_one {display:flex; justify-content:space-between; margin-bottom:30px;}
.sub_in .in_box .vision_box .vis_one .left_tit {width:15%; font-size:16px; color:#333; font-weight:400; display:flex; align-items:center; justify-content:left;}
.sub_in .in_box .vision_box .vis_one .left_tit.left_tit02 {align-items:baseline; padding-top:30px;}
.sub_in .in_box .vision_box .vis_one .right_con {width:85%;}
.sub_in .in_box .vision_box .vis_one .right_con.rightB01 {background-color:#2982a3; border-radius:50px;  padding:27px 20px; }
.sub_in .in_box .vision_box .vis_one .right_con.rightB01 p { color:#fff; font-size:30px; text-align:center;}
.sub_in .in_box .vision_box .vis_one .right_con.rightB02 {border:3px solid #ddd; border-radius:50px;}
.sub_in .in_box .vision_box .vis_one .right_con.rightB02 p {color:#333; font-size:20px; text-align:center;  padding:27px 20px; font-weight:400; }
.sub_in .in_box .vision_box .vis_one .right_con.rightB03 {border:1px solid #ddd; border-radius:15px; padding:20px 15px; }
.sub_in .in_box .vision_box .vis_one .right_con.rightB03 li {font-size:14px; color:#333; font-weight:400; margin-bottom:5px;;}
.sub_in .in_box .vision_box .vis_one .right_con.rightB03 li:last-child {margin-bottom:0;}
.sub_in .in_box .vision_box .vis_one .right_con.rightB03 li::before {content:"ㆍ";}

.sub_in .in_box .vision_box .vis_one .right_con .talentList {display:flex; justify-content:space-between; }
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li {width:32%; line-height:1.5; padding-left:0;}
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li::before {display:none;}
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squ_title {height:80px; border:3px solid #2e94a8; display:flex; align-items:center; justify-content:center; border-radius:15px; color:#333; font-size:16px; text-align:center; font-weight:400; line-height:1.5;  margin-bottom:30px; position:relative;background-color:#fff;}
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squ_title.squ_col02 {border-color: #2982a3;}
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squ_title.squ_col03 {border-color: #0060af;}
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox {border:1px solid #ddd; border-radius:15px; text-align:center; padding:20px; position:relative;}
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox p {color:#333; font-size:16px; font-weight:500;}
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.boxSize01 {height:217px;}
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.boxSize02 {height:237px; margin-top:20px;}
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.suaBox03 {padding-top:65px; width:100%; position:absolute; background-color:#fff; bottom:0%; z-index:-1; height:360px;}
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.suaBox03 li {color:#333; font-size:14px; line-height:2.2; font-weight:400;}
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.suaBox03 li:nth-child(5) {color:#0060af; font-weight:500;}
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.suaBox03 li::before {display:none;}
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li .gradient_cir {content:""; display:block; background-image: url("/resources/img/icon/icon_bg_gra_circle.png"); background-repeat:no-repeat; background-position: center center; width:172px; height:172px; margin:auto; display:flex; align-items:center;
justify-content:center; text-align:center; color:#fff; font-size:16px;}

.sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox p.txt01 {padding-top:20px;}
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox p.txt02 {padding-bottom:20px;}
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.squ_con .squ_in_txt li {display:flex; width:100%; margin-bottom:10px;}
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.squ_con .squ_in_txt li:last-child {margin-bottom:0;}
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.squ_con .squ_in_txt li::before {display:none;}
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.squ_con .squ_in_txt li .cir_num {width:36px; height:36px; background-color:#04b8db; color:#fff; font-size:14px; border-radius:50px; display:flex; align-items:center; justify-content:center;}
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.squ_con .squ_in_txt li .cir_con {width:calc(100% - 36px); padding-left:10px; text-align:left; font-size:14px; font-weight:400; display:flex; align-items:center;}
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.squ_con .squ_in_txt.squ_in02 li p {text-align:left; font-size:14px; color:#333; font-weight:400; padding-left:14px; display:flex; align-items:center; padding-top:5px; width:calc(100% - 100px);}
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.squ_con .squ_in_txt.squ_in02 li {position:relative; padding-left:0;}
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.squ_con .squ_in_txt.squ_in02 li span {width:100px; text-align:left; color:#fff;}
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.squ_con .squ_in_txt.squ_in02 li span.eng_t {font-size:14px; text-align:center;}
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.squ_con .squ_in_txt.squ_in02 li span .fontW {font-size:18px; color:#fff; font-weight:600;}
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.squ_con .squ_in_txt.squ_in02 .bg_sky {content:""; display:block; position:absolute; background-color:#03b8db; width:120px; height:100%; left:0; top:0; z-index:-1; border-top-left-radius:14px; border-bottom-left-radius: 14px;}



/* 선 */
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squ_title.squ_col01::before {content:""; display:block; width:2px; height:35px; background-color:#2e94a8; position:absolute; bottom:-35px; left:50%; }
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squ_title.squ_col02::before {content:""; display:block; width:2px; height:35px; background-color:#2982a3; position:absolute; bottom:-35px; left:50%; }
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squ_title.squ_col03::before {content:""; display:block; width:2px; height:35px; background-color:#0060af; position:absolute; bottom:-35px; left:50%; }

/* 원 */
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squ_title::after {content:""; display:block; width:5px; height:5px; background-color:#fff; border:3px solid #2e94a8; position:absolute; bottom:-40px; left:48.5%; border-radius:50px; z-index:1; }
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squ_title.squ_col02::after {bottom:-40px; border-color:#2982a3;}
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squ_title.squ_col03::after {bottom:-40px; border-color:#0060af;}

/* 풍선 */
/* .sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.bubble {position:relative;} */
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.bubble01::before {content:"";background-image: url("/resources/img/icon/icon_arrow_bubble.png"); background-repeat:no-repeat; position:absolute; left:45%; top:-12px; width:28px; height:12px;}
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.bubble02::before {content:"";background-image: url("/resources/img/icon/icon_arrow_bubble.png"); background-repeat:no-repeat; position:absolute; left:-20px; top:48%; width:28px; height:12px; transform:rotate(-90deg);}
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.bubble03::before {content:"";background-image: url("/resources/img/icon/icon_arrow_bubble.png"); background-repeat:no-repeat; position:absolute; left:-20px; top:10%; width:28px; height:12px; transform:rotate(-90deg);}
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.bubble03::after {content:"";background-image: url("/resources/img/icon/icon_arrow_bubble.png"); background-repeat:no-repeat; position:absolute; left:-20px; bottom:27%; width:28px; height:12px; transform:rotate(-90deg);}
.sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.bubble04::before {content:"";background-image: url("/resources/img/icon/icon_arrow_bubble02.png"); background-repeat:no-repeat; position:absolute; left:-20px; bottom:27%; width:28px; height:12px; transform:rotate(-90deg);}


@media all and (max-width:1200px) {
    /******* 재정지원상세- 전문대학 혁신지원사업(Ⅰ유형) 자율협약형*******/
    .sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox {padding:15px;}
    .sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.squ_con .squ_in_txt li {padding-left:0;}
    .sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.squ_con .squ_in_txt li .cir_con {padding-left:5px;}
    .sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.squ_con .squ_in_txt li .cir_con br {display:none;}
    .sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.squ_con .squ_in_txt li .cir_num {font-size:13px; width:28px; height:28px;}
    .sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.squ_con .squ_in_txt.squ_in02 li span.eng_t {font-size:13px; text-align:left; width:90px;}
    .sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.squ_con .squ_in_txt.squ_in02 li p {width:calc(100% - 90px); padding-left:0;}
    .sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.squ_con .squ_in_txt.squ_in02 li p br {display:none;}
    .sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.squ_con .squ_in_txt.squ_in02 .bg_sky {width:100px;}
    .sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.boxSize01 {height:auto;}
    .sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.boxSize02 {height:auto;}
    .sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.suaBox03 {padding:10px 5px;}
    .sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.suaBox03 ul {padding-top:60px;}
}



@media all and (max-width:950px) {
    /******* 재정지원상세 - 전문대학 혁신지원사업(Ⅰ유형) 자율협약형 *******/
    .sub_in .in_box .support_step_box .step_list {flex-wrap:wrap;}
    .sub_in .in_box .support_step_box .step_list li.sBox {width:49%; padding:15px 10px;}
    .sub_in .in_box .support_step_box .step_list li h4 {font-size:14px;}
    .sub_in .in_box .support_step_box .step_list li h4 .colorNum {font-size:17px;}
    .sub_in .in_box .support_step_box .step_list li img {width:40px; padding:13px 0; }
    .sub_in .in_box .support_step_box .step_list li p .inBoxcon {text-align:left; padding-left:9px;}
    .sub_in .in_box .support_step_box .step_list li p .inBoxcon:first-child {margin-bottom:6px;}
    .sub_in .in_box .support_step_box .step_list li.sBox:nth-child(2)::after {display:none;}
    .sub_in .in_box .vision_box .vis_one {flex-wrap:wrap; margin-bottom:15px;}
    .sub_in .in_box .vision_box .vis_one .left_tit {width:100%; text-align:center;}
    .sub_in .in_box .vision_box .vis_one .right_con {width:100%; border-radius:15px;}
    .sub_in .in_box .vision_box .vis_one .right_con.rightB01 {border-radius:8px; padding:13px 20px;}
    .sub_in .in_box .vision_box .vis_one .right_con.rightB01 p {font-size:16px;}
    .sub_in .in_box .vision_box .vis_one .right_con.rightB02 {border-radius:8px;}
    .sub_in .in_box .vision_box .vis_one .right_con.rightB02 p {font-size:17px; padding:15px;}
    .sub_in .in_box .vision_box .vis_one .left_tit {justify-content:center; margin-bottom:10px;}
    .sub_in .in_box .vision_box .vis_one .left_tit br {display:none;}
    .sub_in .in_box .vision_box .vis_one .left_tit.left_tit02 {padding-top:0;}
    .sub_in .in_box .vision_box .vis_one .right_con .talentList > li {width:100%; margin-bottom:20px;}
    .sub_in .in_box .vision_box .vis_one .right_con .talentList > li:last-child {margin-bottom:0;}
    .sub_in .in_box .vision_box .vis_one .right_con .talentList {width:100%; flex-wrap:wrap;}
    .sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squ_title {height:60px; border-radius:10px;}
    .sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox {padding:15px 10px;}
    .sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.boxSize01 {height:auto;}
    .sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.boxSize02 {height:auto;}
    .sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox p.txt01 {font-size:14px;}
    .sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox p.txt02 {font-size:14px; padding-bottom:10px;}
    .sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox .squIcon img {width:60px;}
    .sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.suaBox03 {position:inherit; margin-top:-53px; padding-top:45px;}
    .sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.suaBox03 ul {padding-top:0;}
    .sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.squ_con .squ_in_txt li .cir_num {width:28px; height:28px; font-size:13px;}
    .sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.squ_con .squ_in_txt.squ_in02 li span {width:90px;}
    .sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.squ_con .squ_in_txt.squ_in02 li span.eng_t {font-size:13px;}
    .sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.squ_con .squ_in_txt.squ_in02 li span .fontW {font-size:16px;}
    .sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.squ_con .squ_in_txt.squ_in02 li p {padding-left:35px; width:calc(100% - 90px);}
    .sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.suaBox03 {height:auto;}
    .sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.suaBox03 li {line-height: 1.8;}
    .sub_in .in_box .vision_box .vis_one .right_con .talentList > li .gradient_cir {background-size:150px; font-size:15px;}
    .sub_in .in_box .support_step_box .step_list li.sBox::after {width:25px; height:25px; background-size:8px; top:40%; right:-14px;} 
    .sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.bubble04::before {display:none;}
    .sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.bubble02::before {display:none;}
    .sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.bubble03::before {display:none;}
    .sub_in .in_box .vision_box .vis_one .right_con .talentList > li .squBox.bubble03::after {display:none;}
}


/******* 재정지원상세 - 선취업 후진학 과정 *******/
.sub_in .in_box.in_boxStyle ul li.be_cir::before {content:"ㆍ"; left:10px;}
.sub_in .in_box.in_boxStyle .promotion_procsss .pro_procss_box {display:flex; justify-content: space-between; margin-top:35px;}
.sub_in .in_box.in_boxStyle .promotion_procsss .pro_procss_box li {padding-left:0;}
.sub_in .in_box.in_boxStyle .promotion_procsss .pro_procss_box li::before {display:none;}
.sub_in .in_box.in_boxStyle .promotion_procsss .pro_procss_box li.process_squ_box {border:1px solid #ddd; border-radius:10px; width:250px; height:180px;}
.sub_in .in_box.in_boxStyle .promotion_procsss .pro_procss_box li.process_squ_box .pro_title {font-size:18px; font-weight:500; color:#2853a5; text-align:center; border-bottom:1px solid #ddd; padding:40px 25px 11px;}
.sub_in .in_box.in_boxStyle .promotion_procsss .pro_procss_box li.process_squ_box .cirBox {background-color:#2853a5; width:50px; height:50px; border-radius:50px; color:#fff; font-size:16px; font-size:16px; font-weight:500; display:flex; align-items:center; justify-content:center; left:41%; top:-24px; position:absolute;}
.sub_in .in_box.in_boxStyle .promotion_procsss .pro_procss_box li.process_squ_box .pro_con {padding:15px 25px; position:relative; }
.sub_in .in_box.in_boxStyle .promotion_procsss .pro_procss_box li.process_squ_box .pro_con p::before {content:"ㆍ"; display:inline-block; font-size:15px; color:#666; position:absolute; left:12px;}
.sub_in .in_box.in_boxStyle .promotion_procsss .pro_procss_box li.blueArrow {display:flex; align-items:center; justify-content:center;}
.sub_in .in_box.in_boxStyle .promotion_procsss .pro_procss_box li.blueArrow  i {color:#2853a5; font-size:25px; font-weight:600;}
.sub_in .in_box.in_boxStyle .promotion_procsss .pro_procss_box li.blueArrow.bArrowLeft {transform: rotate(180deg);}
.sub_in .in_box.in_boxStyle .promotion_procsss .pro_procss_box.process_box02 {flex-direction:row-reverse; margin-top:30px;}
.blueArrow.bArrow02 {width:240px; display: flex; align-items:center; justify-content:center; margin-left:auto; padding:20px 30px 13px;}
.blueArrow i {color:#2853a5; font-size:25px; font-weight:600; }


@media all and (max-width:900px) {
    /******* 재정지원상세 - 선취업 후진학 과정 *******/
    .sub_in .in_box.in_boxStyle .promotion_procsss .pro_procss_box {flex-wrap:wrap; margin-top:20px;}
    .sub_in .in_box.in_boxStyle .promotion_procsss .pro_procss_box.process_box02 {margin-top:0;}
    .sub_in .in_box.in_boxStyle .promotion_procsss .pro_procss_box li.process_squ_box {width:100%; height:auto; margin-top:15px;}
    .sub_in .in_box.in_boxStyle .promotion_procsss .pro_procss_box li.process_squ_box .cirBox {width:35px; height:35px; font-size:14px; left:45%; top:-18%;}
    .sub_in .in_box.in_boxStyle .promotion_procsss .pro_procss_box li.process_squ_box .pro_title {font-size:16px; padding:15px 20px;}
    .sub_in .in_box.in_boxStyle .promotion_procsss .pro_procss_box li.blueArrow {width:100%; padding:20px; transform:rotate(90deg); margin:auto;}
    .sub_in .in_box.in_boxStyle .promotion_procsss .pro_procss_box li.blueArrow.bArrowLeft {transform: rotate(-270deg);}
    .blueArrow.bArrow02 {width:100%;}
    .sub_in .in_box.in_boxStyle .promotion_procsss .pro_procss_box li.process_squ_box .pro_con {padding:15px 23px;}
}


/******* 재정지원상세 - 에너지밸리 산학융합지구조성사업 *******/
.sub_in .in_box .vision_box .vis_one .left_tit {justify-content:center;}
.sub_in .in_box .vision_box .vis_one.vis_one02 {margin-bottom:10px;}
.sub_in .in_box .vision_box .vis_one.vis_pdL {padding-left:30px;}
.sub_in .in_box .vision_box .vis_one .right_con.rightB {border-radius:100px;}
.sub_in .in_box .vision_box .vis_one .right_con.rightB .p_eng {font-size:15px; }
.sub_in .in_box .vision_box .vis_one .right_con.rightB h4 {font-size:30px; color:#fff; font-weight:400; text-align:center;}
.sub_in .in_box .vision_box .vis_one .right_con.border_gradient {display:inline-block; padding:27px 20px 30px; width:846px; height:155px; background-image:url("/resources/img/bg/bg_icon_squBox.png"); background-repeat:no-repeat;}
.sub_in .in_box .vision_box .vis_one .right_con.border_gradient {margin-bottom:20px;}
.sub_in .in_box .vision_box .vis_one .right_con.border_gradient ul li {font-size:14px; line-height:1.9;}
.sub_in .in_box .vision_box .vis_one .right_con.pro_box {display:flex; justify-content:space-between;}
.sub_in .in_box .vision_box .vis_one .right_con .promotion_task {width:24%; height:175px; border:2px solid #ddd; border-radius:15px; padding:40px 15px; position:relative;}
.sub_in .in_box .vision_box .vis_one .right_con .promotion_task ul li {font-size:14px; color:#666; font-weight:400;}
.sub_in .in_box .vision_box .vis_one .right_con .promotion_task ul li::before {content:"ㆍ";}
.sub_in .in_box .vision_box .vis_one .right_con .promotion_task .pro_tit {width:80px; text-align:center; position:relative; top:-18px; left:40px;}
.sub_in .in_box .vision_box .vis_one .right_con .promotion_task.promotionBox01 {border-color:#6a80bd; position:relative;} 
.sub_in .in_box .vision_box .vis_one .right_con .promotion_task.promotionBox01 p {width:116px; margin:auto; color:#2a53a5; font-weight:500; background-color:#fff; position: absolute; }
.sub_in .in_box .vision_box .vis_one .right_con .promotion_task.promotionBox02 {border-color:#2d79a8; position:relative;}
.sub_in .in_box .vision_box .vis_one .right_con .promotion_task.promotionBox02 p {width:116px; margin:auto; color:#2893a6; font-weight:500; background-color:#fff; position: absolute; }
.sub_in .in_box .vision_box .vis_one .right_con .promotion_task.promotionBox03 {border-color:#2e94a8; position:relative;}
.sub_in .in_box .vision_box .vis_one .right_con .promotion_task.promotionBox03 p {width:116px; margin:auto; color:#2e94a8; font-weight:500; background-color:#fff; position: absolute; }
.sub_in .in_box .vision_box .vis_one .right_con .promotion_task.promotionBox04 {border-color:#2ea58e; position:relative;}
.sub_in .in_box .vision_box .vis_one .right_con .promotion_task.promotionBox04 p {width:116px; margin:auto; color:#2ea58e; font-weight:500; background-color:#fff; position: absolute; }
.sub_in .in_box .vision_box .vis_one .right_con .promotion_con {display:flex; justify-content:space-between;}
.sub_in .in_box .vision_box .vis_one .right_con .promotion_con li {width:24%; height:250px; border:2px solid #ddd; border-radius:15px; padding:20px 15px;}
.sub_in .in_box .vision_box .vis_one .right_con .promotion_con li::before {display:none;}
.sub_in .in_box .vision_box .vis_one .right_con .promotion_con p {font-size:13px; color:#666; font-weight:400; position:relative; padding-left:13px;}
.sub_in .in_box .vision_box .vis_one .right_con .promotion_con p::before {content:"-"; display:inline-block; position:absolute; left:0 }
.sub_in .in_box .vision_box .vis_one .boxSytle01 {width:100%;}
.sub_in .in_box .vision_box .vis_one .boxSytle01 .strategies_box {width:100%; display:flex; justify-content: space-between; padding-left:30px;}
.sub_in .in_box .vision_box .vis_one .boxSytle01 .strategies_box li {width:32.33%; height:180px; border-radius:10px; padding-left:0;}
.sub_in .in_box .vision_box .vis_one .boxSytle01 .strategies_box li::before {display:none;}
.sub_in .in_box .vision_box .vis_one .boxSytle01 .strategies_box li .str_tit {text-align:center; color:#fff; font-size:18px; padding:12px 15px; font-weight:400;}
.sub_in .in_box .vision_box .vis_one .boxSytle01 .strategies_box li .str_con {padding:18px 25px; height:127px; background-position: right 25px bottom 30px;}
.sub_in .in_box .vision_box .vis_one .boxSytle01 .strategies_box li .str_con.sCon01 {background-image: url("/resources/img/icon/icon_strategies01.png"); background-repeat:no-repeat; }
.sub_in .in_box .vision_box .vis_one .boxSytle01 .strategies_box li .str_con.sCon02 {background-image: url("/resources/img/icon/icon_strategies02.png"); background-repeat:no-repeat;}
.sub_in .in_box .vision_box .vis_one .boxSytle01 .strategies_box li .str_con.sCon03 {background-image: url("/resources/img/icon/icon_strategies03.png"); background-repeat:no-repeat;}
.sub_in .in_box .vision_box .vis_one .boxSytle01 .strategies_box li .str_con p {color:#fff; font-size:14px;}
.sub_in .in_box .vision_box .vis_one .boxSytle01 .strategies_box li .str_con p::before {content:"ㆍ";}
.sub_in .in_box .vision_box .vis_one .boxSytle01 .strategies_box li.strBg01 { background-color:#2853a5;}
.sub_in .in_box .vision_box .vis_one .boxSytle01 .strategies_box li.strBg01 .str_tit { border-bottom:1px solid #4470c4;}
.sub_in .in_box .vision_box .vis_one .boxSytle01 .strategies_box li.strBg02 { background-color:#2d79a8;}
.sub_in .in_box .vision_box .vis_one .boxSytle01 .strategies_box li.strBg02 .str_tit { border-bottom:1px solid #4895c4;}
.sub_in .in_box .vision_box .vis_one .boxSytle01 .strategies_box li.strBg03 { background-color:#2e94a8;}
.sub_in .in_box .vision_box .vis_one .boxSytle01 .strategies_box li.strBg03 .str_tit { border-bottom:1px solid #43abbf;}
.sub_in .in_box .vision_box .vis_one .boxSytle01.boxStyle02 { border:3px solid #ddd; padding:20px; border-radius:100px; text-align:center; padding-left:20px;}
.sub_in .in_box .vision_box .vis_one .boxSytle01.boxStyle02 p.eng_txt {color:#666; font-size:15px; font-weight:400;}
.sub_in .in_box .vision_box .vis_one .boxSytle01.boxStyle02 h4.str_txt {color:#666; font-size:30px; font-weight:400;}
.sub_in .in_box .vision_box .vis_one .fur_box {width:100%; padding-left:30px;}
.sub_in .in_box .vision_box .vis_one .fur_box .fur_one  {width:100%;}
.sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_title {text-align:center; margin:auto; position:relative;}
.sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_title p {color:#666; font-size:15px; margin-bottom:5px;}
.sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_title h4 {color:#2853a5; font-size:23px; font-weight:500;}
.sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_icon {display:flex; justify-content: space-between; margin-top:-44px;}
.sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_icon .left_f {margin-right:auto; display:flex;}
.sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_icon .left_f .iconBox {position:relative;}
.sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_icon .right_f .iconBox {position:relative;}
.sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_icon .left_f .left_txt {text-align:center; padding:50px 20px;}
.sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_icon .left_f .left_txt span {display:block; color:#666; font-size:15px; font-weight:400; margin-bottom:20px;} 
.sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_icon .left_f .left_txt p {color:#111; font-size:18px; font-weight:600;} 
.sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_icon .right_f {margin-left:auto; display:flex;}
.sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_icon .right_f .left_txt {text-align:center; padding:50px 20px;}
.sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_icon .right_f .left_txt span {display:block; color:#666; font-size:15px; font-weight:400; margin-bottom:20px;} 
.sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_icon .right_f .left_txt p {color:#111; font-size:18px; font-weight:600;} 
.sub_in .in_box .vision_box .vis_one .fur_box .fur_one .bg_arrow {content:""; display:block; width:154px; height:79px; background-image: url("/resources/img/icon/icon_fur_arrow.png"); background-repeat:no-repeat; margin:-50px auto 6px;}
.sub_in .in_box .vision_box .vis_one .fur_box .fur_one .fur_one ul {display:flex; justify-content:space-between;}
.sub_in .in_box .vision_box .vis_one .fur_box .fur_one .fur_one ul li {border:3px solid #ddd; border-radius:10px; width:24%; height:250px; padding:25px 15px; background-color:#fff;}
.sub_in .in_box .vision_box .vis_one .fur_box .fur_one .fur_one ul li::before {display:none;}
.sub_in .in_box .vision_box .vis_one .fur_box .fur_one .fur_one ul li h4 {font-size:18px; text-align:center; font-weight:500; padding-bottom:20px;}
.sub_in .in_box .vision_box .vis_one .fur_box .fur_one .fur_one ul li.borColor01 {border-color:#2853a5;}
.sub_in .in_box .vision_box .vis_one .fur_box .fur_one .fur_one ul li.borColor01 h4 {color:#2853a5;}
.sub_in .in_box .vision_box .vis_one .fur_box .fur_one .fur_one ul li.borColor02 {border-color:#4470c4;}
.sub_in .in_box .vision_box .vis_one .fur_box .fur_one .fur_one ul li.borColor02 h4 {color:#4470c4;}
.sub_in .in_box .vision_box .vis_one .fur_box .fur_one .fur_one ul li.borColor03 {border-color:#43abbf;}
.sub_in .in_box .vision_box .vis_one .fur_box .fur_one .fur_one ul li.borColor03 h4 {color:#43abbf;}
.sub_in .in_box .vision_box .vis_one .fur_box .fur_one .fur_one ul li.borColor04 {border-color:#29a38c;}
.sub_in .in_box .vision_box .vis_one .fur_box .fur_one .fur_one ul li.borColor04 h4 {color:#29a38c;}
.sub_in .in_box .vision_box .vis_one .fur_box .fur_one .fur_one ul li p {color:#666; font-size:15px; font-weight:400; position:relative; padding-left:15px;}
.sub_in .in_box .vision_box .vis_one .fur_box .fur_one .fur_one ul li p::before {content:"ㆍ"; display: block; position:absolute; left:0; }

/* 선 */
.sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_title::after {content:""; display:block; width:1px; left:50%; height:50px; background-color:#ddd; position:absolute; bottom:-60px;}
.sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_icon .left_f .iconBox::after {content:""; display:block; width:360px; right:-240%; height:1px; background-color:#ddd; position:absolute; top:55%; z-index: -1;}
.sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_icon .right_f .iconBox::after {content:""; display:block; width:360px; left:-240%; height:1px; background-color:#ddd; position:absolute; top:55%; z-index: -1;}



@media all and (max-width:1200px) {
    /******* 재정지원상세 - 에너지밸리 산학융합지구조성사업 *******/
    .sub_in .in_box .vision_box .vis_one .right_con .promotion_task {height:auto;}
    .sub_in .in_box .vision_box .vis_one .right_con .promotion_con li {height:auto;}
    .sub_in .in_box .vision_box .vis_one .fur_box .fur_one .fur_one ul li {height:auto;}
    .sub_in .in_box .vision_box .vis_one .right_con.border_gradient {width:100%;}
    .sub_in .in_box .vision_box .vis_one .right_con .promotion_task .pro_tit  {left:40%;}
}



@media all and (max-width:1000px) {
    /******* 재정지원상세 - 에너지밸리 산학융합지구조성사업 *******/
    .sub_in .in_box .vision_box .vis_one.vis_pdL {padding-left:0;}
    .sub_in .in_box .vision_box .vis_one .right_con.rightB {border-radius:15px;}
    .sub_in .in_box .vision_box .vis_one .right_con.rightB .p_eng {font-size:13px;}
    .sub_in .in_box .vision_box .vis_one .right_con.rightB h4 {font-size:18px; padding-top:5px;}
    .sub_in .in_box .vision_box .vis_one .right_con.pro_box {flex-wrap:wrap; margin-top:10px;}
    .sub_in .in_box .vision_box .vis_one .right_con.border_gradient {display:inline-block; height:auto; margin-bottom:10px; border-style:solid; background-image:none; box-sizing:border-box; border-image:linear-gradient(to right, #2853a5 0%, #2da68f 100%); border-image-slice:1; padding:20px;}
    .sub_in .in_box .vision_box .vis_one .right_con.border_gradient ul li {line-height:1.7;}
    .sub_in .in_box .vision_box .vis_one .right_con .promotion_task {width:100%; height:auto; margin-bottom:20px; padding:20px 15px;}
    .sub_in .in_box .vision_box .vis_one .right_con .promotion_task .pro_tit {width:100%; top:-11px;}
    .sub_in .in_box .vision_box .vis_one .right_con .promotion_task .pro_tit br {display:none;}
    .sub_in .in_box .vision_box .vis_one .right_con .promotion_con {flex-wrap:wrap;}
    .sub_in .in_box .vision_box .vis_one .right_con .promotion_con li {width:100%; height:auto; margin-bottom:10px;}
    .sub_in .in_box .vision_box .vis_one .right_con .promotion_task.promotionBox01 p {width:174px;}
    .sub_in .in_box .vision_box .vis_one .right_con .promotion_task.promotionBox02 p {width:174px;}
    .sub_in .in_box .vision_box .vis_one .right_con .promotion_task.promotionBox03 p {width:174px;}
    .sub_in .in_box .vision_box .vis_one .right_con .promotion_task.promotionBox04 {margin-bottom:0;}
    .sub_in .in_box .vision_box .vis_one .right_con .promotion_task.promotionBox04 p {width:174px;}
    .sub_in .in_box .vision_box .vis_one .right_con .promotion_con p {padding-left:11px;}
    .sub_in .in_box .vision_box .vis_one .boxSytle01 .strategies_box {flex-wrap:wrap; padding-left:0;}
    .sub_in .in_box .vision_box .vis_one .boxSytle01 .strategies_box li {width:100%; margin-bottom:10px; height:auto;}
    .sub_in .in_box .vision_box .vis_one .boxSytle01 .strategies_box li .str_tit {font-size:16px;}
    .sub_in .in_box .vision_box .vis_one .boxSytle01 .strategies_box li .str_con {height:auto;}
    .sub_in .in_box .vision_box .vis_one .boxSytle01.boxStyle02 {border-radius:15px;}
    .sub_in .in_box .vision_box .vis_one .boxSytle01.boxStyle02 p.eng_txt {font-size:14px;}
    .sub_in .in_box .vision_box .vis_one .boxSytle01.boxStyle02 {padding:20px 15px;}
    .sub_in .in_box .vision_box .vis_one .boxSytle01.boxStyle02 h4.str_txt {font-size:18px; padding-top:5px;}
    .sub_in .in_box .vision_box .vis_one .fur_box {padding-left:0;}
    .sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_title {margin-bottom:20px;;}
    .sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_title p {font-size:14px; margin-bottom:2px;}
    .sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_title h4 {font-size:19px;}
    .sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_icon {margin-top:0; }
    
    .sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_icon .left_f .iconBox {width:60px;}
    .sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_icon .left_f .left_txt {padding:15px 5px;}
    .sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_icon .left_f .left_txt p {font-size:15px;}
    .sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_icon .left_f .left_txt span {font-size:14px; margin-bottom:3px;}
    
    .sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_icon .right_f .iconBox {width:60px;}
    .sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_icon .right_f .left_txt {padding:15px 5px;}
    .sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_icon .right_f .left_txt p {font-size:15px;}
    .sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_icon .right_f .left_txt span {font-size:14px; margin-bottom:3px;}
    .sub_in .in_box .vision_box .vis_one .fur_box .fur_one .fur_one ul {flex-wrap:wrap;}
    .sub_in .in_box .vision_box .vis_one .fur_box .fur_one .fur_one ul li {width:100%; height:auto; padding:13px 10px; margin-bottom:10px;}
    .sub_in .in_box .vision_box .vis_one .fur_box .fur_one .fur_one ul li h4 {font-size:16px; padding-bottom:8px;}
    .sub_in .in_box .vision_box .vis_one .fur_box .fur_one .fur_one ul li p {font-size:14px;}
    
    .sub_in .in_box .vision_box .vis_one .fur_box .fur_one .bg_arrow {margin:0 auto 6px;}
    .sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_title::after {content:""; display:block; width:1px; left:50%; height:50px; background-color:#ddd; position:absolute; bottom:-60px;}
    .sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_icon .left_f .iconBox::after {content:""; display:block; width:700%; left:83%; height:1px; background-color:#ddd; position:absolute; top:56%; z-index: -1;}
    .sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_icon .right_f .iconBox::after {display:none;}
    

}

@media all and (max-width:500px) {
    /******* 재정지원상세 - 에너지밸리 산학융합지구조성사업 *******/
    .sub_in .in_box .vision_box .vis_one .right_con .promotion_task .pro_tit {left:23%;}
    .sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_icon .left_f {flex-wrap:wrap; justify-content:center;}
    .sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_icon .right_f {flex-wrap:wrap; justify-content:center;}
    .sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_icon .left_f .iconBox::after {display:none;}
    .sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_icon .right_f .iconBox::after {display:none;}
    .sub_in .in_box .vision_box .vis_one .fur_box .fur_one .f_title::after {display:none;}
    .sub_in .in_box .vision_box .vis_one .boxSytle01 .strategies_box li .str_con {background-position:right 25px bottom 20px; background-size:50px;} 
}





/******* 재정지원상세 - 전문대학 혁신지원사업(Ⅲ 유형) 후진학선도형 *******/
.sub_in .in_box .vision_box .vis_one .right_con .linkage_area  {width:100%;}
.sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .in_top_cirBox h2 {content:""; display:block; color:#333; font-size:25px; width:242px; height:242px; text-align:center; font-weight:500; background-image:url("/resources/img/bg/bg_gra_circle01.png"); background-repeat:no-repeat; display:flex; align-items:center; justify-content:center; z-index:1; position:relative;}
.sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .in_top_cirBox .display_style01 {width:100%; display:flex; justify-content:center;}
.sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .in_top_cirBox .in_cir02_con {display:flex; align-items: flex-end; margin-left:-10px}
.sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .in_top_cirBox .in_cir02_con h4 {content:""; display:block; color:#333; width:208px; height:189px; font-size:16px; font-weight:500; text-align:center; background-image:url("/resources/img/bg/bg_gra_circle02.png"); background-repeat:no-repeat; display:flex; align-items:center; justify-content:center; padding-right:20px;}
.sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .in_top_cirBox .in_cir02_con ul li {font-size:14px; color:#333; font-weight:400; padding-bottom:8px; position:relative;}
.sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .in_top_cirBox .in_cir02_con ul {position:relative; top:-14px;}
.sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .in_top_cirBox .in_cir02_con ul li:nth-child(n+2):nth-child(-n+3) {padding-left:25px;}
.sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .in_top_cirBox .in_cir02_con ul li:nth-child(n+2):nth-child(-n+3)::before {left:10px;}
.sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .in_top_cirBox .in_cir02_con ul li:last-child {padding-bottom:8px;}
.sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .in_top_cirBox .in_cir02_con ul li::before {content:""; width:3px; height:3px; background-color:#299ed0; border-radius:50px; position:absolute; top:9px;}
.sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .in_top_cirBox .linkage_empower_con {width:100%; border:3px solid #0395cc; border-radius:15px; padding:20px; display:flex; justify-content:space-around; margin-top:40px;}
.sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .in_top_cirBox .linkage_empower_con p {position:relative; padding-left:15px; font-weight:400;}
.sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .in_top_cirBox .linkage_empower_con p:first-child{padding-bottom:10px;}
.sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .in_top_cirBox .linkage_empower_con p::before {content:""; width:3px; height:3px; background-color:#299ed0; border-radius:50px; position:absolute; top:9px; left:0;}
.sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .in_top_cirBox .linkage_empower_con .left_b {width:40%;}
.sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .in_top_cirBox .linkage_empower_con .right_b {width:40%;}


/* 선 */
.sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .in_top_cirBox h2::before {content:""; display:block; width:3px; height:67px; background-color:#0395cc;  position:absolute; bottom:-43px;}
.sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .in_top_cirBox h2::after {content:""; display:block; width:4px; height:4px; background-color:#fff; border:4px solid #0395cc; border-radius:50px; position:absolute; bottom:-48px;}

.sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .link_list {width:100%; margin-top:40px;}
.sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .link_list .top_tit {display: flex; justify-content: space-between; margin-bottom:15px;}
.sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .link_list .top_tit h2 {width:42%; color:#111; font-size:18px; text-align:center; font-weight:500; display:flex; align-items:center; justify-content:center;}
.sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .link_list .link_one {margin-top:13px;}
.sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .link_list .link_one ul {display:flex; justify-content:space-between; align-items:center;}
.sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .link_list .link_one ul li::before {display:none;}
.sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .link_list .link_one ul li.bLine {width:42%; flex-wrap:wrap; border-radius:10px; border:3px solid #ddd; padding:20px;}

.sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .link_list .link_one ul li .txt_align p {line-height:0;}
.sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .link_list .link_one ul li.bLine p {font-weight:400; line-height:1.9; } 
.sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .link_list .link_one ul li.border_color01 {border-color:#2853a5; height:160px; }
.sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .link_list .link_one ul li.border_color02 {border-color:#2d79a8; height:115px; }
.sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .link_list .link_one ul li.border_color03 {border-color:#2e94a8; height:245px;}
.sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .link_list .link_one ul li.alignB {display:flex; align-items:center;}
.sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .link_list .link_one ul li.center_t {font-size:18px; font-weight:500; display:flex; align-items:center; justify-content:center; text-decoration:underline; padding-left:0;}
.sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .link_list .link_one ul li.center_t.txtColor01 {color:#2853a5;}
.sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .link_list .link_one ul li.center_t.txtColor02 {color:#2d79a8;}
.sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .link_list .link_one ul li.center_t.txtColor03 {color:#2e94a8;}


@media all and (max-width:1200px) {
    /******* 재정지원상세 - 전문대학 혁신지원사업(Ⅲ 유형) 후진학선도형 *******/
    .sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .link_list .link_one ul li.bLine {height:auto;}

}





@media all and (max-width:1000px) {
    /******* 재정지원상세 - 전문대학 혁신지원사업(Ⅲ 유형) 후진학선도형 *******/
    .sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .in_top_cirBox .display_style01 {flex-wrap:wrap;}
    .sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .in_top_cirBox h2 {width:150px; height:150px; background-size:150px; font-size:19px;}
    .sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .in_top_cirBox .in_cir02_con {flex-wrap:wrap; margin-left:0; justify-content:center;}
    .sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .in_top_cirBox .in_cir02_con h4 {width:150px; height:150px; font-size:14px; background-size:150px; margin:10px 0; }
    .sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .in_top_cirBox .in_cir02_con ul {top:0;}
    .sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .in_top_cirBox .in_cir02_con ul li {padding-bottom:3px;}
    .sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .in_top_cirBox .in_cir02_con ul li:nth-child(n+2):nth-child(-n+3) {padding-left:12px;}
    .sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .in_top_cirBox .in_cir02_con ul li:nth-child(n+2):nth-child(-n+3)::before {left:0;}
    
    .sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .in_top_cirBox h2::before {display:none;}
    .sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .in_top_cirBox h2::after {display:none;}
    .sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .in_top_cirBox .linkage_empower_con {flex-wrap:wrap; justify-content:left; padding:10px 15px; margin-top:25px;}
    .sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .in_top_cirBox .linkage_empower_con .left_b {width:100%;}
    .sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .in_top_cirBox .linkage_empower_con .right_b {width:100%;}
    .sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .in_top_cirBox .linkage_empower_con p:first-child {padding-bottom:0;}

    .sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .link_list {margin-top:25px;}
    .sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .link_list .top_tit h2 {font-size:16px;}
    .sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .link_list .link_one ul li.bLine {padding:10px 13px;}
    .sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .link_list .link_one ul li.center_t {font-size:16px;}
    .sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .link_list .link_one ul li.alignA {display:flex; align-items:center; justify-content: flex-end;}
    .sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .link_list .link_one ul li.bLine p {font-size:13px;}

    .sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .link_list .link_one ul li.border_color01 {border-color:#2853a5; height:160px; }
    .sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .link_list .link_one ul li.border_color02 {border-color:#2d79a8; height:115px; }
    .sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .link_list .link_one ul li.border_color03 {border-color:#2e94a8; height:245px;}
}


@media all and (max-width:700px) {
    /******* 재정지원상세 - 전문대학 혁신지원사업(Ⅲ 유형) 후진학선도형 *******/
    .sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .link_list {overflow-x: scroll;}
    .sub_in .in_box .vision_box .vis_one .right_con .linkage_area .in_link_box .link_list .mo_scroll {width:500px; }
}

@media all and (max-width:1000px) {


}










/*******  *******/



@media all and (max-width:1000px){}








/*******  *******/



@media all and (max-width:1000px){}








/*******  *******/



@media all and (max-width:1000px){}








/*******  *******/



@media all and (max-width:1000px){}








/*******  *******/



@media all and (max-width:1000px){}








/*******  *******/



@media all and (max-width:1000px){}








/*******  *******/



@media all and (max-width:1000px){}








/*******  *******/



@media all and (max-width:1000px){}








@media all and (max-width:1000px){
    /******* 전화번호안내 *******/
    .number_search_box {padding:20px 15px;}
    .number_search_box label {margin-right:0;}
    .number_search_box .txt_nor.w50 {width:70%;}
    .number_search_box .btn_sear {width:20%; height:35px; font-size:13px; padding:0 5px;}
    .number_search_box .mo_w_box {display:flex;}
}

/******* 구내식당 *******/
.s_menu_con .school_menu .daily_menu {height:auto; border:1px solid #ddd; margin-top:10px;}
.s_menu_con .school_menu .daily_menu ul {display:flex; flex-wrap:wrap;  height:100%; justify-content:center;}
.s_menu_con .school_menu .daily_menu ul li {width:33.33%; height:100%; text-align:center;}
.s_menu_con .school_menu .daily_menu ul li:nth-child(2) {border-left:1px dashed #eee; border-right:1px dashed #eee;}
.s_menu_con .school_menu .daily_menu ul li .m_title {font-weight:500; font-size:16px; background-color:#edf7f7; padding:10px;}
.s_menu_con .school_menu .daily_menu ul li .menu_list {padding:23px 5px; height:189px;}
.s_menu_con .school_menu .daily_menu ul li .menu_list p {font-size:15px;}
.s_menu_con .school_menu .day_t02 p {text-align:center;} 
.s_menu_con .calendar-wrap .mini-calendar {position:relative;}
.s_menu_con .calendar-wrap .mini-calendar .month_arrow_btn {width:100%; position:absolute; display:flex; justify-content: space-around; top:18px;}
.s_menu_con .calendar-wrap .mini-calendar .month_arrow_btn button.prev_b {left:5%;}
.s_menu_con .calendar-wrap .mini-calendar .month_arrow_btn button i {font-size:25px;}

@media all and (max-width:1000px){
    /******* 구내식당 *******/
    .s_menu_con .school_menu .daily_menu ul li {width:100%;}
    .s_menu_con .school_menu .daily_menu ul li .m_title {font-size:14px;}
    .s_menu_con .school_menu .daily_menu ul li .menu_list {font-size:14px; height:auto; padding:16px 5px;}
    .s_menu_con .school_menu .daily_menu ul li:nth-child(2) {border-left:none; border-right:none;}
    .s_menu_con .calendar-wrap .mini-calendar .month_arrow_btn {top:11px;}
    .s_menu_con .school_menu .daily_menu {height:auto;}
}

/******* 회원가입 *******/
.sign_up_box {width:80%; margin:auto;}
.sign_up_box .sub_fix_title {margin-bottom:10px;;}
.sign_up_box .sub_fix_title h3 {font-weight:500;}
.sign_up_box .realname_box p.real_txt {font-size:16px; color:#444; font-weight:400; margin-bottom:12px;}
.sign_up_box .realname_box .top_real_confirm {border:1px solid #ddd; padding:30px 55px; display:flex; flex-wrap:wrap;}
.sign_up_box .realname_box .top_real_confirm .left_name {width:35%; margin-right:auto;}
.sign_up_box .realname_box .top_real_confirm .left_name #real_name {padding:8px;}
.sign_up_box .realname_box .top_real_confirm label .label_t {font-size:16px; color:#222; font-weight:400; margin-right:20px;}
.sign_up_box .realname_box .top_real_confirm .right_phone {width:45%;}
.sign_up_box .realname_box .top_real_confirm .right_phone .cho_phone {color:#555; font-size:15px; padding:7px; vertical-align:middle;}
.sign_up_box .realname_box .top_real_confirm .right_phone input {border:1px solid #dfdfdf; padding:8px; color:#555;}
.sign_up_box .realname_box .top_real_confirm .certification {border:1px solid #005b6e; color:#005b6e; width:90px; padding:7px; font-size:15px; font-weight:400; transition: all 0.25s ease;}
.sign_up_box .realname_box .top_real_confirm .certification:hover {background-color:#005b6e; border-color:#005b6e; color:#fff;}
.sign_up_box .realname_box .agree_check_box {border:1px solid #ddd; padding:30px 25px; margin-bottom:15px;}
.sign_up_box .realname_box .agree_check_box h3 {font-weight:500; margin-bottom:5px; position:relative;  padding-left:10px;}
.sign_up_box .realname_box .agree_check_box h3::before {content:""; display:inline-block; width:4px; height:4px; background-color:#111; position:absolute; left:0; top:8px; border-radius:50%; }
.sign_up_box .realname_box .agree_check_box p {font-size:15px; font-weight:400; color:#444; padding-top:2px; }
.sign_up_box .realname_box .agree_check_box p:first-of-type {padding-top:0;}
.sign_up_box .realname_box .con_btn {display:flex; flex-wrap:wrap;}
.sign_up_box .realname_box .real_txt {margin-right:auto;}
.w_line {width:100%; border-bottom:1px solid #ddd; margin-bottom:70px;}
.dormitory_rule_box.dor_rule02 {border:none; overflow:hidden; overflow-y: scroll; }
.dormitory_rule_box.dor_rule02 .bottom_box {border:none; height:205px; padding:0; margin-bottom:0;}
.dormitory_rule_box.dor_rule02 .bottom_box h3 {padding-left:0;}
.dormitory_rule_box.dor_rule02 .bottom_box h3::before {display:none;}

.sign_up_box .s_top_txt {text-align:center;}
.sign_up_box .tbl_upload .id_doble {background-color:#005b6e; padding:7px 10px; text-align:center; color:#fff; transition: all 0.25s ease; font-size:13px;}
.sign_up_box .tbl_upload .id_doble:hover {background-color:#008a8f;}
.sign_up_box .s_top_txt h2 {font-size:30px; font-weight:500; color:#222;}
.sign_up_box .agree_btn_box {width:100%; text-align:center;}
.sign_up_box .agree_btn_box ul {width:100%; display:flex; flex-wrap:wrap; justify-content:center;}
.sign_up_box .agree_btn_box ul li {width:300px; border:1px solid #dfdfdf; transition: all 0.25s ease;}
.sign_up_box .agree_btn_box ul li:first-child {margin-right:8px;}
.sign_up_box .agree_btn_box ul li a {display: flex; justify-content: center; color:#aaa; font-weight:400; align-items:center; padding:17px 10px; }
.sign_up_box .agree_btn_box ul li a.a_home {color:#fff; font-weight:400;}
.sign_up_box .agree_btn_box ul li.a_home:hover {background-color:#005b6e; border:1px solid #005b6e;}
.sign_up_box .agree_btn_box ul li.a_home:hover a {color:#fff;}
.sign_up_box .agree_btn_box ul li.a_login:hover {background-color:#333; border:1px solid #333;}
.sign_up_box .agree_btn_box ul li.a_login:hover a {color:#fff;}
.apply_title p {text-align:center; color:#444; font-size:16px; font-weight:400; padding:10px 0;}
.circle-orange {display: inline-block; width: 6px; height: 6px; background-color: #ff7200; vertical-align: middle; margin-left: 5px; border-radius: 50%;}
.sign_up_box .icon_complete {text-align: center; padding-top:26px; margin:auto;}
.sign_up_box.sing_complete {padding:50px 0;}




@media all and (max-width:1000px){
    /******* 회원가입 *******/
    .sign_up_box .realname_box p.real_txt {font-size:14px; margin-bottom:10px;}
    .sign_up_box .realname_box .top_real_confirm {padding:20px;}
    .sign_up_box .realname_box .top_real_confirm .left_name {width:100%; margin-bottom:10px;}
    .sign_up_box .realname_box .top_real_confirm .right_phone {width:100%; flex-wrap:wrap;}
    .sign_up_box .realname_box .top_real_confirm label .label_t {width:100%; font-size:14px; display:block; padding-bottom:5px;}
    .sign_up_box .realname_box .top_real_confirm .right_phone input {width:31% !important;}
    .sign_up_box .realname_box .top_real_confirm .right_phone .cho_phone {width:31% !important;}
    .sign_up_box .realname_box .top_real_confirm .certification {width:100%; display:block; margin-top:10px; font-size:15px;}
    .sign_up_box .realname_box .agree_check_box {padding:20px;}
    .sign_up_box .realname_box .agree_check_box h3 {font-size:14px;}
    .sign_up_box .realname_box .agree_check_box p {font-size:14px; margin-top:0; padding-top:0;}
    .dormitory_rule_box.dor_rule02 .bottom_box {padding:0;}
    .w_line {margin-bottom:30px;}

    .sign_up_box {width:100%;}
    .sign_up_box .s_top_txt h2 {font-size:20px;}
    .apply_title p {font-size:13px; padding:5px 0;}
    .sign_up_box .agree_btn_box ul li {width:48.5%;}
    .sign_up_box .agree_btn_box ul li a {font-size:13px; padding:12px 10px;}
    .modify_txt.mgB10.textR.moTxt {font-size:14px;}
    .txt_nor.mo_w {width:63% !important;}
    .sign_up_box .icon_complete {width:120px; padding-top:15px;}
}

@media all and (max-width:320px){
    /******* 회원가입 *******/
    .sign_up_box .tbl_upload .id_doble {font-size:12px; padding:8px;}
    .txt_nor.mo_w {width:61% !important;}
    .sign_up_box .realname_box .top_real_confirm .right_phone input {width:30% !important;}
    .sign_up_box .realname_box .top_real_confirm .right_phone .cho_phone {width:30% !important;}
}

















 
