@charset "utf-8";
/* CSS Document */




/* 공통 */

/* BUTTON */
.btn_bg {background-color: #555; color: #fff; transition: all .25s ease; padding: 5px 10px;}
.btn_line {background-color: #fafafa; color: #666; border: 1px solid #ddd; transition: all .25s ease; padding: 5px 10px;}

.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: 70px; font-size: 20px;}
.btn_line.md {min-width: 110px; height: 40px; font-size: 16px;}

.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.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%);*/ background:#130CB7; min-height: 55px; padding: 10px 20px; border-radius: 0px; transition: all .25s ease; position: relative; min-width: 120px;}
.lg_btn_target:hover,
.lg_btn_target:focus {text-decoration: underline;}

.br_mobile_on { display:none; }
.br_mobile_off { display:none; }

.br_mobile_type1 { display:none; }
.br_pc_type1 { display:block; }

.txt_center  { text-align:center; }

.btn_with_icon { display: flex;  justify-content: flex-start; align-items: center; transition: all 0.3s; border: 1px solid #fff !important; }
.btn_with_icon a { display:block; width:100%; height:100%; }
.btn_with_icon i { color:#1771BF; font-size:20px; }

.doc_down_btn { text-align:center; }
.doc_down_btn a { display:inline-block; width:30px; height:30px; line-height:30px; background:#2E83F2; border-radius:50%; color:#fff; transition:all 0.3s;  font-size:0; }
.doc_down_btn a i { font-size:21px; margin-top:5px; }
.doc_down_btn a:hover { background:#F2B705; color:#fff; }

.foot_btn1 { text-align:center; }
.foot_btn1 button { padding:10px 40px; font-size:16px; }
.foot_btn1 .write_btn { background:#1771BF; border:1px solid #1771BF; }
.foot_btn1 .edit_btn { background:#607d8b; border:1px solid #607d8b; }
.foot_btn1 .write_btn:hover, .foot_btn1 .edit_btn:hover { background:#F2B705; border:1px solid #F2B705; }
.colon { margin:0 5px; color:rgba(0,0,0,0.5); }

/*모달 팝업 (로그인)*/
.edit_login { width:300px; padding-right: 0 !important; left: 50%;top: 50%; transform: translate(-50%, -25%)!important; }
.edit_login .modal-header { background:#2E83F2; }
.edit_login .modal-header h5 { color:#fff; }
.edit_login button.close { font-size: 2rem; font-weight: 300; color: #fff; text-shadow: 0 1px 0 #fff; opacity: .8; transition:opacity 0.3s; }
.edit_login button.close:hover { opacity:1 !important;  }
.edit_login .modal-footer { justify-content: center; border-top: 1px dashed #dee2e6; }
.edit_login button.close_btn { font-size:18px; padding: 0.375rem 2rem; }
.edit_login button.close_btn:hover { background:#2E83F2; border:1px solid #2E83F2; }

.edit_login .input-group-prepend { height:42px;  line-height: 42px; }
.edit_login .input-group-prepend .input-group-text { font-size:17px;height: 42px; line-height: 42px; }
.edit_login .form-control { height:42px; font-size: 18px; }

/*이전페이지 버튼*/
.btn_box3 { text-align:center; display:flex; justify-content:center; }
.back_page_btn { background: #fff; padding: 10px 10px; margin-top: 10px; border: 1px solid #ccc; border-radius: 5px; display: flex; align-items: center; justify-content: center; width: 230px; transition: all 0.3s;  } /*display:inline-block; */ /*padding:15px 10px; border:1px solid #ccc; background:#fff; transition:all 0.3s; width: 200px; display:flex; */
.back_page_btn:hover { background:#1771BF; color:#fff; border:1px solid #1771BF; }
.back_page_btn i { font-size:24px; }

/*텍스트 기울이기*/
.tilt_txt { font-style: italic; }


/*테이블 스타일*/
.th_no_txt {  }
.th_width50 { width:50px !important; }
.th_width90 { width:90px !important; }
.th_width100 { width:100px !important; }
.th_width150 { width:150px !important; }
.txt-align_left { text-align:left !important; }

@media (max-width:768px) {
	.br_mobile_on { display:block; }
	.br_mobile_off { display:none; }

	.br_mobile_type1 { display:block; }
	.br_pc_type1 { display:none; }
}

/* INPUT */
.inputCenter{text-align: center; color:#111111;}
.textarea_con {width: 100%; height: 300px; padding: 20px; border: 1px solid #ddd;}
.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 {}

.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('../images/sub/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('../images/sub/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 #006fba;}




@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;}
    .out_reason_txt {font-size: 13px;}
    .lg_btn_target {font-size: 14px; min-height: 45px; padding: 10px 15px; min-width: 90px;}

    /* INPUT */
    .textarea_con {height: 200px; padding: 15px; font-size: 13px;}
    .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;}

    /* 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;}
}



@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;}
    .out_reason_txt {font-size: 13px;}

    /* INPUT */
    .textarea_con {height: 200px; padding: 15px; font-size: 13px;}
    .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;}

    /* 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: #004dad; margin-bottom: 20px;}
.h3_type_blue {padding-left: 30px; background:url('../images/sub/icon_bullet_02.png') no-repeat left top 3px; font-size: 19px; font-weight: 500; color: #222; min-height: 24px; margin-bottom: 25px;}
.h3_type_blue2 {padding-left: 30px; background:url('../images/sub/icon_bullet_02.png') no-repeat left top 3px; font-size: 19px; font-weight: 500; color: #222; min-height: 24px;}

.h4_type_blue {padding-left: 25px; background:url('../images/sub/icon_bullet_03.png') no-repeat left top 5px; background-position: 4px 3px; font-size: 17px; font-weight: 400; color: #222; min-height: 22px; margin-bottom: 15px;}
.h4_type_blue3 {padding-left: 25px; background:url('../images/sub/icon_bullet_03.png') no-repeat left top 5px; background-position: 4px 3px; font-size: 17px; font-weight: 400; color: #222; min-height: 22px; margin-bottom: 15px;}

.h4_type_blue2 { font-weight: 400; color: #222; min-height: 22px; margin-bottom: 15px; }
.h4_type_blue3 { font-weight: 400; color: #0068ce; min-height: 22px; margin-bottom: 15px; }
.h4_type_red { font-weight: 400; color:#BF0413; min-height: 22px;     margin: 10px 15px; }

.line_bullet {padding-left: 30px; position: relative; background:url('../images/sub/icon_bullet_04.png') no-repeat left 9px top 8px; 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: #feb155; position: absolute; left: 10px; top: 6px;} */

.dot_bullet {padding-left: 30px; 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: 30%; transform:rotate(45deg); background-color: #1771bf; position: absolute; left: 17px; top: 13px;}

.dot_bullet2 {padding-left: 25px; position: relative; font-size: 16px; font-weight: 400; color:#0068ce; margin-bottom: 10px;}
.dot_bullet2::before {content: ""; display: block; width: 5px; height:5px; border-radius: 50%; background-color: #004dad; position: absolute; left: 6px; top: 10px;}


.dot_bullet3 {padding-left: 25px; position: relative; font-size: 16px; font-weight: 400; color:#555; margin-bottom: 10px;}
.dot_bullet3::before {content: ""; display: block; width: 5px; height:5px; border-radius: 50%; background-color: #004dad; position: absolute; left: 15px; top: 10px;}
.dot_bullet3 b { color:#1771BF; font-weight:400; }


.dot_bullet.sm {font-weight: 300 !important; line-height: 24px; }

.txt01 {font-size: 16px;}

.list_type_txt li { text-indent:-22px; margin-left:22px; margin-bottom: 10px; }
@media (max-width:640px) {
	.list_type_txt li { text-indent: -19px; margin-left: 20px; }

	.h4_type_red { margin: 10px 0px; }
}

.sm_txt {font-size: 0.9em;}

.fontLight {font-weight: 300 !important;}

.font_sm {font-size: 0.9em !important;}

@media all and (max-width:1000px){
    .h2_type_1 {font-size: 18px; margin-bottom: 15px;}
    .h3_type_blue {padding-left: 20px; background-size: 15px; font-size: 17px; min-height: 20px; margin-bottom: 15px;}
    .h4_type_blue {padding-left: 18px; background-size: 12px; font-size: 15px; min-height: 20px; margin-bottom: 13px;}
	.h4_type_blue2 {padding-left: 18px; background-size: 12px; font-size: 15px; min-height: 20px; margin-bottom: 13px;}
	.h4_type_blue3 {padding-left: 18px; background-size: 12px; font-size: 15px; min-height: 20px; margin-bottom: 13px;}

    .txt01 {font-size: 14px;}

    .line_bullet {padding-left: 18px; font-size: 14px; margin-bottom: 5px; background: url('../images/sub/icon_bullet_04.png') no-repeat left 0px top 5px;}
    .line_bullet::before {width: 3px; height:13px; left: 0px; top: 4px;}

	.line_bullet2 {padding-left: 10px; font-size: 14px; margin-bottom: 5px;}
    .line_bullet2::before {width: 3px; height:13px; left: 0px; top: 4px;}

    .dot_bullet {padding-left: 17px; font-size: 14px; margin-bottom: 6px;}
    .dot_bullet::before {width: 3px; height:3px; left: 8px; top: 10px;}

	.dot_bullet3 {padding-left: 17px; font-size: 14px; margin-bottom: 6px;}
    .dot_bullet3::before {width: 3px; height:3px; left: 8px; top: 10px;}
}

@media (max-width:768px) {
	.dot_bullet { padding-left: 17px; font-size: 14px; margin-bottom: 6px; }
	.dot_bullet::before { left: 9px; }

	.dot_bullet3 { padding-left: 17px; font-size: 14px; margin-bottom: 6px; }
	.dot_bullet::before3 { left: 9px; }
}

.all_search_tab_box.statistics{width: 16.66%;float: right;padding: 12px 10px;font-size: 16px;}

/************ 연구정보DB  *************/


/******* 연구인력 *******/
.seDB_person_list_wrap {width: 100%;}
.seDB_person_list {width: 100%; display: flex; flex-wrap: wrap;}
.seDB_person_list > li {width: 33.33%; padding: 7px;}
.seDB_person_list > li > a {display: flex; border: 1px solid #eeeeee; width: 100%; height: 100%; padding: 35px; transition: all .25s ease;}
.seDB_person_list > li .img_box {width: 129px; height: 168px; background-position: center center; background-size: cover;}
.seDB_person_list > li .txt_box {width: 100%;padding-left: 25px;position: relative;/* padding-bottom: 35px; */}
.seDB_person_list > li .txt_box p.name {font-size: 20px; color: #222; font-weight: 400; margin: 0 0 5px;}
.seDB_person_list > li .txt_box .info {width: 100%; display: flex; flex-wrap: wrap;}
.seDB_person_list > li .txt_box .info dt {width: 40%; font-weight: 400; margin-top: 5px;}
.seDB_person_list > li .txt_box .info dd {width: 60%; margin-top: 5px;}
.seDB_person_list > li .txt_box .btn_more {position: relative;bottom: 0;width: auto;line-height: 30px;margin-top: 10px;display: inline-block;background-color: #666;color: #fff;font-size: 14px;padding: 0 20px;border-radius: 20px;transition: all .25s ease;}

.seDB_person_list > li > a:hover,
.seDB_person_list > li > a:focus {border-color: #0068ce;}
.seDB_person_list > li > a:hover .btn_more,
.seDB_person_list > li > a:focus .btn_more {background-color: #0068ce;}


/******* 2021-01-20 연구인력 이메일 아이콘 추가 *******/
.seDB_person_list_wrap .seDB_person_list.db_person_box > li {position:relative;}
.seDB_person_list_wrap .seDB_person_list.db_person_box > li button.db_person_mail {width:27px; height:26px; position:absolute; top:7%; right:5%;}
.seDB_person_list_wrap .seDB_person_list.db_person_box > li button.db_person_mail i {font-size:27px; color:#666666; transition:all 0.25s ease;}
.seDB_person_list_wrap .seDB_person_list.db_person_box > li button.db_person_mail:hover i {color:#2e69b3;}


@media all and (max-width:1250px){
    .seDB_person_list > li {width: 50%;}
}


@media all and (max-width:1000px){
    /******* 연구인력 *******/
    .seDB_person_list_wrap {}
    .seDB_person_list {display: block;}
    .seDB_person_list > li {width: 100%; padding:3px 0px;}
    .seDB_person_list > li > a {padding: 15px;}
    .seDB_person_list > li .img_box {width: 100px; height: 140px;}
    .seDB_person_list > li .txt_box {width: 100%; padding-left: 15px; padding-bottom: 0px;}
    .seDB_person_list > li .txt_box p.name {font-size: 18px;}
    .seDB_person_list > li .txt_box .info {}
    .seDB_person_list > li .txt_box .info dt {width: 40%; font-size: 13px;}
    .seDB_person_list > li .txt_box .info dd {width: 60%; font-size: 13px;}
    .seDB_person_list > li .txt_box .btn_more {line-height: auto; font-size: 13px; padding: 1px 15px; width: 110px; text-align:center;}

}


@media all and (max-width:1000px){
    /******* 2021-01-20 연구인력 이메일 아이콘 추가 *******/
    .seDB_person_list_wrap .seDB_person_list.db_person_box > li button.db_person_mail {right:4%;}
    .seDB_person_list_wrap .seDB_person_list.db_person_box > li button.db_person_mail i {font-size:20px; transition:all 0.25s ease;}
}


/*******  *******/



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



/************ 서브 CSS  *************/


/******* 연구비 집행절차 *******/
.research_expense_top_box {width: 100%; display: flex; margin-bottom: 30px;}
.research_expense_top_box .one {font-size: 18px; color: #fff; font-weight: 400; border-left: 1px solid #fff; padding: 18px 10px 17px; text-align: center;}
.research_expense_top_box .one:first-of-type {border-left: none;}
.research_expense_top_box .one.blue {width: 30%; background-color: #0068ce;}
.research_expense_top_box .one.sky {width: 50%;background-color: #0078CE;}
.research_expense_top_box .one.gray {width: 20%;background-color: #4A99C9;}

.research_expense_con_box {width: 100%;}

.research_expense_con_box .box {width: 100%; display: flex; align-items: center; border: 3px solid #ededed; padding: 25px 25px;}
.research_expense_con_box .box h3 {width: 30%; font-size: 18px; font-weight: 500; color: #0068ce;}
.research_expense_con_box .box .list {width: 50%; padding-left: 20px;}
.research_expense_con_box .box .list li {padding-left: 15px; position: relative; margin-top: 5px; font-weight: 400;}
.research_expense_con_box .box .list li:first-of-type {margin-top: 0;}
.research_expense_con_box .box .list li::before {content: ""; width: 5px; height: 5px; border-radius: 50%; background-color: #0084f0; position: absolute; left: 0; top: 10px;}
.research_expense_con_box .box .txt {width: 20%; font-size: 17px; text-align: right; font-weight: 400; color: #222;}

.research_expense_con_box .arrow {text-align: center; padding: 15px 10px;}



@media all and (max-width:1000px){
    /******* 연구비 집행절차 *******/
    .research_expense_top_box {margin-bottom: 20px; display: block;}
    .research_expense_top_box .one {width: 100%; padding: 10px; border-top: 1px solid #fff; border-left: none; font-size: 14px;}
    .research_expense_top_box .one:first-of-type {border-top: none;}
    .research_expense_top_box .one.blue {width: 100%;}
    .research_expense_top_box .one.sky {width: 100%;}
    .research_expense_top_box .one.gray {width: 100%;}

    .research_expense_con_box {width: 100%;}

    .research_expense_con_box .box {display: flex; flex-wrap: wrap; border: 2px solid #ededed; padding: 0;}
    .research_expense_con_box .box h3 {width: 100%; padding: 5px; text-align: center; background-color: #e2f1ff; font-size: 15px;}
    .research_expense_con_box .box .list {width: 100%; background-color: #cff0fb; padding: 15px;}
    .research_expense_con_box .box .list li {padding-left: 15px; position: relative; margin-top: 5px; font-weight: 400; font-size: 13px;}
    .research_expense_con_box .box .list li:first-of-type {margin-top: 0;}
    .research_expense_con_box .box .list li::before {content: ""; width: 5px; height: 5px; border-radius: 50%; background-color: #0084f0; position: absolute; left: 0; top: 10px;}
    .research_expense_con_box .box .txt {width: 100%; font-size: 14px; text-align: center; padding: 7px; background-color: #e5f1f5;}

    .research_expense_con_box .arrow {padding: 12px 10px;}
}




/******* 조직도 *******/


.organization_wrap {width: 100%; margin-bottom: 0px; padding-top: 50px;}
.organization_con_ul {width: 100%;}
.organization_con_ul > li {width: 100%; text-align: center;}
.organization_con_ul > li > .top {margin-bottom: 77px; position: relative;}
.organization_con_ul > li > .top::before {content: ""; display: block; width: 1px; height: 77px; background-color: #ddd; position: absolute; top: 100%; left: 50%;}
.organization_con_ul > li > .top > .block {display: inline-flex; justify-content: center; align-items: center; background-color: #072b5d; width: 130px; height: 76px; color: #fff; font-size: 20px; font-weight: 500; position: relative; box-shadow: 0 0 15px rgba(0,0,0,0.2);}

.organization_con_ul > li > .top > .block:before,
.organization_con_ul > li > .top > .block:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 92px;
    height: 92px;
    -webkit-transform: scaleY(0.5774) rotate(-45deg);
    -ms-transform: scaleY(0.5774) rotate(-45deg);
    transform: scaleY(0.5774) rotate(-45deg);
    background-color: #072b5d;
    left: 19px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.organization_con_ul > li > .top > .block:before {
  top: -46.1px;
}

.organization_con_ul > li > .top > .block:after {
  bottom: -46.1px;
}

.organization_con_ul > li > .top > .block .icon {position: absolute; z-index: 100;}
.organization_con_ul > li > .top > .block b {position: relative; z-index: 100;}
.organization_con_ul > li .depth2 > li {width: 100%; text-align: center;}
.organization_con_ul > li .depth2 > li > .block {display: inline-block; width: 254px; color: #fff; font-size: 16px; font-weight: 400; background-color: #004dad; border-radius: 5px; padding: 17px 10px 16px; line-height: 1.2; margin-bottom: 11px; position: relative;}
.organization_con_ul > li .depth2 > li > .block::before {content: ""; display: block; width: 1px; height: 145px; background-color: #ddd; position: absolute; top: 100%; left: 50%;}
.organization_con_ul > li .depth2 > li > .block::after {content: "";  display: block; width: 8px; height: 8px; border-radius: 50%; background-color: #ddd; position: absolute; top: calc(100% + 143px); left: calc(50% - 4px);}

.organization_con_ul > li .depth2 > li .depth3 {position: relative; padding-top: 1px;}
.organization_con_ul > li .depth2 > li .depth3 > li.lb {position: absolute; left: calc(50% - 233px); margin-left: -170px; width: 233px; padding: 18px 10px 16px; border-radius: 5px; background-color: #fff; border: 1px solid #ddd; font-size: 16px; font-weight: 400;}
.organization_con_ul > li .depth2 > li .depth3 > li.lb::before {content: ""; display: block; height: 1px; width: 170px; background-color: #ddd; position: absolute; left: 100%; top: 50%;}
.organization_con_ul > li .depth2 > li .depth3 > li.rb {position: absolute; right: calc(50% - 233px); margin-right: -175px; width: 233px; padding: 18px 10px 16px 25px; border-radius: 5px; background-color: #fff; border: 1px solid #ddd; font-size: 16px; font-weight: 400; text-align: left;}
.organization_con_ul > li .depth2 > li .depth3 > li.rb::before {content: ""; display: block; height: 1px; width: 175px; background-color: #ddd; position: absolute; right: 100%; top: 50%;}
.organization_con_ul > li .depth2 > li .depth3 > li.rb .dot {margin-top: 5px;}
.organization_con_ul > li .depth2 > li .depth3 > li.rb .dot:first-of-type {margin-top: 0;}

.organization_con_ul > li .depth2 > li .depth3 > li.wide {padding-top: 20px; width: 590px; margin: 135px auto 0;}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 {width: 100%; position: relative; padding-top: 90px;}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4::after {content: "";  display: block; width: 57%; height: 1px; background-color: #ddd; position: absolute; top: -20px; left: 21.8%;}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4::before {content: "";  display: block; width: 57%; height: 1px; background-color: #ddd; position: absolute; top: 90px; left: 21.8%;}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li.lb {position: absolute; left: 0; top: 0;}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li.rb {position: absolute; right: 0; top: 0;}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li > .block {display: inline-block; width: 254px; color: #fff; font-size: 16px; font-weight: 400; background-color: #004dad; border-radius: 5px; padding: 17px 10px 16px; line-height: 1.2; margin-bottom: 11px; position: relative;}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li > .block::before {content: ""; display: block; width: 1px; height: 20px; background-color: #ddd; position: absolute; bottom: 100%; left: 50%;}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li > .block::after {content: ""; display: block; width: 1px; height: 20px; background-color: #ddd; position: absolute; top: 100%; left: 50%;}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth4_1 {position: absolute; right: 100%; top: 0; width: 135px;}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth4_1::before {content: ""; display: block; width: 1px; background-color: #ddd; position: absolute; top: 35px;}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth4_1 > li {margin-top: 6px; position: relative;}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth4_1 > li::before {content: ""; display: block; width: 20px; height: 1px; background-color: #ddd; top: 50%; position: absolute;}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth4_1 > li:first-of-type {margin-top: 0;}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth4_1 > li:first-of-type::before {width: 50px;}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth4_1 > li:first-of-type::after {content: "";  display: block; width: 8px; height: 8px; border-radius: 50%; background-color: #ddd; position: absolute; top: calc(50% - 4px);}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth4_1 > li > a {display: block; border-radius: 5px; background-color: #0092ce; color: #fff; font-size: 16px; font-weight: 400; padding: 22px 5px 21px; transition: all .25s ease;}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth4_1 > li > a:hover,
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth4_1 > li > a:focus {background-color: #0179e7;}

.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li.lb .depth4_1 {right: calc(100% + 50px);}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li.lb .depth4_1::before {left: calc(100% + 20px); height: 52%;}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li.lb .depth4_1 > li::before {left: 100%;}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li.lb .depth4_1 > li:first-of-type::after {left: calc(100% + 17px);}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li.rb .depth4_1 {left: calc(100% + 50px);}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li.rb .depth4_1 > li::before {right: 100%;}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li.rb .depth4_1::before {right: calc(100% + 20px); height: 81.5%;}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li.rb .depth4_1 > li:first-of-type::after {right: calc(100% + 17px);}

.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li.wide {padding-top: 52px; position: relative;}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li.wide::before {content: ""; display: block; width: 1px; height: 33px; background-color: #ddd; position: absolute; top: 0; left: 50%;}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li.wide::after {content: "";  display: block; width: 8px; height: 8px; border-radius: 50%; background-color: #ddd; position: absolute; top: -3px; left: calc(50% - 4px);}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth5 {width: 100%; position: relative;}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth5::before {content: "";  display: block; width: 57%; height: 1px; background-color: #ddd; position: absolute; top: -20px; left: 21.8%;}

.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth5 > li.lb {position: absolute; left: 0; top: 0;}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth5 > li.rb {position: absolute; right: 0; top: 0; text-align: right;}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth5 > li > .block {display: inline-flex; width: 254px; height: 69px; align-items: center; justify-content: center; color: #fff; font-size: 16px; font-weight: 400; background-color: #8191a5; border-radius: 5px; padding: 17px 10px 16px; line-height: 1.2;position: relative;}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth5 > li > .block::before {content: ""; display: block; width: 1px; height: 20px; background-color: #ddd; position: absolute; bottom: 100%; left: 50%;}

.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth5 > li .depth6 {}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth5 > li .depth6 > li {width: 100%; position: relative;}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth5 > li .depth6 > li::before {content: ""; display: block; width: 1px; height: 12px; background-color: #ddd; position: absolute; left: 50%;}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth5 > li .depth6 > li > .block {display: inline-flex; width: 254px; height: 69px; align-items: center; justify-content: center; color: #fff; font-size: 16px; font-weight: 400; background-color: #c0cdde; border-radius: 5px; padding: 17px 10px 16px; line-height: 1.2; margin-top: 12px; position: relative;}



.organiztion_detail_w {width: 100%;}
.organiztion_detail_w .one_box {width: 100%; border-bottom: 1px solid #ddd;}
.organiztion_detail_w .one_box > a {display: block; padding: 23px 30px 21px 10px; position: relative;}
.organiztion_detail_w .one_box > a .arrow {position: absolute; right: 10px; color: #8191a5; top: 40%;}
.organiztion_detail_w .one_box > a .arrow i {transition: all .25s ease;}
.organiztion_detail_w .one_box > a .txt {}
.organiztion_detail_w .one_box > a .txt h2 {font-size: 18px; font-weight: 500; color: #333; padding-left: 30px; background:url('../images/sub/icon_bullet_02.png') no-repeat left top 5px;}
.organiztion_detail_w .txt .number {margin-left: 20px; padding-left: 15px; font-family: 'Roboto','Noto Sans Korean'; font-size: 15px; color: #666; margin-top: 5px; font-weight: 400; position: relative;}
.organiztion_detail_w .txt .number::after {content: ""; display: block; height: 15px; width: 4px; background-color: #ffb156; border-radius: 5px; position: absolute; left: 0; top: 3px;}

.organiztion_detail_w .one_box > a.active {}
.organiztion_detail_w .one_box > a.active .arrow {color: #2374d1;}
.organiztion_detail_w .one_box > a.active .arrow i {transform: rotate(180deg);}

.organiztion_detail_w .content_box {display:none; width: 100%; padding: 0 0 0px;}
.organiztion_detail_w .content_box .tbl_box {width: 100%;}
.tbl_organi {width: 100%; border-top: 1px solid #333; margin-bottom: -1px;}
.tbl_organi th {font-size: 15px; font-weight: 400; color: #222; padding: 15px 5px; background-color: #f9f9f9; border-left: 1px solid #ddd;}
.tbl_organi th:first-of-type {border-left: none;}
.tbl_organi tr {border-bottom: 1px solid #ddd;}
.tbl_organi td {border-left: 1px solid #ddd; text-align: center; padding: 12px 5px; font-size: 15px; font-weight: 400; color: #666; word-break: break-all;}
.tbl_organi td:first-of-type {border-left: none; }

.organiztion_search_box {width: 100%; background-color: #f7fbff; border: 1px solid #8ac7ff; padding: 25px 20px 23px; text-align: center; vertical-align: middle; margin-bottom: 30px;}
.organiztion_search_box .txt01 {padding:0 20px;font-size: 15px; background-color: transparent; border: none; height: 40px; vertical-align: middle; min-width: 25%;}
.organiztion_search_box label {font-size: 16px; margin-right: 10px; vertical-align: middle; font-weight: 500;color: #333;}
.organiztion_search_box .btn_sear {vertical-align: middle; height: 40px; background-color: #004dad; color: #fff; font-size: 17px; transition: all .25s ease; padding: 0 20px;}
.organiztion_search_box .btn_sear:hover,
.organiztion_search_box .btn_sear:focus {background-color: #004dad;}

/*산학협력단 개인별업무분장현황 211228 bjm*/
.organization_division_status {  }
.organization_division_status table { width:100%;  text-align:center; }
.organization_division_status table th { text-align:center; }
.organization_division_status table td:nth-child(4) { text-align:left; border:1px solid #ccc; vertical-align: middle; }


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

    .organization_con_ul > li .depth2 > li .depth3 > li.wide {padding-top: 20px; width: 470px; margin: 135px auto 0;}

    .organization_con_ul > li .depth2 > li .depth3 > li.lb {width: 200px; margin-left: -141px;}
    .organization_con_ul > li .depth2 > li .depth3 > li.rb {width: 200px; margin-right: -141px;}

    .organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li > .block {width: 200px; font-size: 15px;}

    .organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth4_1 {width: 100px; font-size: 13px;}
    .organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth4_1 > li > a {font-size: 13px;}
    .organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth5 > li > .block {width: 200px; font-size: 15px;}
    .organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth5 > li .depth6 > li > .block {width: 200px; font-size: 15px;}
}


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

    .organiztion_detail_w {}
    .organiztion_detail_w .one_box {}
    .organiztion_detail_w .one_box > a {padding: 15px 30px 13px 7px;}
    .organiztion_detail_w .one_box > a .arrow {}
    .organiztion_detail_w .one_box > a .txt {}
    .organiztion_detail_w .one_box > a .txt h2 {font-size: 15px; padding-left: 20px; background-size: 12px;}
    .organiztion_detail_w .txt .number {margin-left: 10px; padding-left: 10px; font-size: 13px;}
    .organiztion_detail_w .txt .number::after {height: 10px; width: 3px; top: 5px;}

    .organiztion_detail_w .one_box > a.active {}
    .organiztion_detail_w .one_box > a.active .arrow {color: #2374d1;}
    .organiztion_detail_w .one_box > a.active .arrow i {transform: rotate(180deg);}

    .organiztion_detail_w .content_box {}
    .tbl_organi {}
    .tbl_organi th {font-size: 14px; padding: 13px 5px;}
    .tbl_organi td {border-left: 1px solid #ddd; text-align: center; padding: 12px 5px; font-size: 12.5px; font-weight: 300;}
    .tbl_organi td:first-of-type {border-left: none; }

    .organiztion_search_box {margin-bottom: 20px;}
    .organiztion_search_box .txt01 {width: 50%; height: 40px; font-size: 14px; padding: 0 10px;}
    .organiztion_search_box .btn_sear {width: 20%; height: 40px; font-size: 14px; padding: 0;}

}


@media all and (max-width:1000px){
    .organization_wrap {margin-bottom: 50px; padding-top: 50px;}
    .organization_con_ul {}

    .organization_con_ul > li .depth2 > li {width: 100%; text-align: center;}
    .organization_con_ul > li .depth2 > li > .block {width: 100%; font-size: 14px; padding: 15px 5px 14px; margin-bottom: 11px;}

    .organization_con_ul > li .depth2 > li .depth3 {position: relative; padding-top: 1px;}
    .organization_con_ul > li .depth2 > li .depth3 > li.lb {position: relative; left: 0; margin-left: 0; width: 100%; padding: 15px 5px 13px; font-size: 14px;}
    .organization_con_ul > li .depth2 > li .depth3 > li.lb::before {background-color: transparent;}
    .organization_con_ul > li .depth2 > li .depth3 > li.rb {position: relative; right: 0; margin-right: 0; width: 100%; padding: 15px 10px 16px 25px; font-size: 14px; margin-top: 10px;}
    .organization_con_ul > li .depth2 > li .depth3 > li.rb::before {background-color: transparent;}

    .organization_con_ul > li .depth2 > li .depth3 > li.wide {padding-top: 20px; width: 100%; margin: 0 auto 0;}
    .organization_con_ul > li .depth2 > li .depth3 > li .depth4 {width: 100%; padding-top: 0;}
    .organization_con_ul > li .depth2 > li .depth3 > li .depth4::after {width: 0; height: 0;}
    .organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li.lb {position: relative; left: 0; top: 0;}
    .organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li.rb {position: relative; right: 0; top: 0; margin-top: 20px;}
    .organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li > .block {width: 100%; font-size: 14px; padding: 15px 10px 12px;}

    .organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth4_1 {position: relative; right: 0; top: 0; width: 90%;}
    .organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth4_1::before {background-color: transparent;}
    .organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth4_1 > li {margin-top: 6px; position: relative;}
    .organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth4_1 > li::before {background-color: transparent;}
    .organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth4_1 > li:first-of-type::before {width: 50px;}
    .organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth4_1 > li:first-of-type::after {width: 0; height: 0;}
    .organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth4_1 > li > a {font-size: 13px; padding: 15px 5px 13px;}

    .organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li.lb .depth4_1 {left:5%;}
    .organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li.rb .depth4_1 {left: 5%;}

    .organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li.wide {padding-top: 30px;}
    .organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth5 {width: 100%; position: relative;}
    .organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth5::before {width: 0; height:0}

    .organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth5 > li.lb {position: relative; left: 0; top: 0;}
    .organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth5 > li.rb {position: relative; right: 0; top: 0; margin-top: 20px;}
    .organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth5 > li > .block {display: inline-flex; width: 100%; height: 55px; font-size: 14px; padding: 15px 10px 13px;}
    .organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth5 > li.rb > .block::before {width: 0; height: 0;}

    .organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth5 > li .depth6 {}
    .organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth5 > li .depth6 > li {margin-top: 0px;}
    .organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth5 > li .depth6 > li > .block {width: 100%; height: 50px; font-size: 14px; padding: 14px 10px 12px; margin-top: 12px;}

}


@media all and (max-width:700px){
    .organiztion_detail_w .content_box .tbl_box {width: 100%; overflow-x: auto;}
    .tbl_organi {width: 600px}

}



/******* 사이트맵 *******/
/* old
.siteMap_wrap {width: 100%;}
.siteMap_wrap .row {width: 100%; display: flex; border-bottom: 1px solid #333;}
.siteMap_wrap .row:first-of-type {border-top: 1px solid #333;}
.siteMap_wrap .row .title {width: 15%; padding: 6px 0;}
.siteMap_wrap .row .title .in {width:100%; height:100%; background-color: #004dad; display: flex; justify-content: center; align-items: center;}
.siteMap_wrap .row .title .tit {font-size: 18px; font-weight: 400; color: #fff; padding-top: 12px; position: relative; display: inline-block;}
.siteMap_wrap .row .title .tit::after {content: ""; display: block; position: absolute; left: calc(50% - 12px); top: 0; width: 24px; height: 3px; background-color: #fff;}
.siteMap_wrap .row .content {width: 85%;}

.tbl_siteMap {width: 100%; position: relative;}
.tbl_siteMap::before {content: ""; width: 2px; height: 100%; background-color: #fff; position: absolute; right: -1px; top: 0;}
.tbl_siteMap td {border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 8px 10px 7px 20px; font-size: 14px; font-weight: 400;}
.tbl_siteMap td.d2 {background-color: #f9f9f9;}
.tbl_siteMap td a {display: block;}
.tbl_siteMap td a:hover,
.tbl_siteMap td a:focus {text-decoration: underline;}

.tbl_siteMap.studyDB td {height: 150px;}
*/

.siteMap_wrap {width: 100%;}
.siteMap_wrap > .row {border-top: 1px solid #333; display: flex;}
.siteMap_wrap > .row:last-of-type {border-bottom: 1px solid #333;}
.siteMap_wrap > .row .lb_cate {width: 15%; padding: 5px 0;}
.siteMap_wrap > .row .lb_cate .in {width: 100%; height: 100%; background-color: #004dad; display: flex; align-items: center; justify-content: center; min-height: 105px;}
.siteMap_wrap > .row .lb_cate .in > a {display: inline-block; font-size: 18px; color: #fff; font-weight: 400; padding-top: 20px; position: relative; text-align:center;}
.siteMap_wrap > .row .lb_cate .in > a::before {content: ""; display: block; width: 24px; height: 4px; background-color: #fff; position: absolute; left: calc(50% - 12px); top: 0;}

.siteMap_wrap > .row .rb_menu {width: 85%; position:relative;}
.siteMap_wrap > .row .rb_menu::before {content: ""; display: block; width: 33.33%; height: 100%; position: absolute; left: 33.33%; top:0; z-index: -1; background-color: #f9f9f9; border-left: 1px solid #ddd; border-right:1px solid #ddd;}
.siteMap_wrap > .row .rb_menu .depth_1 {width: 100%;}
.siteMap_wrap > .row .rb_menu .depth_1 > li {width: 100%; display: flex;}
.siteMap_wrap > .row .rb_menu .depth_1 > li > .a1 {display: flex; align-items: center; width: 33.33%; border-top: 1px solid #ddd; padding: 5px 5px 5px 15px; font-size: 15px; font-weight: 400;}
.siteMap_wrap > .row .rb_menu .depth_1 > li > .depth_2 {width: 66.67%;}
.siteMap_wrap > .row .rb_menu .depth_1 > li > .depth_2 > li {display: flex;}
.siteMap_wrap > .row .rb_menu .depth_1 > li > .depth_2 > li > .a2 {display: flex; align-items: center; width: 50%; border-top: 1px solid #ddd; padding: 5px 5px 5px 15px; font-size: 15px; font-weight: 400;}
.siteMap_wrap > .row .rb_menu .depth_1 > li > .depth_2 > li > .depth_3 {width: 50%;}
.siteMap_wrap > .row .rb_menu .depth_1 > li > .depth_2 > li > .depth_3 > li {}
.siteMap_wrap > .row .rb_menu .depth_1 > li > .depth_2 > li > .depth_3 > li > .a3 {display: block; border-top: 1px solid #ddd; padding: 5px 5px 5px 15px; font-size: 15px; font-weight: 400;}


.siteMap_wrap > .row .rb_menu a:hover,
.siteMap_wrap > .row .rb_menu a:focus {text-decoration: underline;}

.siteMap_wrap > .row .rb_menu .depth_1 > li:first-of-type > .a1 {border-top: none;}

.siteMap_wrap > .row .rb_menu .depth_1 > li > .depth_2 > li:last-of-type {border-bottom: 1px solid #ddd; margin-bottom: -1px;}
.siteMap_wrap > .row .rb_menu .depth_1 > li > .depth_2 > li > .depth_3 > li:last-of-type {border-bottom: 1px solid #ddd; margin-bottom: -1px;}

.siBorder {border-bottom: 1px solid #ddd;}


@media all and (max-width:1000px){
    /******* old
    .siteMap_wrap {width: 100%;}
    .siteMap_wrap .row {flex-wrap: wrap;}
    .siteMap_wrap .row .title {width: 100%; padding: 6px 0 0;}
    .siteMap_wrap .row .title .in {width:100%; height:100%; background-color: #004dad; padding: 10px 5px;}
    .siteMap_wrap .row .title .tit {font-size: 15px; padding-top: 5px;}
    .siteMap_wrap .row .title .tit::after {width: 24px; height: 2px;}
    .siteMap_wrap .row .content {width: 100%;}

    .tbl_siteMap {}
    .tbl_siteMap::before {content: ""; width: 2px; height: 100%; background-color: #fff; position: absolute; right: -1px; top: 0;}
    .tbl_siteMap td {padding: 8px 10px 7px 10px; font-size: 12px;}

    .tbl_siteMap.studyDB td {height: 100px;}
    *******/

    .siteMap_wrap {}
    .siteMap_wrap > .row {flex-wrap: wrap;}
    .siteMap_wrap > .row .lb_cate {width: 100%; padding: 4px 0;}
    .siteMap_wrap > .row .lb_cate .in {min-height: auto; padding: 13px 5px;}
    .siteMap_wrap > .row .lb_cate .in > a {font-size: 15px; padding-top: 7px;}
    .siteMap_wrap > .row .lb_cate .in > a::before {width: 24px; height: 2px;}

    .siteMap_wrap > .row .rb_menu {width: 100%;}
    .siteMap_wrap > .row .rb_menu::before {content: ""; display: block; width: 33.33%; height: 100%; position: absolute; left: 33.33%; top:0; z-index: -1; background-color: #f9f9f9; border-left: 1px solid #ddd; border-right:1px solid #ddd;}
    .siteMap_wrap > .row .rb_menu .depth_1 {}
    .siteMap_wrap > .row .rb_menu .depth_1 > li {}
    .siteMap_wrap > .row .rb_menu .depth_1 > li > .a1 {padding: 3px 3px 3px 5px; font-size: 13px;}
    .siteMap_wrap > .row .rb_menu .depth_1 > li > .depth_2 > li > .a2 {padding: 3px 3px 3px 5px; font-size: 13px;}
    .siteMap_wrap > .row .rb_menu .depth_1 > li > .depth_2 > li > .depth_3 > li > .a3 {padding: 3px 3px 3px 5px; font-size: 13px;}

}



/******* 로그인 페이지 *******/
.login_page_box {width: 550px; margin: 0 auto; background-color: #f8fbff; padding:50px 30px 50px; margin-bottom: 50px;}
.login_page_box .tit {width: 100%; border-bottom: 1px solid #eee; padding-bottom: 15px; text-align: center;}
.login_page_box .tit h2 {font-size: 20px; font-weight: 400;}
.login_page_box .content {width: 100%; display: flex; margin-top: 20px;}
.login_page_box .content .login_lb {width: 70%;}
.login_page_box .content .login_lb .row {width: 100%; margin-top: 5px;}
.login_page_box .content .login_lb .row:first-of-type {margin-top: 0;}
.login_page_box .content .login_lb .txt_login {width: 100%; height: 50px; font-size: 16px; border-color: #ddd;}
.login_page_box .content .login_rb {width: 30%;}
.login_page_box .content .login_rb .btnLogin {width: 100%; height: 100%; background-color: #004dad; color: #fff; font-size: 17px; transition: all .25s ease;}
.login_page_box .content .login_rb .btnLogin:hover,
.login_page_box .content .login_rb .btnLogin:focus {background-color: #0179e7;}
.login_page_box .idSave {margin-top: 20px;}
.login_page_box .idSave .smallChar {font-size:12px; color:#e22931; font-weight:500; margin:0 0 10px 0;}

.login_page_box .warning_box {margin-top: 50px;}
.login_page_box .warning_box .login_txt {margin: 0 0 10px; font-size: 18px; font-weight:400; color: #333; padding-left: 30px; background: url('../images/sub/icon_bullet_01.png') no-repeat left top 7px;}
.login_page_box .warning_box .login_in_txt {padding-left: 30px; font-weight: 400; color: #666;}


@media all and (max-width:600px){
    /******* 로그인 페이지 *******/
    .login_page_box {width: 100%; padding:30px 20px 30px; margin-bottom: 30px;}
    .login_page_box .tit {padding-bottom: 15px;}
    .login_page_box .tit h2 {font-size: 18px;}
    .login_page_box .content {margin-top: 20px;}
    .login_page_box .content .login_lb {}
    .login_page_box .content .login_lb .txt_login {height: 40px; font-size: 14px;}
    .login_page_box .content .login_rb .btnLogin {font-size: 15px;}

    .login_page_box .idSave {margin-top: 15px;}

    .login_page_box .warning_box {margin-top: 30px;}
    .login_page_box .warning_box .login_txt {font-size: 15px; padding-left: 25px; background: url('../images/sub/icon_bullet_01.png') no-repeat left top 3px; background-size: 15px;}
    .login_page_box .warning_box .login_in_txt {padding-left: 20px; font-size: 14px;}
}


/******* 인사말 *******/
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'InkLipquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.greeting_img_box {width: 100%; height: 415px; position: relative;}
.greeting_img_box .txt_box {position: relative; background: linear-gradient(-200deg, #009688, #3f51b5); z-index: 10;  width: 50%; height: 365px; border-radius: 0 50px 0 0; padding: 70px 40px 15px 40px; overflow:hidden; }
/*background:url('../images/sub/bg_greeting_01.jpg');*/
.greeting_img_box .txt_box h2 {font-family: 'GmarketSansLight'; color: #fff; font-size: 43px; font-weight: 300; line-height: 1.15;}
/* .greeting_img_box .txt_box h2 br {display: none;} */
.greeting_img_box .txt_box h2 b {font-family: 'GmarketSansBold'; font-weight: 300;}
.greeting_img_box .txt_box .eng {font-size: 12px; color:#94cef2; letter-spacing: 0; margin: 15px 0 30px;}
.greeting_img_box .txt_box .name {text-align: right; font-size: 16px; color:#fff; vertical-align: middle; }
.greeting_img_box .txt_box .name b {font-family: 'InkLipquid'; font-weight: 300; font-size: 40px; vertical-align: middle; letter-spacing: 10px; margin-left: 10px;}
.greeting_img_box .chosun_img {position: absolute; z-index: 8; right: 0; bottom: 0;}
.greeting_img_box .logo { position: absolute; top:150px; left:-30px; }
.greeting_img_box .gray_box {position: absolute; z-index: 6; left: 40px; bottom: 22px; width: 437px; height: 324px; background-color: #eee;}

.greeting_content_box {margin-top: 70px; padding: 0 60px 0 50px;}
.greeting_content_box h2 {font-size: 22px; color:#163a70; margin-bottom: 30px; font-weight: 500;}
.greeting_content_box .para {font-weight: 300; font-size: 17px; line-height: 1.6;}

@media all and (max-width:1300px){
    .greeting_img_box .txt_box h2 {font-size: 30px;}
}

@media all and (max-width:1000px){
    .greeting_img_box {height: auto;}
    .greeting_img_box .txt_box {background-size: 20px; width: 95%; height: auto; padding: 40px 20px 20px 20px;}

    .greeting_img_box .txt_box h2 {font-size: 30px;}
    .greeting_img_box .txt_box h2 b {}
    .greeting_img_box .txt_box .eng {font-size: 10px; margin: 10px 0 15px;}
    .greeting_img_box .txt_box .name {font-size: 14px;}
    .greeting_img_box .txt_box .name b {font-size: 30px;}
    .greeting_img_box .chosun_img {position: relative; z-index: 8; left: 10%; top: -10px; width: 90%;}
    .greeting_img_box .gray_box {position: absolute; z-index: 6; left: 10px; bottom: 22px; width: 100%; height: 400px;}

    .greeting_content_box {margin-top: 40px; padding: 0 10px 0 10px;}
    .greeting_content_box h2 {font-size: 17px; margin-bottom: 20px;}
    .greeting_content_box .para {font-size: 14px;}
}







/******* 연혁 *******/
.history_tab_wrap {width: 100%; margin-bottom: 50px;}
.history_tab_ul {width: 100%; display:flex;}
.history_tab_ul > li {width: 33.3333%; border:1px solid #ededed; margin: -1px 0 0 -1px;}
.history_tab_ul > li > a {display:block; text-align: center; font-size: 16px; color:#666; font-family: 'Roboto','Noto Sans Korean'; font-weight: 400; padding: 15px 10px;}
.history_tab_ul > li:hover {background-color:#ecf6ff;}
.history_tab_ul > li > a:hover {color:#222; }
.history_tab_ul > li.active {}
.history_tab_ul > li.active > a {background-color:#F14E47; color:#fff} /*background:#004c8f*/

.history_tab_ul_con {padding: 0 35px;}
.history_tab_ul_con .one {position: relative;}
.history_tab_ul_con .one::before {content: ""; display:block; width: 1px; height: 100%; background-color: #eee; position: absolute; left: 13%;}
.history_tab_ul_con .row {margin-top: 50px; display: flex;}
.history_tab_ul_con .row:first-of-type {margin-top: 0;}
.history_tab_ul_con .row .year {width: 13%; position: relative;}
.history_tab_ul_con .row .year::after {content: ""; width: 16px; height: 18px; background:url('../images/sub/icon_history_polygon.png') no-repeat left top; display: block; position: absolute; right: -8px; top:10px}
.history_tab_ul_con .row .year p {font-size: 25px; font-weight: 400; color: #222; font-family: 'Roboto', 'Noto Sans Korean';}
.history_tab_ul_con .row .content {width: 87%; padding-left: 45px;}
.history_tab_ul_con .row .content .dots_ul {}
.history_tab_ul_con .row .content .dots_ul > li {margin-top: 10px; display: flex;}
.history_tab_ul_con .row .content .dots_ul > li:first-of-type {margin-top: 0;}
.history_tab_ul_con .row .content .dots_ul > li .date {width: 100px; font-size: 15px; font-weight: 500; color: #673ab7; font-family: 'Roboto', 'Noto Sans Korean';} /*color:#0068ce*/
.history_tab_ul_con .row .content .dots_ul > li .con {width: calc(100% - 100px); text-align: left;}
.history_tab_ul_con .row .content .dots_ul > li .con .dots {font-size: 15px; font-weight: 400; color: #222; padding-left: 15px; line-height: 1.5; position: relative;}
.history_tab_ul_con .row .content .dots_ul > li .con .dots::before {content: ""; display:block; width: 4px; height: 4px; border-radius: 50%; background-color: #8bc34a; position: absolute; left: 0; top: 9px;} /*background:#0068ce;*/

@media all and (max-width:1000px){
    /******* 연혁 *******/
    .history_tab_wrap {margin-bottom: 30px;}
    .history_tab_ul {flex-wrap: wrap;}
    .history_tab_ul > li {width: 33.3333333%;}
    .history_tab_ul > li > a {font-size: 14px; padding: 10px 5px 8px;}

    .history_tab_ul_con {padding: 0;}
    .history_tab_ul_con .one::before {width: 0; height: 0;}
    .history_tab_ul_con .row {margin-top: 0px; flex-wrap: wrap; padding: 20px 0; border-bottom: 1px solid #eee;}
    .history_tab_ul_con .row .year {width: 100%; position: relative;}
    .history_tab_ul_con .row .year::after {width: 13px; height: 16px; background-size: 12px; right: 0px; left: 0px; top: 8px; }
    .history_tab_ul_con .row .year p {font-size: 20px; font-weight: 500; margin-left:20px;}
    .history_tab_ul_con .row .content {width: 100%; padding-left: 0; margin-top: 20px;}
    .history_tab_ul_con .row .content .dots_ul {}
    .history_tab_ul_con .row .content .dots_ul > li {margin-top: 10px; display: flex;}
    .history_tab_ul_con .row .content .dots_ul > li .date {width: 80px; font-size: 14px;}
    .history_tab_ul_con .row .content .dots_ul > li .con {width: calc(100% - 80px);}
    .history_tab_ul_con .row .content .dots_ul > li .con .dots {font-size: 14px; padding-left: 12px;}
    .history_tab_ul_con .row .content .dots_ul > li .con .dots::before {width: 3px; height: 3px; top: 10px;}

}

@media all and (max-width:600px){
    .history_tab_wrap {margin-bottom: 30px;}
    .history_tab_ul {flex-wrap: wrap;}
    .history_tab_ul > li {width: 100%;}
    .history_tab_ul > li > a {font-size: 14px; padding: 10px 5px 8px;}
}





/******* 역대 처(단)장 *******/
.history_leader_wrap {}
.history_leader_ul {display: flex; flex-wrap: wrap;}
.history_leader_ul > li {width: 33.33%; padding: 25px 15px}
.history_leader_ul > li > .in {border: 1px solid #dddddd; border-radius: 5px; padding: 14px; position: relative; background-color: #fff;}
.history_leader_ul > li > .in::before {content:""; display: block; position: absolute; z-index: -1; width: 100%; height: 100%; border-radius: 5px; border: 1px solid #ddd; left: 10px; top: 10px;}
.history_leader_ul > li .top_box {width: 100%; padding: 7px 10px 5px; border-radius: 5px; background-color: #0179e7; color: #fff; font-size: 15px; text-align: center; word-break: keep-all;}
.history_leader_ul > li .top_box b {margin:0 2px; font-family: 'Roboto','Noto Sans Korean'; font-size: 1.3em;}
.history_leader_ul > li .name_box {width: 100%; border-bottom: 1px solid #ddd; text-align: center; padding: 23px 0 15px; font-size: 20px; color: #666;}
.history_leader_ul > li .name_box b {font-size: 25px; font-weight: 500; color:#222; margin-right: 5px;}
.history_leader_ul > li .date {text-align: center; padding-top: 10px; color: #666; font-size: 14px; font-family:'Roboto','Noto Sans Korean'; font-weight: 500;}
.history_leader_ul > li .date b {color: #222; font-weight: 500;}


@media all and (max-width:1000px){
    /******* 역대 처(단)장 *******/
    .history_leader_ul {display: block;}
    .history_leader_ul::after {content:""; display:block; clear: both;}
    .history_leader_ul > li {width: 50%; float:left; padding: 25px 15px}
}

@media all and (max-width:600px){
    /******* 역대 처(단)장 *******/
    .history_leader_ul > li {width: 100%; padding: 13px 10px}
    .history_leader_ul > li > .in {padding: 10px;}
    .history_leader_ul > li > .in::before {left: 8px; top: 8px;}
    .history_leader_ul > li .top_box {padding: 7px 10px 5px; font-size: 13px;}
    .history_leader_ul > li .name_box {padding: 15px 0 10px; font-size: 15px;}
    .history_leader_ul > li .name_box b {font-size: 20px;}
    .history_leader_ul > li .date {font-size: 13px;}
}

/******* 찾아오시는길 *******/
.directions_map_box {width:100%; border: 1px solid #ddd; margin-bottom: 70px;}
.directions_map_box .map_box {width: 100%;}
.directions_map_box #map {width: 100%;  height: 500px;}
.directions_map_box .info_box {width: 100%; border-top: 1px solid #ddd; padding: 30px 40px;}
.directions_map_box .info_box .in_ul {}
.directions_map_box .info_box .in_ul li {margin-top: 10px; display: flex;}
.directions_map_box .info_box .in_ul li:first-of-type {margin-top: 0;}
.directions_map_box .info_box .in_ul li .lb {font-size: 16px; font-weight: 500; color:#222;}
.directions_map_box .info_box .in_ul li .rb {font-size: 16px; font-weight: 400; color:#555; padding-left: 15px;}

.direction_tab1_wrap {width:100%; margin-bottom: 45px;}
.direction_tab1 {width:100%; display:flex; border-bottom: 3px solid #222;}
.direction_tab1 li {flex-basis: 20%; text-align: center; background-color:#5885b3; border-left: 1px solid rgba(255,255,255,0.1); }
.direction_tab1 li:hover { background:#00a4b8; }
.direction_tab1 li > a {display:block; color:#fff; padding: 15px 5px; font-size: 16px;}
.direction_tab1 li.active  {background-color: #fff; border:3px solid #222; border-bottom: none; position: relative;}
.direction_tab1 li.active > a {color:#222; font-weight: 400; position: relative;}
.direction_tab1 li.active > a::before {content:""; position: absolute; left:0; bottom: -3px; width:100%; height:3px; background-color:#fff;}

.direction_tab1_con {}
.direction_tab1_con .one {}

.tbl_direction1 {width: 100%; border-top: 1px solid #333; border-collapse: separate;}
.tbl_direction1 th {padding: 20px 10px; text-align: center; background-color:#f9f9f9; font-weight: 400; color:#222; border-bottom: 1px solid #ddd;}
.tbl_direction1 td {padding: 13px 10px; text-align: center; font-size: 16px; border-bottom: 1px solid #ddd; border-left:1px solid #ddd;}
.tbl_direction1 td .icon {font-weight: 400;}
.tbl_direction1 td.txLeft {text-align: left; padding-left: 30px;}
.tbl_direction1 .ic_1 {font-size: 1.3em; color:#aaa; vertical-align: middle;}


@media all and (max-width:1000px){
    /******* 찾아오시는길 *******/
    .directions_map_box {margin-bottom: 40px;}
    .directions_map_box .info_box {padding: 20px 20px;}
    .directions_map_box .info_box .in_ul li {margin-top: 10px;}
    .directions_map_box .info_box .in_ul li .lb {font-size: 14px;}
    .directions_map_box .info_box .in_ul li .rb {font-size: 13px; padding-left: 15px;}

    .direction_tab1_wrap {width:100%; margin-bottom: 30px;}
    .direction_tab1 {flex-wrap:wrap; border-bottom: none;}
    .direction_tab1 li {flex-basis: 50%; border: 1px solid rgba(255,255,255,0.1); margin: -1px 0 0 -1px;}
    .direction_tab1 li > a {padding: 10px 5px; font-size: 14px;}
    .direction_tab1 li.active  {border:2px solid #222; border-bottom: 2px solid #222;}
    .direction_tab1 li.active > a::before {width:0; height: 0;}

    .direction_tab1_con {}
    .direction_tab1_con .one {}

    .tbl_direction1 {}
    .tbl_direction1 th {padding: 15px 5px; font-size: 14px;}
    .tbl_direction1 td {padding: 10px 5px; font-size: 14px;}
    .tbl_direction1 td.txLeft {padding-left: 20px;}
}

/******* FAQ *******/
.faq_btn_box {margin-bottom: 20px; text-align: right;}
.faq_btn_box .btn_faq {padding: 8px 15px 8px; font-size: 16px; background-color: #2e69b3; color: #fff; border-radius: 5px; transition: all .25s ease;}
.faq_btn_box .btn_faq:hover,
.faq_btn_box .btn_faq:focus {background-color: #023fa7;}

.faq_wrap {width: 100%;}
.faq_wrap .one {margin-top: 15px; border: 1px solid #ddd;}
.faq_wrap .one:first-of-type {margin-top: 0;}
.faq_wrap .one > a {display:flex; padding: 20px 30px; transition: all .25s ease;}
.faq_wrap .one > a .question {width: 40px; height: 40px; display: inline-flex; border-radius: 50%; background-color: #004dad; color: #fff; justify-content: center; align-items: center; font-size: 25px; font-family: 'Roboto', 'Noto Sans Korean'; font-weight: 400;}
.faq_wrap .one > a .con {width: calc(100% - 40px); padding: 7px 0 0 20px; font-size: 17px; font-weight: 400; color: #222;}
.faq_wrap .one > .answer_box {background-color: #f9f9f9; border-top: 1px solid #ddd; display: none;}
.faq_wrap .one > .answer_box .in {display:flex; padding: 20px 30px;}
.faq_wrap .one > .answer_box .answer {width: 40px; height: 40px; display: inline-flex; border-radius: 50%; background-color: #072b5d; color: #fff; justify-content: center; align-items: center; font-size: 25px; font-family: 'Roboto', 'Noto Sans Korean'; font-weight: 400;}
.faq_wrap .one > .answer_box .con {width: calc(100% - 40px); padding: 7px 0 0 20px; font-size: 17px; font-weight: 400; color: #222;}

.faq_wrap .one > a:hover {background-color: #f2f9ff;}
.faq_wrap .one > a.active {background-color: #f2f9ff;}

.faqBox label {font-size: 16px; margin-right: 20px; vertical-align: middle; font-weight: 500;color: #666;}

@media all and (max-width:1000px){
    /******* FAQ *******/
    .faq_btn_box {margin-bottom: 20px;}
    .faq_btn_box .btn_faq {padding: 8px 13px 8px; font-size: 14px;}

    .faq_wrap {}
    .faq_wrap .one {margin-top: 10px;}
    .faq_wrap .one > a {display:flex; padding: 15px 10px; align-items: center;}
    .faq_wrap .one > a .question {width: 30px; height: 30px; font-size: 20px;}
    .faq_wrap .one > a .con {width: calc(100% - 30px); padding: 0px 0 0 15px; font-size: 15px;}
    .faq_wrap .one > .answer_box {display: none;}
    .faq_wrap .one > .answer_box .in {padding: 15px 10px;}
    .faq_wrap .one > .answer_box .answer {width: 30px; height: 30px;  font-size: 20px;}
    .faq_wrap .one > .answer_box .con {width: calc(100% - 30px); padding: 0px 0 0 15px; font-size: 14px;}

    .faq_wrap .one > a:hover {background-color: #f2f9ff;}
    .faq_wrap .one > a.active {background-color: #f2f9ff;}
}

/******* 설문조사  *******/

.survey_detail_top_box {width: 100%;}
.tbl_survey_in {width: 100%;}
.tbl_survey_in th {border: 1px solid #ddd; font-weight: 400; text-align: center; padding: 15px 5px; font-size: 16px; font-weight: 500; color: #222; background-color: #fafafa;}
.tbl_survey_in tr:first-of-type th {border-top: 2px solid #222;}
.tbl_survey_in tr:first-of-type td {border-top: 2px solid #222;}
.tbl_survey_in td {border: 1px solid #ddd; text-align: left; padding: 15px 5px 15px 30px; font-size: 15px; color: #222; font-weight: 400;}

.survey_in_de_con {width: 100%; border: 1px solid #ddd; padding: 20px 50px; margin-top: -1px; text-align: center;}
.survey_in_de_con p {font-size: 16px; line-height: 1.7; font-weight: 400;}

.survey_detail_con_box {width: 100%; margin-top: 50px; border-top: 2px solid #222; }
.survey_detail_con_box .one {margin-top: 50px;}
.survey_detail_con_box h2 {font-size: 20px; font-weight: 500; color: #222; margin-bottom: 15px;}
.survey_detail_con_box .warning {width: 100%; padding:15px 30px; background-color: #fafafa; border: 1px solid #ddd; font-size: 16px; line-height: 1.7; margin-bottom: 10px;}
.survey_detail_con_box .list {}
.survey_detail_con_box .list li {margin-top: 10px; padding-left: 30px; text-indent: -30px;}
.survey_detail_con_box .list li:first-of-type {margin-top: 0;}

.survey_detail_btn_box {margin: 50px 0 0; text-align: center;}

.txtBox_1 {padding: 10px 10px 10px 30px; display: none;}
.survey_txtarea {width: 100%; border:1px solid #ddd; font-size: 15px;}

.survey_detail_con_box .list li .radio_circle:checked + label + .txtBox_1 {display: block;}


.survey_detail_con_box .result_box {width: 100%; margin-top: 15px;}
.survey_detail_con_box .list2 {width: 100%;}
.survey_detail_con_box .list2 li {width: 100%; display: flex; margin-top: 15px; align-items: center;}
.survey_detail_con_box .list2 li:first-of-type {margin-top: 0px;}
.survey_detail_con_box .list2 li .question {width: 45%; font-size: 16px; padding: 0 30px 0 20px; text-indent: -20px; word-break: keep-all;}
.survey_detail_con_box .list2 li span.num {display: block; width: 10%; font-family: 'Roboto','Noto Sans'; font-weight: 600; color: #222; text-align: right; padding-right: 5px; font-size: 14px;}
.survey_detail_con_box .list2 li .result_chart {width: 35%; height: 18px; background-color: #f0f0f0; border-radius: 20px; overflow: hidden;}
.survey_detail_con_box .list2 li .result_chart .bar {position: relative; height: 100%; background-color: #1074bc; border-radius: 0 20px 20px 0;}





.no_member_credit {background-color: #fafafa; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 30px 40px 20px 20px; margin-top: 50px;}
.no_member_credit .tbl_nonMember1 {width: 100%;}
.no_member_credit .tbl_nonMember1 th {font-size: 16px; font-weight: 500; color: #222; padding: 5px;}
.no_member_credit .tbl_nonMember1 th label {font-weight: 500; color: #222; padding: 5px;}

.no_member_credit .check_box {text-align: right; margin-top: 18px;}
.no_member_credit .check_box label {color: #1f4bb4; font-weight: 500;}

.survey_btn_box {margin-top: 30px;}

.tbl_survey_in .new_tag {display: inline-block; vertical-align: middle; padding: 3px 7px; border-radius: 5px; font-weight: 300; color: #fff; background-color: #aaa; font-size: 13px; margin-left: 5px; text-align: center;}
.tbl_survey_in .new_tag.red {background-color: #d8083c;}
.tbl_survey_in .new_tag.black {background-color: #222;}


@media all and (max-width:1000px){
    .tbl_survey_list .btn_result {font-size: 13px;}

    .survey_detail_top_box {}
    .tbl_survey_in {border-top: 2px solid #0055a6;}
    .tbl_survey_in th {display:block; width:100%; border-top: none; font-size: 15px; padding: 10px 5px;}
    .tbl_survey_in tr:first-of-type th {border-top: none;}
    .tbl_survey_in tr:first-of-type td {border-top: none;}
    .tbl_survey_in td {display:block; width:100%; border-top: none; text-align: center; font-size: 14px; padding: 10px 5px;}

    .survey_in_de_con {padding: 20px 20px; font-size: 14px;}
    .survey_in_de_con p {font-size: 14px;}

    .survey_detail_con_box {margin-top: 30px;}
    .survey_detail_con_box .one {margin-top: 30px;}
    .survey_detail_con_box h2 {font-size: 16px; margin-bottom: 10px;}
    .survey_detail_con_box .warning {padding:15px 20px; font-size: 14px;}
    .survey_detail_con_box ul {}
    .survey_detail_con_box ul li {margin-top: 5px; padding-left: 30px; text-indent: -30px;}

    .survey_detail_btn_box {margin: 30px 0 0; text-align: center;}

    .survey_detail_con_box .result_box {margin-top: 15px;}
    .survey_detail_con_box .list2 {}
    .survey_detail_con_box .list2 li {display: flex; margin-top: 12px; align-items: center;}
    .survey_detail_con_box .list2 li .question {width: 45%; font-size: 13px; padding: 0 30px 0 0px; text-indent: -20px;}
    .survey_detail_con_box .list2 li span.num {width: 10%; padding-right: 2px; font-size: 12px;}
    .survey_detail_con_box .list2 li .result_chart {height: 12px;}
    .survey_detail_con_box .list2 li .result_chart .bar {}


    .no_member_credit {padding: 20px; margin-top: 30px;}
    .no_member_credit .tbl_nonMember1 th {display:block; width:100%; font-size: 14px; font-weight: 500; color: #222; margin-top: 7px;}
    .no_member_credit .tbl_nonMember1 th:first-of-type {margin-top: 0px;}
    .no_member_credit .tbl_nonMember1 td {display:block; width:100%;}

    .no_member_credit .check_box {margin-top: 15px;}
    .no_member_credit .check_box label {font-size: 13px;}

    .survey_btn_box {margin-top: 15px;}
}


/******* 설문조사 수정 *******/
.no_member_credit {display: none; margin-top: 30px;}
.credit_info_box {width: 100%; background-color: #fff; border: 1px solid #ddd; margin-bottom: 20px; padding: 20px; height: 150px; overflow-y: auto; line-height: 1.7; font-size: 15px;}

.personal_check:checked + label + .no_member_credit {display: block;}

@media screen and (max-width:1000px){
    .credit_info_box {font-size: 13px;}
}




/******* 회원가입 *******/
.join_01_top_textBox {width: 100%; border:1px solid #ddd; padding: 30px 40px; font-size: 15px; line-height: 2; font-weight: 400;}
.join_01_top_textBox br {line-height: 2;}

.join_01_top_agree_box {margin-top: 20px; margin-bottom: 60px; padding:0 40px;}
.join_01_top_agree_box h2 {font-size: 20px; font-weight: 400; color:#004dad; margin-bottom: 10px;}
.join_01_top_agree_box .join_check + label {font-size: 16px; margin-right: 20px;}

.join_01_content_box {width: 100%;}
.tbl_join_01 {width: 100%; border-collapse: separate; border-top: 2px solid #004dad;}
.tbl_join_01 th {padding: 20px 5px; text-align: center; border-bottom: 1px solid #ddd; background-color: #fafafa;}
.tbl_join_01 th label {font-size: 16px; font-weight: 400;}
.tbl_join_01 th label b {color:#004dad; font-weight: 500;}
.tbl_join_01 td {padding: 20px 5px; text-align: left; border-bottom: 1px solid #ddd; padding-left: 30px;}
.tbl_join_01 td .row {margin-top: 5px;}
.tbl_join_01 td .row:first-of-type {margin-top: 0;}

.join_01_btn_box {margin-top: 40px; text-align:center}


@media all and (max-width:1000px){
    /******* 회원가입 *******/
    .join_01_top_textBox {padding: 20px 20px; font-size: 14px; line-height: 1.6;}
    .join_01_top_textBox br {line-height: 1.6;}

    .join_01_top_agree_box {margin-top: 15px; margin-bottom: 50px; padding:0 10px;}
    .join_01_top_agree_box h2 {font-size: 18px; margin-bottom: 8px;}
    .join_01_top_agree_box .join_check + label {font-size: 14px; margin-right: 10px;}

    .join_01_content_box {width: 100%;}
    .tbl_join_01 {}
    .tbl_join_01 th {display:block; width:100%; padding: 13px 5px;}
    .tbl_join_01 th label {font-size: 14px;}
    .tbl_join_01 td {display:block; width:100%; padding: 15px 10px; text-align: center; padding-left: 10px;}
    .tbl_join_01 td .row {margin-top: 5px;}
    .tbl_join_01 td .row:first-of-type {margin-top: 0;}

    .join_01_btn_box {margin-top: 30px; text-align:center}
}







/******* 규정지침 *******/
.rule_sub_wrap {width: 100%;}
.rule_sub_wrap::after {content: ""; display: block; clear: both;}
.rule_sub_wrap .rule_left_menu {float: left; width: 25%; height:600px; overflow: auto; border: 1px solid #ddd; padding:20px 5px 10px 10px;}
.rule_left_menu h2  {margin-bottom: 10px; padding-left: 5px;}
.rule_left_menu h2 a {font-size: 17px; color:#004dad; font-weight: 500;}
.rule_left_menu .in_box { padding-left: 10px;}
.rule_left_menu .list {}
.rule_left_menu .list > li {margin-top: 7px;}
.rule_left_menu .list > li:first-of-type {margin-top: 0;}
.rule_left_menu .list > li > a {font-size: 14px; font-weight: 400; font-family: 'Roboto','맑은 고딕'; letter-spacing: -1px; color: #666;}
.rule_left_menu .list > li > a:hover,
.rule_left_menu .list > li > a:focus {text-decoration: underline; color: #222;}
.rule_left_menu .list > li.active > a {font-weight: 400; color: #004dad; text-decoration: underline;}

.rule_sub_wrap .rule_right_con {float: right; width: 75%; padding-left: 10px;}
.tbl_borad_rule th {font-size: 14px;}
.tbl_borad_rule td {font-size: 14px;}
.tbl_borad_rule .sbj a {width: 300px !important; font-size: 14px; font-weight: 400;}

.table_rule_detail {width: 100%; border-collapse: separate; border-top: 2px solid #222; vertical-align: middle;}
.table_rule_detail th {background-color: #fafafa; padding: 20px 5px; font-size: 16px; font-weight: 400; border-bottom: 1px solid #ddd;}
.table_rule_detail td {border-bottom: 1px solid #ddd; padding: 20px 5px 20px 20px; font-size: 16px; color:#222; line-height: 1.7;}
.table_rule_detail .attach {display: inline-block; vertical-align: middle;}
.table_rule_detail a:hover,
.table_rule_detail a:focus {text-decoration: underline;}
.table_rule_detail .preview {display: inline-block; vertical-align: middle; padding: 3px 5px; border-radius: 2px; background-color:#004dad; color: #fff; font-size: 12px; transition: all .25s ease;}
.table_rule_detail .preview:hover,
.table_rule_detail .preview:focus {background-color: #003d8a;}


@media all and (max-width:1000px){
    .rule_sub_wrap {}
    .rule_sub_wrap::after {}
    .rule_sub_wrap .rule_left_menu {float: none; width: 100%; height:265px; padding:15px 10px 15px 10px;}
 	 .rule_left_menu h2  {margin-bottom: 7px; padding-left: 3px;}
    .rule_left_menu h2 a {font-size: 15px;}

    .rule_left_menu .in_box { padding-left: 12px;}
    .rule_left_menu .list > li {margin-top: 5px;}
    .rule_left_menu .list > li > a {font-size: 13px;}

    .rule_sub_wrap .rule_right_con {float: none; width: 100%; padding-left: 0px; margin-top: 20px;}
    .tbl_borad_rule .sbj a {width: 200px !important; font-size: 13px;}

    .table_rule_detail {border-top: 2px solid #222;}
    .table_rule_detail th {display:block; width: 100%; padding: 13px 5px; font-size: 14px;}
    .table_rule_detail td {display:block; width: 100%; padding: 13px 5px; font-size: 14px; text-align: center;}
    .table_rule_detail .preview {font-size: 11px;}
}





/******* 국제학술지 논문게재 지원사업 *******/
.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:#222;}
.tbl_subIn th {background-color:#fafafa; font-weight: 400; color:#222; font-size: 15px; border: 1px solid #ddd; padding:12px 10px;}
.tbl_subIn td {color:#444; font-size: 15px; font-weight: 400; border: 1px solid #ddd; text-align: center; padding: 12px 10px;}
.tbl_subIn td.txtL {text-align:left; padding-left: 30px;}

.tbl_subIn tbody tr:first-of-type td {border-top: none;}
.tbl_subIn tbody tr:first-of-type th {border-top: none;}


.st_row {font-size: 16px;}
.icon_paper {display:inline-block; padding: 1px 3px 0px; border-radius: 2px; background-color:#ffa509; color:#fff; margin-right: 3px; font-size: 13px;}

.st_para {font-size: 16px; line-height: 1.7;}

.st_para.pdL01 {padding-left: 20px;}


.sub_squre01_box {width: 100%; margin-top: 20px;}
.sub_squre01_box::after {content:""; display: block; clear: both;}
.sub_squre01_box .one {float: left; width: 50%; padding-left: 15px;}
.sub_squre01_box .one .in {width: 50%;}

.sub_squre01_box .blue_sq {width: 100%;/* border-radius: 5px; */background-color: #004dad;color: #fff;font-weight: 400;font-size: 17px;text-align: center;padding: 15px 5px;}
.sub_squre01_box .arrow_down {text-align: center;font-size: 20px;color: #bbb;line-height: 1.3;}
.sub_squre01_box .line_sq {text-align: center;display: flex;justify-content: center;align-items: center: height: 85px;/* border-radius: 5px; */border: 1px solid #0690cf;font-size: 15px;font-weight: 400;color: #666;position: relative;flex-direction: column;padding: 15px 5px;}
.sub_squre01_box .line_sq.red {background-color: #27a6a6;color: #fff;border-color: #27a6a6;}
.sub_squre01_box .line_sq.blue {background-color: #e9f3ff;color: #004dad;border-color: #85bbff;}
.sub_squre01_box .line_sq .flow_sq {position: absolute;left: 120%;top:0;width: 70%;height: 100%;background-color: #222;color: #fff;/* border-radius: 5px; */display: flex;justify-content: center;align-items: center;}
.sub_squre01_box .line_sq .flow_sq.red {background-color: #228384;}
.sub_squre01_box .line_sq .flow_sq.blue {background-color: #1A78CF;}
.sub_squre01_box .line_sq .flow_sq .flow_arr {position: absolute; right: 110%; top: 30%; color: #aaa; font-size: 20px;}

.sub_squre_row_box {width: 100%; margin: 30px 0;}
.sub_squre_row_box .row {display: flex; width: 100%; margin-top: 30px;}
.sub_squre_row_box .row.reverse {flex-direction: row-reverse;}
.sub_squre_row_box .row:first-of-type {margin-top: 0;}

.sub_squre_row_box .row .sq_1 {text-align: center;border: 1px solid #0690cf;display: flex;justify-content: center;align-items: center;min-height: 80px;/* border-radius: 5px; */font-weight: 400;color: #555;position: relative;background-color: #fff;margin-left: 2%;}
.sub_squre_row_box .row .sq_1::before {content:"";display: block;width: 10%;height: 1px;background-color: #aaa;position: absolute;left: 100%;top:50%;z-index: -1;}
.sub_squre_row_box .row .sq_1:last-of-type::before {background-color: transparent;}
.sub_squre_row_box .row .sq_1.down::before {width: 1px;height:32px;left: 50%;top: 100%;background-color: #aaa;}
.sub_squre_row_box .row .sq_1:first-of-type {margin-left: 0;}

.sub_squre_row_box .row .sq_1.arrow::before {color: #2d3033; content: "\2190"; font-size: 23px; left: 100%; top: 28%; background-color: transparent; color: #aaa;}
.sub_squre_row_box .row .sq_1.arrow.rb::before {content: "\2192"; left: 99%;}
.sub_squre_row_box .row .sq_1.arrow.lb::before {content: "\2190";}

.sub_squre_row_box .row.reverse .sq_1:first-of-type {margin-left: 2%;}
.sub_squre_row_box .row.reverse .sq_1:first-of-type::before {width: 0; height: 0;}
.sub_squre_row_box .row.reverse .sq_1:last-of-type {margin-left: 0;}
.sub_squre_row_box .row.reverse .sq_1:last-of-type::before {background-color: transparent;}


.sub_squre_row_box .row.col4 .sq_1 {width: 23.5%;}
.sub_squre_row_box .row.col3 .sq_1 {width: 32%;}
.studyUnit{cursor: pointer;padding: 25px;/* color: #004dad !important; */}

.tarA {text-decoration: underline; color: #004dad; font-weight: 400; transition: all .25s ease;}
.tarA:hover,
.tarA:focus {color: #ff07a7; text-decoration: underline;}


.warning_box_1 {background-color:#f9f9f9; border-radius: 5px; padding: 30px 20px 20px 30px;}




@media all and (max-width:1000px){
    .st_row {font-size: 14px;}
    .icon_paper {padding: 1px 3px 0px; font-size: 11px;}

    .st_para {font-size: 14px;}

    .st_para.pdL01 {padding-left: 15px;}
}


@media all and (max-width:720px){
    .sub_squre01_box {margin-top: 20px;}
    .sub_squre01_box .one {float: none; width: 100%; padding-left: 0px; padding-top: 50px;}
    .sub_squre01_box .one:first-of-type {padding-top: 0px;}
    .sub_squre01_box .one .in {width: 65%;}

    .sub_squre01_box .blue_sq {font-size: 15px; padding: 13px 5px;}
    .sub_squre01_box .arrow_down {font-size: 15px;}
    .sub_squre01_box .line_sq {height: 70px; font-size: 13px; padding: 13px 5px;}
    .sub_squre01_box .line_sq .flow_sq {position: absolute; left: 105%; width: 50%;}
    .sub_squre01_box .line_sq .flow_sq .flow_arr {right: 105%; font-size: 15px;}

    .warning_box_1 {padding: 20px 15px 15px 20px;}
}


@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;}

    .sub_squre_row_box {margin: 10px 0;}
    .sub_squre_row_box .row {flex-wrap: wrap; margin-top: 15px;}

    .sub_squre_row_box .row .sq_1 {text-align: center; border: 1px solid #004dad; min-height: 70px; margin-left: 3%; font-size: 13px; padding: 0 10px;}
    .sub_squre_row_box .row .sq_1::before {height:1px; width: 20%;}
    .sub_squre_row_box .row .sq_1:last-of-type::before {background-color: transparent;}
    .sub_squre_row_box .row .sq_1.down::before {width: 1px; background-color: #004dad;}

    .sub_squre_row_box .row .sq_1.arrow::before {font-size: 15px; top: 35%;}
    .sub_squre_row_box .row .sq_1.arrow.rb::before {content: "\2192"; left: 93%;}
    .sub_squre_row_box .row .sq_1.arrow.lb::before {content: "\2190";}

    .sub_squre_row_box .row.reverse .sq_1:first-of-type {margin-left: 3%;}

    .sub_squre_row_box .row.col4 .sq_1 {width: 22.75%;}
    .sub_squre_row_box .row.col3 .sq_1 {width: 31.33%;}
}


/******* 국가연구개발사업 추진체계 *******/
.flow_RandD_01 {width: 100%; text-align: center;}
.flow_RandD_01 .inner {width: 100%;}
.flow_RandD_01 .row {width: 100%; display: flex; margin-top: 25px;}
.flow_RandD_01 .row .lb {width: 12%;}
.flow_RandD_01 .row .lb .lb_bb {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;background-color: #95a4b9;color: #fff;font-size: 17px;font-weight: 400;/* border-radius: 5px; */}

.flow_RandD_01 .row .rb_box {width: 88%; padding-left: 15px;}
.flow_RandD_01 .row .rb_box .row_1 {width: 100%; display: flex; margin-top: 25px;}
.flow_RandD_01 .row .rb_box .row_1:first-of-type {margin-top: 0;}
.flow_RandD_01 .row .rb_box .row_1 .col3 {width: 33.33%; padding: 0 20px;}
.flow_RandD_01 .row .rb_box .row_1 .col3::after {content: ""; display: block; clear: both;}
.flow_RandD_01 .row .rb_box .inB {width: 100%;height: 100%;border: 1px solid #ccc;display: flex;justify-content: center;align-items: center;min-height: 60px;position: relative;padding: 10px 5px;/* border-radius: 5px; */background-color: #fff;}
.flow_RandD_01 .row .rb_box .inB.w50 {width: 49% !important; float: left; margin-left: 2%;}
.flow_RandD_01 .row .rb_box .inB.w50:first-of-type {margin-left: 0%;}
.flow_RandD_01 .row .rb_box .inB.line {border-color: #0690cf;}
.flow_RandD_01 .row .rb_box .inB.bg {border-color: #c2cde1; background-color: #6c7788; color: #fff;}

.flow_RandD_01 .row .rb_box .inB.right_b::after {content:""; position: absolute; width: 20px; height: 1px; background-color: #ccc; left: 100%; top: 50%;}


.flow_RandD_01 .row .rb_box .inB .arrow {color: #bbb;position: absolute;font-size: 20px;line-height: 1;display: flex;align-items: center;justify-content: center;width: 40px;height: 25px;text-align: center;left: calc(50% - 20px);top: calc(50% - 13px);}
.flow_RandD_01 .row .rb_box .inB .arrow.lb {right: 100%; left: auto;}
.flow_RandD_01 .row .rb_box .inB .arrow.rb {left: 100%;}
.flow_RandD_01 .row .rb_box .inB .arrow.bott {top: 100%;}
.flow_RandD_01 .row .rb_box .inB .arrow.top {bottom: 100%;}

.flow_RandD_01 .row .rb_box .inB .arrow_1 {position: absolute; top: 100%; color: #0690cf; font-size: 12px; left: 50%;}
.flow_RandD_01 .row .rb_box .inB .arrow_1::before {content: "";display: block;position: absolute;width: 1px;height: 55px;background-color: #ccc;}
.flow_RandD_01 .row .rb_box .inB .arrow_1::after {content: "";display: block;position: absolute;top: 55px;width: 14em;height: 1px;background-color: #ccc;}
.flow_RandD_01 .row .rb_box .inB .arrow_1.right2::after {width: 40em;}
.flow_RandD_01 .row .rb_box .inB .arrow_1 em {position: absolute;left: 13.2em;top: 49px;line-height: 1;color: #ccc;}
.flow_RandD_01 .row .rb_box .inB .arrow_1.right2 em {left: 38.1em;}

.flow_RandD_01 .row .rb_box .inB .arrow_2 {position: absolute; left: calc(100% + 20px); color: #ccc; font-size: 12px;}
.flow_RandD_01 .row .rb_box .inB .arrow_2::before {content: ""; display: block; position: absolute; width: 1px; height: 260px; background-color: #ccc;}
.flow_RandD_01 .row .rb_box .inB .arrow_2::after {content: ""; display: block; position: absolute; right:0; top: 260px; width: 21px; height: 1px; background-color: #ccc;}
.flow_RandD_01 .row .rb_box .inB .arrow_2 em {position: absolute; left: -20px; top: 254px; line-height: 1;}

.flow_RandD_01 .row.top {}
.flow_RandD_01 .row .top_b {font-size: 18px; font-weight: 400; color: #fff; background-color: #222; padding: 15px 10px;}
.flow_RandD_01 .row .top_b.blue {background-color: #0168cf;}
.flow_RandD_01 .row .top_b.sky {background-color: #15a7f0;}
.flow_RandD_01 .row.top .rb_box .row_1 .col3 {padding: 0 10px;}


@media all and (max-width:1000px){
    /******* 국가연구개발사업 추진체계 *******/
    .flow_RandD_01 {}
    .flow_RandD_01 .inner {}
    .flow_RandD_01 .row {margin-top: 15px;}
    .flow_RandD_01 .row .lb {}
    .flow_RandD_01 .row .lb .lb_bb {font-size: 14px; font-weight: 400; border-radius: 5px;}

    .flow_RandD_01 .row .rb_box {width: 88%; padding-left: 10px;}
    .flow_RandD_01 .row .rb_box .row_1 {width: 100%; display: flex; margin-top: 15px;}
    .flow_RandD_01 .row .rb_box .row_1 .col3 {padding: 0 10px;}
    .flow_RandD_01 .row .rb_box .inB {min-height: 40px; position: relative; padding: 5px 5px; font-size: 13px;}

    .flow_RandD_01 .row .rb_box .inB.right_b::after {width: 10px;}

    .flow_RandD_01 .row .rb_box .inB .arrow {font-size: 14px; width: 20px; height: 15px; left: calc(50% - 10px); top: calc(50% - 7px);}

    .flow_RandD_01 .row .rb_box .inB .arrow_1 {font-size: 9px;}
    .flow_RandD_01 .row .rb_box .inB .arrow_1::before {width: 1px; height: 40px;}
    .flow_RandD_01 .row .rb_box .inB .arrow_1::after {top: 40px; width: 12em;}
    .flow_RandD_01 .row .rb_box .inB .arrow_1.right2::after {width: 34em;}
    .flow_RandD_01 .row .rb_box .inB .arrow_1 em {left: 11em; top: 35px;}
    .flow_RandD_01 .row .rb_box .inB .arrow_1.right2 em {left: 33em;}

    .flow_RandD_01 .row .rb_box .inB .arrow_2 {left: calc(100% + 10px); font-size: 8px;}
    .flow_RandD_01 .row .rb_box .inB .arrow_2::before {width: 1px; height: 28em;}
    .flow_RandD_01 .row .rb_box .inB .arrow_2::after {right:0; top: 28em; width: 10px; height: 1px;}
    .flow_RandD_01 .row .rb_box .inB .arrow_2 em {position: absolute; left: -10px; top: 27.5em; line-height: 1;}

    .flow_RandD_01 .row.top {}
    .flow_RandD_01 .row .top_b {font-size: 14px; padding: 10px 5px;}
    .flow_RandD_01 .row.top .rb_box .row_1 .col3 {padding: 0 5px;}

}


@media all and (max-width:580px){
    /******* 국가연구개발사업 추진체계 *******/
    .flow_RandD_01 {overflow: auto;}
    .flow_RandD_01 .inner {width: 600px;}

}

/******* 공동장비심의위원회 *******/
.public_equip_step_box {border: 1px solid #ddd; padding: 60px 40px;}
.public_equip_step_box .row {display: flex; margin-top: 190px;}
.public_equip_step_box .row:first-of-type {margin-top: 0;}
.public_equip_step_box .row .col {width: 50%; text-align: center;}
.public_equip_step_box .row .col > .sq_1 {display: inline-flex; justify-content: center; align-items: center; height: 60px; width: 50%; background-color: #222; color: #fff; padding: 10px; position: relative; font-weight: 400;}
.public_equip_step_box .row .col > .sq_1.blue {background-color: #004dad;}
.public_equip_step_box .row .col > .sq_1.red {background-color: #27a6a6;}
.public_equip_step_box .row .col > .sq_1.yellow {background-color: #64c7e8;}
.public_equip_step_box .row .col > .sq_1 .arrow {position: absolute; color: #222; top: 50%;}
.public_equip_step_box .row .col > .sq_1 .arrow .txt {font-size: 14px; font-weight: 400; position: absolute; width: 100%; text-align: center; left: 0; padding: 2px;}
.public_equip_step_box .row .col > .sq_1 .arrow em {position: absolute; font-size: 12px; color:#aaa;}
.public_equip_step_box .row .col > .sq_1 .arrow.hori {width: 100%; height: 1px; background-color: #aaa;}
.public_equip_step_box .row .col > .sq_1 .arrow.verti {width: 1px; height: 190px; background-color: #aaa;}
.public_equip_step_box .row .col > .sq_1 .arrow.hori em {top: -9px;}
.public_equip_step_box .row .col > .sq_1 .arrow.rb.hori {left: 100%; margin-top: 7px;}
.public_equip_step_box .row .col > .sq_1 .arrow.lb.hori {right: 100%; margin-top: -10px;}
.public_equip_step_box .row .col > .sq_1 .arrow.rb.hori em {left: calc(100% - 10px);}
.public_equip_step_box .row .col > .sq_1 .arrow.lb.hori em {right: calc(100% - 10px);}
.public_equip_step_box .row .col > .sq_1 .arrow.lb.hori .txt {bottom: 100%;}

.public_equip_step_box .row .col > .sq_1 .arrow.verti .txt {width: 120px; top: 30%; text-align: left; padding: 0 5px;}
.public_equip_step_box .row .col > .sq_1 .arrow.verti .txt .sm {font-size: 0.9em;}
.public_equip_step_box .row .col > .sq_1 .arrow.verti em {left: -5px;}
.public_equip_step_box .row .col > .sq_1 .arrow.bott.verti {top: 100%; right: 40%;}
.public_equip_step_box .row .col > .sq_1 .arrow.bott.verti .txt {right:auto; left: 100%;}
.public_equip_step_box .row .col > .sq_1 .arrow.bott.verti em {bottom: -3px;}
.public_equip_step_box .row .col > .sq_1 .arrow.top.verti {bottom: 100%; top: auto; left: 40%;}
.public_equip_step_box .row .col > .sq_1 .arrow.top.verti .txt {left:auto; right: 100%;}
.public_equip_step_box .row .col > .sq_1 .arrow.top.verti em {top: -3px;}

@media all and (max-width:1000px){
    .public_equip_step_box {padding: 30px 0px;}
    .public_equip_step_box .row {margin-top: 150px;}
    .public_equip_step_box .row .col {width: 50%; text-align: center;}
    .public_equip_step_box .row .col > .sq_1 {min-height: 50px; width: 60%; padding: 10px 5px; font-size: 14px;}
    .public_equip_step_box .row .col > .sq_1 .arrow .txt {font-size: 13px;}
    .public_equip_step_box .row .col > .sq_1 .arrow em {font-size: 10px;}
    .public_equip_step_box .row .col > .sq_1 .arrow.hori {width: 65%;}
    .public_equip_step_box .row .col > .sq_1 .arrow.verti {width: 1px; height: 150px;}
    .public_equip_step_box .row .col > .sq_1 .arrow.hori em {top: -8px;}

}

@media all and (max-width:570px){
    .public_equip_step_box {overflow: auto; padding: 20px 15px 20px 30px;}
    .public_equip_step_box .row {width: 450px;}
}







/******* 중앙구매 처리절차 *******/
.purchase_step_wrap {width: 100%;}
.purchase_step_wrap .inner {width: 100%;}
.purchase_step_wrap .row {margin-bottom: 30px; display: flex;}
.purchase_step_wrap .row:last-of-type {margin-bottom: 0px;}
.purchase_step_wrap .row.top {margin-bottom: 20px;}

.purchase_step_wrap .row .lb_b {width: 25%;}
.purchase_step_wrap .row .center_b {width: 54%; padding: 0 20px;}
.purchase_step_wrap .row .rb_b {width: 20%;}

.purchase_step_wrap .row .sbj {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-color: #222; color: #fff; padding: 12px 10px; font-size: 17px; font-weight: 400;}
.purchase_step_wrap .row .sbj.blue {background-color: #0168cf;}
.purchase_step_wrap .row .sbj.cyan {background-color: #15a7f0;}

.purchase_step_wrap .row .line_b {display:flex;justify-content: center;align-items: center;width: 100%;height: 100%;background-color: #fff;border: 1px solid #ddd;/* border-radius: 5px; */line-height: 1.2;text-align: center;padding: 20px 10px;position: relative;word-break: keep-all;font-size: 15px;}
.purchase_step_wrap .row .line_b.wSm {width: 50%;}
.purchase_step_wrap .row .line_b.cyan {background-color: #95a4b9;border-color: #95a4b9;color: #fff;}
.purchase_step_wrap .row .line_b.pur {border-color: #0690cf;}

.purchase_step_wrap .row .line_b .arrow {position: absolute; background-color: #aaa; }
.purchase_step_wrap .row .line_b .arrow.center {left: 50%; top: 100%; width: 1px; height: 30px;}
.purchase_step_wrap .row .line_b .arrow.str {right: 35%; top: 100%; width: 1px; height: 180%;}
.purchase_step_wrap .row .line_b .arrow.str.n01 {height: 325%;}
.purchase_step_wrap .row .line_b .arrow.str.n02 {height: 240%;}
.purchase_step_wrap .row .line_b .arrow.str.n03 {height: 182%;}
.purchase_step_wrap .row .line_b .arrow em {position: absolute; left: -5px; bottom: 0; font-size: 10px; color: #aaa;}
.purchase_step_wrap .row .line_b .arrow.wide {height: 1px; top: calc(100% + 15px);}
.purchase_step_wrap .row .line_b .arrow.wide.upCom {left: 25%; width: 25%;}
.purchase_step_wrap .row .line_b .arrow.wide.upCom::before {content: ""; display: block; width: 1px; height: 15px; background-color: #aaa; position:absolute; left: 0; top: 0;}
.purchase_step_wrap .row .line_b .arrow.wide.upCom::after {content: ""; display: block; width: 1px; height: 15px; background-color: #aaa; position: absolute; right: 0; bottom: 0;}
.purchase_step_wrap .row .line_b .arrow.wide.upCom em {position: absolute; left: -5px; bottom: -15px;}
.purchase_step_wrap .row .line_b .arrow.wide.downCom {left: 50%; width: 50%;}
.purchase_step_wrap .row .line_b .arrow.wide.downCom::before {content: ""; display: block; width: 1px; height: 15px; background-color: #aaa; position:absolute; right: 0; top: 0;}
.purchase_step_wrap .row .line_b .arrow.wide.downCom::after {content: ""; display: block; width: 1px; height: 15px; background-color: #aaa; position: absolute; left: 0; bottom: 0;}
.purchase_step_wrap .row .line_b .arrow.wide.downCom em {position: absolute; left: auto; right: -4px; bottom: -15px;}





@media all and (max-width:1180px){
    .purchase_step_wrap .row .line_b .arrow.str.n01 {height: 260%;}
}

@media all and (max-width:800px){
    /******* 중앙구매 처리절차 *******/
    .purchase_step_wrap {}
    .purchase_step_wrap .inner {}
    .purchase_step_wrap .row {margin-bottom: 30px;}

    .purchase_step_wrap .row .center_b {padding: 0 10px;}

    .purchase_step_wrap .row .sbj {padding: 10px 5px; font-size: 14px; word-break: keep-all; text-align: center; line-height: 1.2;}

    .purchase_step_wrap .row .line_b {padding: 20px 10px; font-size: 13px;}

    .purchase_step_wrap .row .line_b .arrow {position: absolute; background-color: #15a7f0; }
    .purchase_step_wrap .row .line_b .arrow.center {left: 50%; top: 100%; width: 1px; height: 30px;}
    .purchase_step_wrap .row .line_b .arrow.str {right: 35%; top: 100%; width: 1px; height: 180%;}

    /******* 중앙구매 처리절차 *******/
    .purchase_step_wrap .row .line_b .arrow.str.n01 {height: 330%;}
    .purchase_step_wrap .row .line_b .arrow.str.n02 {height: 230%;}
    .purchase_step_wrap .row .line_b .arrow.str.n03 {height: 182%;}
}

@media all and (max-width:750px){
    /******* 중앙구매 처리절차 *******/
    .purchase_step_wrap .row .line_b .arrow.str.n01 {height: 270%;}
}

@media all and (max-width:400px){
    /******* 중앙구매 처리절차 *******/
    .purchase_step_wrap .row .line_b .arrow.str.n01 {height: 215%;}
}

/* @media all and (max-width:400px){
    .purchase_step_wrap {overflow: auto;}
    .purchase_step_wrap .inner {width: 400px;}
} */





/******* 지식재산권 *******/
.sub_interview_step_wrap {width: 100%; border: 1px solid #ddd; padding: 50px;}
.sub_interview_step_wrap .row {margin-top: 50px; text-align: center;}
.sub_interview_step_wrap .row:first-of-type {margin-top: 0;}
.sub_interview_step_wrap .title {margin-bottom: 15px;}
.sub_interview_step_wrap .title h2 {font-size: 20px; font-weight: 400; color: #222;}
.sub_interview_step_wrap .inter_ul {width: 100%; display: flex;}
.sub_interview_step_wrap .inter_ul li {background-color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-left: 3%; border: 1px solid #ddd; font-size: 15px; font-weight: 400; padding: 20px 5px; position: relative; word-break: break-all;}
.sub_interview_step_wrap .inter_ul li::before {content: ""; display: block; width: 20%; height: 1px; background-color: #000; position: absolute; left: 100%; top: calc(50% - 1px);}
.sub_interview_step_wrap .inter_ul li.arrow::after {content: "▶"; position: absolute; left: calc(110%); top: calc(50% - 10px); font-size: 13px;}
.sub_interview_step_wrap .inter_ul.n02 li.arrow::after {left: calc(107%);}
.sub_interview_step_wrap .inter_ul li:last-child::before {width: 0; height: 0; background-color: transparent;}
.sub_interview_step_wrap .inter_ul li .tx {color: #222; width: 100%;}
.sub_interview_step_wrap .inter_ul li .sm {font-weight: 300; font-size: 0.9em; width: 100%; }
.sub_interview_step_wrap .inter_ul li:first-of-type {margin-left: 0;}
.sub_interview_step_wrap .inter_ul li.result {border-width: 3px;}
.sub_interview_step_wrap .inter_ul.n01 li {width: 17.6%; border-color: #004dad;}
.sub_interview_step_wrap .inter_ul.n01 li::before {background-color: #aaa;}
.sub_interview_step_wrap .inter_ul.n01 li::after {color: #aaa;}
.sub_interview_step_wrap .inter_ul.n02 li {width: 25.2%; border-color: #43c0ff;}
.sub_interview_step_wrap .inter_ul.n02 li::before {background-color: #aaa;}
.sub_interview_step_wrap .inter_ul.n02 li::after {color: #aaa;}
.sub_interview_step_wrap .inter_ul.n02 li.result {width: 17.6%;}


@media all and (max-width:1000px){
    /******* 지식재산권 *******/
    .sub_interview_step_wrap {padding: 30px 20px;}
    .sub_interview_step_wrap .row {margin-top: 30px;}
    .sub_interview_step_wrap .title {margin-bottom: 10px;}
    .sub_interview_step_wrap .title h2 {font-size: 16px;}
    .sub_interview_step_wrap .inter_ul li {font-size: 14px;}

}

@media all and (max-width:500px){
    /******* 지식재산권 *******/
    .sub_interview_step_wrap .inter_ul {flex-wrap: wrap;}
    .sub_interview_step_wrap .inter_ul li {width: 100%; margin-left: 0; margin-top: 15px; padding: 10px;}
    .sub_interview_step_wrap .inter_ul li:first-of-type {margin-top: 0; padding: 10px;}
    .sub_interview_step_wrap .inter_ul li::before {width: 2px; height: 16px; position: absolute; left: 50%; top: 100%;}
    .sub_interview_step_wrap .inter_ul li.arrow::after {content: "▼"; left: calc(50% - 4px); top: calc(100% + 5px); font-size: 10px;}
    .sub_interview_step_wrap .inter_ul.n02 li.arrow::after {left: calc(50% - 3px);}
    .sub_interview_step_wrap .inter_ul li:last-child::before {width: 0; height: 0; background-color: transparent;}
    .sub_interview_step_wrap .inter_ul li.result {border-width: 2px;}
    .sub_interview_step_wrap .inter_ul.n01 li {width: 100%;}
    .sub_interview_step_wrap .inter_ul.n02 li {width: 100%;}
    .sub_interview_step_wrap .inter_ul.n02 li.result {width: 100%;}

}







/******* 기술이전 업무안내 *******/
.technology_step_box {width: 100%;}
.technology_step_box .in {display: flex; align-items: center; text-align: center;}
.technology_step_box .lb_box {width: 18%; position: relative;}
.technology_step_box .lb_box::before {content: ""; position: absolute; left: calc(100% + 19px); top: 13.8%; background-color: #ddd; width: 1px; height: 72.5%;}
.technology_step_box .lb_box .one {margin-top: 20px;min-height: 150px;border: 1px solid #83aad0;position: relative;}
.technology_step_box .lb_box .one::before {content: ""; width: 20px; height: 1px; background-color: #ddd; position: absolute; left: 100%; top: 50%;}
.technology_step_box .lb_box .one:first-of-type {margin-top: 0;}
.technology_step_box .lb_box .one.mid::before {width: 40px;}
.technology_step_box .lb_box .one.mid::after {content: "▶"; position: absolute; left: calc(100% + 30px); top: calc(50% - 9px); font-size: 12px; color: #aaa;}
.technology_step_box .lb_box .one .tit {width: 100%; background-color: #004dad; color: #fff; font-weight: 400; padding: 10px 10px;}
.technology_step_box .lb_box .one .con {padding: 20px 5px; font-size: 15px; line-height: 1.7; font-weight: 400;}
.technology_step_box .lb_box .one.mid {min-height: 200px;}
.technology_step_box .lb_box .con p::before {content:"ㆍ"; display:inline-block;}
.technology_step_box .rb_box {width: 82%; padding-left: 40px;}
.technology_step_box .iner_ul {width: 100%; display: flex;}
.technology_step_box .iner_ul > li {margin-left: 3%;width: 17.6%;border: 1px solid #64c7e8;min-height: 200px;position: relative;background-color: #fff;}
.technology_step_box .iner_ul > li::before {content: ""; width: 20px; height: 1px; background-color: #ddd; position: absolute; left: 100%; top: 50%;}
.technology_step_box .iner_ul > li:last-of-type::before {width:0; height: 0;}
.technology_step_box .iner_ul > li::after {content: "▶"; position: absolute; left: 110%; top: calc(50% - 9px); font-size: 12px; color: #aaa;}
.technology_step_box .iner_ul > li:last-of-type::after {content: "";}
.technology_step_box .iner_ul > li:first-child {margin-left: 0;}
.technology_step_box .iner_ul > li .tit {width: 100%; background-color: #43c0ff; color: #fff; font-weight: 400; padding: 10px 10px;}
.technology_step_box .iner_ul > li .con {padding: 20px 5px; font-size: 15px; line-height: 1.7; font-weight: 400;}
.technology_step_box .iner_ul > li .con p.let_s {letter-spacing:-1.5px; word-spacing: -3.2px;}
.technology_step_box .iner_ul > li .con2 p.let_s {letter-spacing:-1.5px; word-spacing: -3.2px;}
.technology_step_box .iner_ul > li .con p::before {content:""; display:inline-block; content:"ㆍ";}
.technology_step_box .iner_ul > li .con2 p::before {content:""; display:inline-block; content:"ㆍ";}
.technology_step_box .iner_ul > li .down_con_box {position: absolute;left: 0;top: calc(100% + 20px);width: 100%;border: 1px solid #95a4b9;min-height: 150px;}
.technology_step_box .iner_ul > li .down_con_box::before {content: ""; width: 1px; height: 20px; background-color: #ddd; position: absolute; left: 50%; bottom: 100%;}
.technology_step_box .iner_ul > li .down_con_box::after {content: "▲";  position: absolute; left: calc(50% - 5px); bottom: calc(100% + 5px); font-size: 12px; color: #aaa;}
.technology_step_box .iner_ul > li .down_con_box .tit2 {width: 100%;background-color: #95a4b9;color: #fff;font-weight: 400;padding: 10px 10px;}
.technology_step_box .iner_ul > li .down_con_box .con2 {padding: 20px 5px; font-size: 15px; line-height: 1.7; font-weight: 400;}
@media all and (max-width:800px){
    /******* 기술이전 업무안내 *******/
    .technology_step_box {}
    .technology_step_box .in {}
    .technology_step_box .lb_box {width: 18%;}
    .technology_step_box .lb_box::before {content: ""; position: absolute; left: calc(100% + 19px); top: 13.8%; background-color: #ddd; width: 1px; height: 72.5%;}
    .technology_step_box .lb_box .one {margin-top: 15px; min-height: 130px;}
    .technology_step_box .lb_box .one::before {content: ""; width: 20px; height: 1px; background-color: #ddd; position: absolute; left: 100%; top: 50%;}
    .technology_step_box .lb_box .one:first-of-type {margin-top: 0;}
    .technology_step_box .lb_box .one.mid::before {}
    .technology_step_box .lb_box .one.mid::after {left: calc(100% + 30px); top: calc(50% - 8px); font-size: 9px;}
    .technology_step_box .lb_box .one .tit {font-size: 14px;}
    .technology_step_box .lb_box .one .con {font-size: 13px;}
    .technology_step_box .lb_box .one.mid {min-height: 180px;}
    .technology_step_box .rb_box {width: 82%; padding-left: 40px;}
    .technology_step_box .iner_ul {}
    .technology_step_box .iner_ul > li {margin-left: 3%; width: 17.6%; min-height: 180px;}
    .technology_step_box .iner_ul > li::before {content: ""; width: 20px; height: 1px; background-color: #ddd; position: absolute; left: 100%; top: 50%;}
    .technology_step_box .iner_ul > li:last-of-type::before {width:0; height: 0;}
    .technology_step_box .iner_ul > li::after {left: 110%; top: calc(50% - 8px); font-size: 9px;}
    .technology_step_box .iner_ul > li .tit {font-size:14px; padding: 10px 5px;}
    .technology_step_box .iner_ul > li .con {padding: 20px 5px; font-size: 13px;}
    .technology_step_box .iner_ul > li .down_con_box {top: calc(100% + 20px); width: 100%; border: 1px solid #ddd; min-height: 150px;}
    .technology_step_box .iner_ul > li .down_con_box::before {}
    .technology_step_box .iner_ul > li .down_con_box::after {content: "▲";  position: absolute; left: calc(50% - 5px); bottom: calc(100% + 5px); font-size: 12px; color: #aaa;}
    .technology_step_box .iner_ul > li .down_con_box .tit2 {font-size: 14px; padding: 10px 5px;}
    .technology_step_box .iner_ul > li .down_con_box .con2 {padding: 13px 5px; font-size: 13px;}
}
@media all and (max-width:700px){
    .technology_step_box .lb_box::before {top: 12.3%; height: 71%;}
}
@media all and (max-width:550px){
    .technology_step_box {overflow: auto; padding-bottom: 50px;}
    .technology_step_box .in {width: 600px;}
}


/******* 산학협력 - 산업자문 - 신청절차 4개 형*******/
.technology_step_box2 {width: 100%;}
.technology_step_box2 .in {display: flex; align-items: center; text-align: center;}
.technology_step_box2 .lb_box {width: 18%; position: relative;}
.technology_step_box2 .lb_box::before {content: ""; position: absolute; left: calc(100% + 19px); top: 13.8%; background-color: #ddd; width: 1px; height: 72.5%;}
.technology_step_box2 .lb_box .one {margin-top: 20px;min-height: 150px;border: 1px solid #83aad0;position: relative;}
.technology_step_box2 .lb_box .one::before {content: ""; width: 20px; height: 1px; background-color: #ddd; position: absolute; left: 100%; top: 50%;}
.technology_step_box2 .lb_box .one:first-of-type {margin-top: 0;}
.technology_step_box2 .lb_box .one.mid::before {width: 40px;}
.technology_step_box2 .lb_box .one.mid::after {content: "▶"; position: absolute; left: calc(100% + 30px); top: calc(50% - 9px); font-size: 12px; color: #aaa;}
.technology_step_box2 .lb_box .one .tit {width: 100%; background-color: #004dad; color: #fff; font-weight: 400; padding: 10px 10px;}
.technology_step_box2 .lb_box .one .con {padding: 20px 5px; font-size: 15px; line-height: 1.7; font-weight: 400;}
.technology_step_box2 .lb_box .one.mid {min-height: 200px;}
.technology_step_box2 .lb_box .con p::before {content:"ㆍ"; display:inline-block;}
.technology_step_box2 .rb_box {width: 100%; padding-left: 0px;} /*22.01.06*/
.technology_step_box2 .iner_ul {width: 100%; display: flex;}
.technology_step_box2 .iner_ul > li {margin-left: 3%;width: 25%;border: 1px solid #4e9cdb;min-height: 100px;position: relative;background-color: #fff; border-radius: 15px;}
.technology_step_box2 .iner_ul > li::before {content: ""; width: 25px; height: 1px; background-color: #feb155; position: absolute; left:calc(100% - -1px); top: 50%;}
.technology_step_box2 .iner_ul > li:last-of-type::before {width:0; height: 0;}
.technology_step_box2 .iner_ul > li::after {content: "▶"; position: absolute; left: 108%; top: calc(50% - 9px); font-size: 12px; color:#feb155;}
.technology_step_box2 .iner_ul > li:last-of-type::after {content: "";}
.technology_step_box2 .iner_ul > li:first-child {margin-left: 0;}
.technology_step_box2 .iner_ul > li .tit { width: 100%; height: 70px; color: #fff; font-weight: 400; padding: 10px 10px; text-align: center; text-shadow: 0 0 3px rgba(0,0,0,0.5); border-radius: 11.5px 11.5px 0 0; font-size: 17px; display: flex; justify-content: center; align-items: center; 
background: rgb(30,87,153); 
background: -moz-linear-gradient(-45deg,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(18,118,201,1) 50%, rgba(125,185,232,1) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(18,118,201,1) 50%,rgba(125,185,232,1) 100%);
background: linear-gradient(135deg,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(18,118,201,1) 50%,rgba(125,185,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 );
} /*22.01.06*/
.technology_step_box2 .iner_ul > li .con {padding: 20px 5px; font-size: 15px; line-height: 1.7; font-weight: 400; text-align: center; font-size: 16px; }
.technology_step_box2 .iner_ul > li .con p.let_s {letter-spacing:-1.5px; word-spacing: -3.2px;}
.technology_step_box2 .iner_ul > li .con2 p.let_s {letter-spacing:-1.5px; word-spacing: -3.2px;}
.technology_step_box2 .iner_ul > li .con p::before {content:""; display:inline-block; } /*content:"ㆍ";*/
.technology_step_box2 .iner_ul > li .con2 p::before {content:""; display:inline-block; content:"ㆍ";}
.technology_step_box2 .iner_ul > li .down_con_box {position: absolute;left: 0;top: calc(100% + 20px);width: 100%;border: 1px solid #95a4b9;min-height: 150px;}
.technology_step_box2 .iner_ul > li .down_con_box::before {content: ""; width: 1px; height: 20px; background-color: #ddd; position: absolute; left: 50%; bottom: 100%;}
.technology_step_box2 .iner_ul > li .down_con_box::after {content: "▲";  position: absolute; left: calc(50% - 5px); bottom: calc(100% + 5px); font-size: 12px; color: #aaa;}
.technology_step_box2 .iner_ul > li .down_con_box .tit2 {width: 100%;background-color: #95a4b9;color: #fff;font-weight: 400;padding: 10px 10px;}
.technology_step_box2 .iner_ul > li .down_con_box .con2 {padding: 20px 5px; font-size: 15px; line-height: 1.7; font-weight: 400;}
@media all and (max-width:800px){
    .technology_step_box2 {}
    .technology_step_box2 .in {}
    .technology_step_box2 .lb_box {width: 18%;}
    .technology_step_box2 .lb_box::before {content: ""; position: absolute; left: calc(100% + 19px); top: 13.8%; background-color: #ddd; width: 1px; height: 72.5%;}
    .technology_step_box2 .lb_box .one {margin-top: 15px; min-height: 130px;}
    .technology_step_box2 .lb_box .one::before {content: ""; width: 20px; height: 1px; background-color: #ddd; position: absolute; left: 100%; top: 50%;}
    .technology_step_box2 .lb_box .one:first-of-type {margin-top: 0;}
    .technology_step_box2 .lb_box .one.mid::before {}
    .technology_step_box2 .lb_box .one.mid::after {left: calc(100% + 30px); top: calc(50% - 8px); font-size: 9px;}
    .technology_step_box2 .lb_box .one .tit {font-size: 14px;}
    .technology_step_box2 .lb_box .one .con {font-size: 13px;}
    .technology_step_box2 .lb_box .one.mid {min-height: 180px;}
    .technology_step_box2 .rb_box {} /*width: 82%; padding-left: 40px;*/ /*22.01.06*/
    .technology_step_box2 .iner_ul {}
    .technology_step_box2 .iner_ul > li { } /*margin-left: 3%; width: 17.6%; min-height: 180px;*/ /*22.01.06*/
    .technology_step_box2 .iner_ul > li::before {content: ""; width: 20px; height: 1px; position: absolute; left: 100%; top: 50%;}
    .technology_step_box2 .iner_ul > li:last-of-type::before {width:0; height: 0;}
    .technology_step_box2 .iner_ul > li::after {left: 103.5%; top: calc(50% - 8px); font-size: 14px;}
    .technology_step_box2 .iner_ul > li .tit {font-size:14px; padding: 10px 5px;}
    .technology_step_box2 .iner_ul > li .con {padding: 20px 5px; font-size: 13px;}
    .technology_step_box2 .iner_ul > li .down_con_box {top: calc(100% + 20px); width: 100%; border: 1px solid #ddd; min-height: 150px;}
    .technology_step_box2 .iner_ul > li .down_con_box::before {}
    .technology_step_box2 .iner_ul > li .down_con_box::after {content: "▲";  position: absolute; left: calc(50% - 5px); bottom: calc(100% + 5px); font-size: 12px; color: #aaa;}
    .technology_step_box2 .iner_ul > li .down_con_box .tit2 {font-size: 14px; padding: 10px 5px;}
    .technology_step_box2 .iner_ul > li .down_con_box .con2 {padding: 13px 5px; font-size: 13px;}
	.technology_step_box2 .iner_ul > li::before { display:none;  }
}
@media all and (max-width:700px){
    .technology_step_box2 .lb_box::before {top: 12.3%; height: 71%;}
}
@media all and (max-width:640px){
	.technology_step_box2 .iner_ul { flex-wrap: wrap; align-content: space-around; justify-content: space-between; } /*width: 100%; display: flex; */
	.technology_step_box2 .iner_ul > li {  margin-left: 0; margin-bottom: 8%; width: 45%; }
	.technology_step_box2 .iner_ul > li::after { left: 113%; top: calc(42%); font-size:18px; }
	/*.technology_step_box2 .iner_ul > li:nth-child(2)::after { display:none; }*/
	.technology_step_box2 .iner_ul > li::before { display:block; width: 25px; height: 1px; left:calc(104%); top: 52.5%; } /**/
	/*.technology_step_box2 .iner_ul > li:nth-child(2)::before {   width: 25px; height: 1px; left: calc(100% - -1px);  top: 50%;}*/
	.technology_step_box2 .iner_ul > li:nth-child(2)::before { display: block; width: 35px; height: 1px;  left: calc(-19% - 0px);  top: 112%;  transform: rotate(-45deg); }
	.technology_step_box2 .iner_ul > li:nth-child(2)::after { display:block; left: -21%; top: 113%; font-size: 18px; transform: rotate(19deg);} /*left: 108%; top: calc(50% - 9px); font-size: 20px; */
}
@media all and (max-width:550px){
    .technology_step_box2 {overflow: auto; padding-bottom: 50px;}
    .technology_step_box2 .in {width: 600px;}
}
@media all and (max-width:480px){
	.technology_step_box2 .iner_ul > li::after { left: 110%; top: calc(50% - 9px); font-size: 16px; }
	.technology_step_box2 .iner_ul > li::before { left: calc(103% - 0px); width: 25px; }
	.technology_step_box2 .iner_ul > li:nth-child(2)::after { display: block; left: -20.5%; top: 113%; font-size: 16px; transform: rotate(19deg); }
}


/******* 산학협력 - 산업자문 - 신청절차 6개 형*******/
.technology_step_box3 {width: 100%;}
.technology_step_box3 .in {display: flex; align-items: center; text-align: center;}
.technology_step_box3 .lb_box {width: 18%; position: relative;}
.technology_step_box3 .lb_box::before {content: ""; position: absolute; left: calc(100% + 19px); top: 13.8%; background-color: #ddd; width: 1px; height: 72.5%;}
.technology_step_box3 .lb_box .one {margin-top: 20px;min-height: 150px;border: 1px solid #83aad0;position: relative;}
.technology_step_box3 .lb_box .one::before {content: ""; width: 20px; height: 1px; background-color: #ddd; position: absolute; left: 100%; top: 50%;}
.technology_step_box3 .lb_box .one:first-of-type {margin-top: 0;}
.technology_step_box3 .lb_box .one.mid::before {width: 40px;}
.technology_step_box3 .lb_box .one.mid::after {content: "▶"; position: absolute; left: calc(100% + 30px); top: calc(50% - 9px); font-size: 12px; color: #aaa;}
.technology_step_box3 .lb_box .one .tit {width: 100%; background-color: #004dad; color: #fff; font-weight: 400; padding: 10px 10px;}
.technology_step_box3 .lb_box .one .con {padding: 20px 5px; font-size: 15px; line-height: 1.7; font-weight: 400;}
.technology_step_box3 .lb_box .one.mid {min-height: 200px;}
.technology_step_box3 .lb_box .con p::before {content:"ㆍ"; display:inline-block;}
.technology_step_box3 .rb_box {width: 100%; padding-left: 0px;} /*22.01.06*/
.technology_step_box3 .iner_ul {width: 100%; display: flex;}
.technology_step_box3 .iner_ul > li {margin-left: 3%;width: 16.66666666666667%;border: 1px solid #4e9cdb;min-height: 100px;position: relative;background-color: #fff; border-radius: 15px;}
.technology_step_box3 .iner_ul > li::before {content: ""; width: 42px; height: 1px; background-color: #feb155; position: absolute; left:calc(100% - -1px); top: 50%;}
.technology_step_box3 .iner_ul > li:last-of-type::before {width:0; height: 0;}
.technology_step_box3 .iner_ul > li::after {content: "▶"; position: absolute; left: 114%; top: calc(50% - 9px); font-size: 12px; color:#feb155;}
.technology_step_box3 .iner_ul > li:last-of-type::after {content: "";}
.technology_step_box3 .iner_ul > li:first-child {margin-left: 0;}
.technology_step_box3 .iner_ul > li .tit { width: 100%; height: 70px; color: #fff; font-weight: 400; padding: 10px 10px; text-align: center; text-shadow: 0 0 3px rgba(0,0,0,0.5); border-radius: 11.5px 11.5px 0 0; font-size: 17px; display: flex; justify-content: center; align-items: center; 
background: rgb(30,87,153); 
background: -moz-linear-gradient(-45deg,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(18,118,201,1) 50%, rgba(125,185,232,1) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(18,118,201,1) 50%,rgba(125,185,232,1) 100%);
background: linear-gradient(135deg,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(18,118,201,1) 50%,rgba(125,185,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 );
} /*22.01.06*/
.technology_step_box3 .iner_ul > li .con {padding: 20px 5px; font-size: 15px; line-height: 1.7; font-weight: 400; text-align: center; font-size: 16px; height: 100px; }
.technology_step_box3 .iner_ul > li .con p.let_s {letter-spacing:-1.5px; word-spacing: -3.2px;}
.technology_step_box3 .iner_ul > li .con2 p.let_s {letter-spacing:-1.5px; word-spacing: -3.2px;}
.technology_step_box3 .iner_ul > li .con p::before {content:""; display:inline-block; } /*content:"ㆍ";*/
.technology_step_box3 .iner_ul > li .con2 p::before {content:""; display:inline-block; content:"ㆍ";}
.technology_step_box3 .iner_ul > li .down_con_box {position: absolute;left: 0;top: calc(100% + 20px);width: 100%;border: 1px solid #95a4b9;min-height: 150px;}
.technology_step_box3 .iner_ul > li .down_con_box::before {content: ""; width: 1px; height: 20px; background-color: #ddd; position: absolute; left: 50%; bottom: 100%;}
.technology_step_box3 .iner_ul > li .down_con_box::after {content: "▲";  position: absolute; left: calc(50% - 5px); bottom: calc(100% + 5px); font-size: 12px; color: #aaa;}
.technology_step_box3 .iner_ul > li .down_con_box .tit2 {width: 100%;background-color: #95a4b9;color: #fff;font-weight: 400;padding: 10px 10px;}
.technology_step_box3 .iner_ul > li .down_con_box .con2 {padding: 20px 5px; font-size: 15px; line-height: 1.7; font-weight: 400;}

@media all and (max-width:1140px){
	.technology_step_box3 .iner_ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
	.technology_step_box3 .iner_ul > li { width:29.5%; margin-left: 0%;}

	.technology_step_box3 .iner_ul > li { margin-bottom:8%; }

	.technology_step_box3  { 33.3333%;  }
	.technology_step_box3 .iner_ul > li::after { top: calc(50% - 12px); font-size: 16px; }
	.technology_step_box3 .iner_ul > li:nth-child(3)::before { display:none; }
	.technology_step_box3 .iner_ul > li:nth-child(3)::after { display:none; }

	
}

@media all and (max-width:800px){
    .technology_step_box3 {}
    .technology_step_box3 .in {}
    .technology_step_box3 .lb_box {width: 18%;}
    .technology_step_box3 .lb_box::before {content: ""; position: absolute; left: calc(100% + 19px); top: 13.8%; background-color: #ddd; width: 1px; height: 72.5%;}
    .technology_step_box3 .lb_box .one {margin-top: 15px; min-height: 130px;}
    .technology_step_box3 .lb_box .one::before {content: ""; width: 20px; height: 1px; background-color: #ddd; position: absolute; left: 100%; top: 50%;}
    .technology_step_box3 .lb_box .one:first-of-type {margin-top: 0;}
    .technology_step_box3 .lb_box .one.mid::before {}
    .technology_step_box3 .lb_box .one.mid::after {left: calc(100% + 30px); top: calc(50% - 8px); font-size: 9px;}
    .technology_step_box3 .lb_box .one .tit {font-size: 14px;}
    .technology_step_box3 .lb_box .one .con {font-size: 13px;}
    .technology_step_box3 .lb_box .one.mid {min-height: 180px;}
    .technology_step_box3 .rb_box {} /*width: 82%; padding-left: 40px;*/ /*22.01.06*/
    .technology_step_box3 .iner_ul {}
    .technology_step_box3 .iner_ul > li { } /*margin-left: 3%; width: 17.6%; min-height: 180px;*/ /*22.01.06*/
    .technology_step_box3 .iner_ul > li::before {content: ""; width: 20px; height: 1px; position: absolute; left: 100%; top: 50%;}
    .technology_step_box3 .iner_ul > li:last-of-type::before {width:0; height: 0;}
    .technology_step_box3 .iner_ul > li::after {left: 106%; top: calc(50% - 8px); font-size: 20px;}
    .technology_step_box3 .iner_ul > li .tit {font-size:14px; padding: 10px 5px;}
    .technology_step_box3 .iner_ul > li .con {padding: 20px 5px; font-size: 13px;}
    .technology_step_box3 .iner_ul > li .down_con_box {top: calc(100% + 20px); width: 100%; border: 1px solid #ddd; min-height: 150px;}
    .technology_step_box3 .iner_ul > li .down_con_box::before {}
    .technology_step_box3 .iner_ul > li .down_con_box::after {content: "▲";  position: absolute; left: calc(50% - 5px); bottom: calc(100% + 5px); font-size: 12px; color: #aaa;}
    .technology_step_box3 .iner_ul > li .down_con_box .tit2 {font-size: 14px; padding: 10px 5px;}
    .technology_step_box3 .iner_ul > li .down_con_box .con2 {padding: 13px 5px; font-size: 13px;}
	.technology_step_box3 .iner_ul > li::before { display:none;  }
}
@media all and (max-width:700px){
    .technology_step_box3 .lb_box::before {top: 12.3%; height: 71%;}
}
@media all and (max-width:640px){
	.technology_step_box3 .iner_ul { flex-wrap: wrap; align-content: space-around; justify-content: space-between; }
	.technology_step_box3 .iner_ul > li {  margin-left: 0; margin-bottom: 8%; width: 45%; }
	.technology_step_box3 .iner_ul > li::after { left: 113%; top: calc(43%); font-size:18px; }
	.technology_step_box3 .iner_ul > li::before { display:block; width: 25px; height: 1px; left:calc(104%); top: 52.5%; } /**/
	.technology_step_box3 .iner_ul > li:nth-child(2)::before { display: block; width: 35px; height: 1px;  left: calc(-19% - 0px);  top: 112%;  transform: rotate(-45deg); }
	.technology_step_box3 .iner_ul > li:nth-child(2)::after { display:block; left: -21%; top: 113%; font-size: 18px; transform: rotate(19deg);}
	
	.technology_step_box3 .iner_ul > li:nth-child(3)::before { display: block; width: 25px; height: 1px; left: calc(104%);top: 51.5%; }
	.technology_step_box3 .iner_ul > li:nth-child(3)::after { display:block; }

	.technology_step_box3 .iner_ul > li:nth-child(4)::before { display: block; width: 35px; height: 1px;  left: calc(-19% - 0px);  top: 112%;  transform: rotate(-45deg); }
	.technology_step_box3 .iner_ul > li:nth-child(4)::after { display:block; left: -21%; top: 113%; font-size: 18px; transform: rotate(19deg);}

	.technology_step_box3 .iner_ul > li:nth-child(5)::before {  top: 53.5%;  }
}
@media all and (max-width:550px){
    .technology_step_box3 {overflow: auto; padding-bottom: 50px;}
    .technology_step_box3 .in {width: 600px;}
}
@media all and (max-width:480px){
	.technology_step_box3 .iner_ul > li::after { left: 113%; top: calc(44% - -1px); font-size: 16px; }
	.technology_step_box3 .iner_ul > li::before { left: calc(103% - 0px); width: 31px; }
	.technology_step_box3 .iner_ul > li:nth-child(2)::after { display: block; left: -20.5%; top: 113%; font-size: 16px; transform: rotate(19deg); }

	.technology_step_box3 .iner_ul > li:nth-child(3)::before { width: 31px; }
	.technology_step_box3 .iner_ul > li:nth-child(3)::after { top: calc(43% - -1px); }

	.technology_step_box3 .iner_ul > li:nth-child(5)::after { top: calc(44% - 0px); }

}





/******* 기술사업화업무안내 *******/
.info_title_box {width: 100%; text-align: center; margin-bottom: 30px;}
.info_title_box h3 {display: inline-block;color: #fff;font-size: 25px;font-weight: 300;padding: 10px 35px 10px;border-radius: 50px;background: #0068ce;}

/* 조직도 */
.in_organiza_02 {width: 100%; border: 1px solid #ddd; text-align: center; padding: 50px;}
.in_organiza_02 .depth01 {display: inline-block; width: 700px; position: relative;}
.in_organiza_02 .depth01 > li {position: relative;}
.in_organiza_02 .depth01 > li > .circle {display: inline-flex;align-items: center;justify-content: center;position: relative;width: 160px;height: 160px;border-radius: 50%;color: #fff;font-size: 20px;background: #130CB7;font-weight: 400;}
.in_organiza_02 .depth01 > li > .circle::after {content: ""; position: absolute; left: 50%; top: 100%; width: 1px; height: 240px; background-color: #ddd;}
.in_organiza_02 .depth01 > li > .depth02 {padding-top: 240px; position: relative;}
.in_organiza_02 .depth01 > li > .depth02 > li {position: relative;}
.in_organiza_02 .depth01 > li > .depth02 > li.lb {position: absolute; left: 0; top: 10%; }
.in_organiza_02 .depth01 > li > .depth02 > li.rb {position: absolute; right: 0; top: 10%; }
.in_organiza_02 .depth01 > li > .depth02 > li .gray_b {min-width: 150px;display: flex;justify-content: center;align-items: center;height: 50px;background-color: #6c7788;color: #fff;line-height: 1.2;position: relative;}
.in_organiza_02 .depth01 > li > .depth02 > li .gray_b::before {content: ""; display: block; position: absolute; top: 50%; width: 160%; height: 1px; background-color: #ddd;}
.in_organiza_02 .depth01 > li > .depth02 > li.lb .gray_b::before {left: 100%;}
.in_organiza_02 .depth01 > li > .depth02 > li.rb .gray_b::before {right: 100%;}
.in_organiza_02 .depth01 > li > .depth02 > li .depth02_1 {position: absolute; top: 45px; width: 100%; text-align: left;}
.in_organiza_02 .depth01 > li > .depth02 > li .depth02_1::before {content:""; position: absolute; left: 50%; bottom: 100%; width: 1px; height: 20px; background-color: #ddd;}
.in_organiza_02 .depth01 > li > .depth02 > li.lb .depth02_1 {left: 120%; }
.in_organiza_02 .depth01 > li > .depth02 > li.rb .depth02_1 {right: 120%; }
.in_organiza_02 .depth01 > li > .depth02 > li .depth02_1 > li {font-size: 15px;}

.in_organiza_02 .depth01 > li > .depth02 > li.wide {width: 100%;}
.in_organiza_02 .depth01 > li > .depth02 > li.wide .depth03 {width: 100%; display: flex; position: relative;}
.in_organiza_02 .depth01 > li > .depth02 > li.wide .depth03::before {content: ""; display: block; width: 68%; height: 1px; background-color: #ddd; position: absolute; left: 50%; top: -20px; transform: translate(-50%);}
.in_organiza_02 .depth01 > li > .depth02 > li.wide .depth03 > li {width: 32%; margin-left: 2%; border: 1px solid #ddd; background-color: #fff; position: relative;}
.in_organiza_02 .depth01 > li > .depth02 > li.wide .depth03 > li::before {content:""; position: absolute; left: 50%; bottom: 100%; width: 1px; height: 20px; background-color: #ddd;}
.in_organiza_02 .depth01 > li > .depth02 > li.wide .depth03 > li:first-child {margin-left: 0%;}
.in_organiza_02 .depth01 > li > .depth02 > li.wide .depth03 > li .in_tit02 {width: 100%; background-color: #004dad; color: #fff; display: block; padding: 10px 5px;}
.in_organiza_02 .depth01 > li > .depth02 > li.wide .depth03 > li .list {padding: 15px 5px 15px 20px;}
.in_organiza_02 .depth01 > li > .depth02 > li.wide .depth03 > li .list > li {text-align: left; padding-left: 10px; position: relative;}
.in_organiza_02 .depth01 > li > .depth02 > li.wide .depth03 > li .list > li::before {content: ""; display: block; width: 3px; height: 3px; border-radius: 50%; background-color: #222; position: absolute; left: 0; top: 10px; font-size: 15px;}



@media all and (max-width:850px){
    /* 조직도 */
    .in_organiza_02 {padding: 20px;}
    .in_organiza_02 .depth01 {width: 100%;}
}

@media all and (max-width:750px){
    /* 조직도 */
    .in_organiza_02 .depth01 {width: 700px; position: relative; left: 30%; transform: scale(0.7) translateX(-50%);}

    .info_title_box {margin-bottom: 20px;}
    .info_title_box h3 {font-size: 18px; padding: 10px 20px 8px;}
}

@media all and (max-width:550px){
    /* 조직도 */
    .in_organiza_02 .depth01 {width: 100; left: 0; transform: scale(1) translateX(0);}

    .in_organiza_02 {padding: 20px;}
    .in_organiza_02 .depth01 {width: 100%; position: relative;}
    .in_organiza_02 .depth01 > li {}
    .in_organiza_02 .depth01 > li > .circle {width: 110px; height: 110px; font-size: 15px;}
    .in_organiza_02 .depth01 > li > .circle::after {height: 50px;}
    .in_organiza_02 .depth01 > li > .depth02 {padding-top: 50px;}
    .in_organiza_02 .depth01 > li > .depth02 > li {position: relative;}
    .in_organiza_02 .depth01 > li > .depth02 > li.lb {position: relative; top: 0%; }
    .in_organiza_02 .depth01 > li > .depth02 > li.rb {position: relative; top: 0%; }
    .in_organiza_02 .depth01 > li > .depth02 > li .gray_b {width: 100%;font-size: 14px;}
    .in_organiza_02 .depth01 > li > .depth02 > li .gray_b::before {width: 0; height: 0;}
    .in_organiza_02 .depth01 > li > .depth02 > li .depth02_1 {position: relative; top: 0; width: 100%; text-align: left;  padding: 20px;}
    .in_organiza_02 .depth01 > li > .depth02 > li .depth02_1::before {width: 0; height: 0;}
    .in_organiza_02 .depth01 > li > .depth02 > li.lb .depth02_1 {left: 0; }
    .in_organiza_02 .depth01 > li > .depth02 > li.rb .depth02_1 {right: 0; }
    .in_organiza_02 .depth01 > li > .depth02 > li .depth02_1 > li {font-size: 13px;}

    .in_organiza_02 .depth01 > li > .depth02 > li.wide {}
    .in_organiza_02 .depth01 > li > .depth02 > li.wide .depth03 {flex-wrap: wrap;}
    .in_organiza_02 .depth01 > li > .depth02 > li.wide .depth03::before {width: 0; height: 0;}
    .in_organiza_02 .depth01 > li > .depth02 > li.wide .depth03 > li {width: 100%; margin-left: 0%; margin-top: 20px;}
    .in_organiza_02 .depth01 > li > .depth02 > li.wide .depth03 > li .in_tit02 {padding: 8px 3px; font-size: 14px;}
    .in_organiza_02 .depth01 > li > .depth02 > li.wide .depth03 > li .list {padding: 12px 5px 12px 12px; font-size: 13px;}
}



/******* 연구처 소개 *******/
.research_organization {width: 900px; margin: 0 auto; text-align: center; margin-bottom: 50px;}
.research_organization .depth01 {width: 100%;}
.research_organization .depth01 > li {}
.research_organization .depth01 > li .top {display: inline-block; min-width: 300px; background-color: #004dad; color: #fff; font-size: 20px; padding: 18px 5px; margin-bottom: 30px; position: relative;}
.research_organization .depth01 > li .depth02 {width: 100%; display: flex; position: relative; margin-top: 30px;}
.research_organization .depth01 > li .depth02::before {content: ""; display: block; height: 1px; width: 68.5%; background-color: #ccc; position: absolute; left: 50%; top: -30px; transform: translateX(-50%);}
.research_organization .depth01 > li .depth02 > li {width: 31.33%; margin-left: 3%; position: relative;}
.research_organization .depth01 > li .depth02 > li::before {content: ""; width: 1px; height: 30px; background-color: #ccc; position: absolute; left: 50%; bottom: 100%;}
.research_organization .depth01 > li .depth02 > li:nth-of-type(2)::before {height: 60px;}
.research_organization .depth01 > li .depth02 > li:first-of-type {margin-left: 0%;}
.research_organization .depth01 > li .depth02 > li .deep2 {width: 100%; padding: 15px 10px; border: 1px solid #15a7f0; font-weight: 400; color: #222;}
.research_organization .depth01 > li .depth02 > li .depth03 {width: 100%; margin-top: 30px; position: relative; border: 1px solid #15a7f0;}
.research_organization .depth01 > li .depth02 > li .depth03::before {content: ""; width: 1px; height: 30px; background-color: #ccc; position: absolute; left: 50%; bottom: 100%;}
.research_organization .depth01 > li .depth02 > li .depth03 > li {width: 100%; border-top: 1px solid #15a7f0; color: #004dad; background-color: #f0f7ff; padding: 12px 5px;}
.research_organization .depth01 > li .depth02 > li .depth03 > li:first-of-type {border-top: none;}


@media all and (max-width:1250px){
    .research_organization {width: 100%;}
}


@media all and (max-width:400px){
    /******* 연구처 소개 *******/
    .research_organization .depth01 > li .top {min-width: 100%; font-size: 17px; padding: 12px 5px; margin-bottom: 30px;}
    .research_organization .depth01 > li .depth02 {width: 100%; display: flex; position: relative; margin-top: 30px;}
    .research_organization .depth01 > li .depth02::before {content: ""; display: block; height: 1px; width: 68.5%; background-color: #ccc; position: absolute; left: 50%; top: -30px; transform: translateX(-50%);}
    .research_organization .depth01 > li .depth02 > li .deep2 {padding: 12px 10px; font-size: 13px;}
    .research_organization .depth01 > li .depth02 > li .depth03 > li {padding: 10px 5px; font-size: 13px;}
}







/******* 연구비 중앙관리 주체 *******/
.research_mid01_top_box {margin-top: 80px; text-align: center; margin-bottom: 40px;}
.research_mid01_top_box h5 {font-size: 20px; color: #222; line-height: 1.5; font-weight: 400;}

.research_mid01_img_box {margin: 40px 0; text-align: center;}

.research_mid01_bott_box {margin: 50px 0;}
.research_mid01_bott_box .up_ul {width: 100%; display: flex;}
.research_mid01_bott_box .up_ul > li {width: 32%; margin-left: 2%; text-align: center; border: 3px solid #ededed; padding: 7px;}
.research_mid01_bott_box .up_ul > li:first-of-type {margin-left: 0;}
.research_mid01_bott_box .up_ul > li .tit {width: 100%; padding: 12px 5px 10px; background-color: #555; color: #fff; font-size: 18px; font-weight: 400;}
.research_mid01_bott_box .up_ul > li .list {width: 100%; text-align:left; padding: 15px 10px 10px 13px;}
.research_mid01_bott_box .up_ul > li .list > li {margin-top: 10px; line-height: 1.2; padding-left: 12px; position: relative; font-size: 16px;}
.research_mid01_bott_box .up_ul > li .list > li::before {content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #0084f0; position: absolute; left: 0; top: 8px;}
.research_mid01_bott_box .up_ul > li .list > li:first-of-type {margin-top: 0;}

.research_mid01_bott_box .up_ul > li:nth-of-type(1) .tit {background-color: #078fd1;}
.research_mid01_bott_box .up_ul > li:nth-of-type(2) .tit {background-color: #64c7e8;}
.research_mid01_bott_box .up_ul > li:nth-of-type(3) .tit {background-color: #27a6a6;}


@media all and (max-width:580px){
    .research_mid01_top_box {margin-top: 40px; margin-bottom: 20px;}
    .research_mid01_top_box h5 {font-size: 15px;}

    .research_mid01_img_box {margin: 20px 0;}

    .research_mid01_bott_box {margin: 20px 0;}
    .research_mid01_bott_box .up_ul {flex-wrap: wrap;}
    .research_mid01_bott_box .up_ul > li {width: 100%; margin: 2% 0 0; border: 2px solid #ededed; padding: 5px;}
    .research_mid01_bott_box .up_ul > li:first-of-type {margin-top: 0;}
    .research_mid01_bott_box .up_ul > li .tit {padding: 8px 5px 7px; font-size: 15px;}
    .research_mid01_bott_box .up_ul > li .list {padding: 10px 10px 10px;}
    .research_mid01_bott_box .up_ul > li .list > li {margin-top: 10px; font-size: 13px;}
    .research_mid01_bott_box .up_ul > li .list > li::before {width: 3px; height: 3px; top: 7px;}
}







/******* 연구비 중앙관리 흐름도 *******/
.research_study_flow_chart_img {display: none;}
.research_study_flow_chart {width: 100%;}
.research_study_flow_chart .in {width: 1036px; display: flex;}
.research_study_flow_chart .one {margin-left: 1%; width: 24.25%; text-align: center; border: 1px solid #ededed; background-color: #fafeff;}
.research_study_flow_chart .one:first-of-type {margin-left: 0;}
.research_study_flow_chart .one .top_b {width: 100%; background-color: #0168cf; color: #fff; font-size: 17px; font-weight: 400; padding: 15px 5px 14px;}
.research_study_flow_chart .one .box_ul {width: 100%; padding: 20px 15px;}
.research_study_flow_chart .one .box_ul > li {width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; height: 55px; padding: 5px; line-height: 1.2; font-size: 15px; color: #fff; background-color: #6c7788; border-radius: 0px; margin-top: 35px; position: relative; z-index: 10;}
.research_study_flow_chart .one .box_ul > li:first-of-type {margin-top: 0;}

.research_study_flow_chart .one .box_ul > li.yellow {background-color: #1A78CF;}
.research_study_flow_chart .one .box_ul > li.pink {background-color: #228384;}

/* 간격 */
.research_study_flow_chart .one .box_ul.n01 > .ho01 {}
.research_study_flow_chart .one .box_ul.n01 > .ho02 {margin-top: 80px;}
.research_study_flow_chart .one .box_ul.n01 > .ho03 {margin-top: 130px;}
.research_study_flow_chart .one .box_ul.n01 > .ho06 {margin-top: 604px;}
.research_study_flow_chart .one .box_ul.n01 > .ho07 {margin-top: 138px;}

.research_study_flow_chart .one .box_ul.n02 > .ho01 {margin-top: 47px;}
.research_study_flow_chart .one .box_ul.n02 > .ho02 {margin-top: 130px;}
.research_study_flow_chart .one .box_ul.n02 > .ho03 {margin-top: 358px;}
.research_study_flow_chart .one .box_ul.n02 > .ho05 {margin-top: 295px;}
.research_study_flow_chart .one .box_ul.n02 > .ho06 {margin-top: 22px;}
.research_study_flow_chart .one .box_ul.n02 > .ho07 {margin-top: 42px; height: 65px;}

.research_study_flow_chart .one .box_ul.n04 > .ho01 {margin-top: 543px;}



/* 화살표 */
.research_study_flow_chart .one .box_ul > li .arrow {display: block; background-color: #c0cde0; position: absolute; color: #c0cde0;}
.research_study_flow_chart .one .box_ul > li .arrow em {position: absolute; color: #c0cde0; font-size: 11px;}
.research_study_flow_chart .one .box_ul > li .arrow::before {content: ""; background-color: #c0cde0; position: absolute;}
.research_study_flow_chart .one .box_ul > li .arrow::after {content: ""; background-color: #c0cde0; position: absolute;}

.research_study_flow_chart .one .box_ul > li .arrow.lb {width: 19%; height: 1px; left: 100%; top: 50%;}
.research_study_flow_chart .one .box_ul > li .arrow.lb em {right: 0; bottom: -6px;}
.research_study_flow_chart .one .box_ul > li .arrow.lb em.ar1 {right: auto; left: 0;}
.research_study_flow_chart .one .box_ul > li .arrow.lb.long1 {width: 139%;}
.research_study_flow_chart .one .box_ul > li .arrow.lb.two {width: 70%; height: 1px; top: calc(100% + 17px); left: 50%;}
.research_study_flow_chart .one .box_ul > li .arrow.lb.two::before {left: 0; bottom: 0; width: 1px; height: 18px;}
.research_study_flow_chart .one .box_ul > li .arrow.lb.two.long {width: 189%;}
.research_study_flow_chart .one .box_ul > li .arrow.lb.two.long2 {width: 308%; top: calc(100% + 465px);}
.research_study_flow_chart .one .box_ul > li .arrow.lb.two.long2::before {height: 466px;}
.research_study_flow_chart .one .box_ul > li .arrow.lb.three {width: 100%; top: auto; left: 100%; top: 50%;}
.research_study_flow_chart .one .box_ul > li .arrow.lb.three::before {width: 1px; height: 518px; right: 0; top: 0;}
.research_study_flow_chart .one .box_ul > li .arrow.lb.three::after {width: 100%; height: 1px; right: 0; top: 518px;}
.research_study_flow_chart .one .box_ul > li .arrow.lb.n02 {left: 200%; top: 200px; width: 85px;}
.research_study_flow_chart .one .box_ul > li .arrow.lb.three2.long3 {width: 108%; top: auto; left: calc(100% + 67px); top: calc(100% + 140px);}
.research_study_flow_chart .one .box_ul > li .arrow.lb.three2.long3::before {height: 170px; width: 1px; left: 0; bottom: 0;}
.research_study_flow_chart .one .box_ul > li .arrow.lb.three2.long3::after {height: 1px; width: 67px; right: 100%; bottom: 170px;}
.research_study_flow_chart .one .box_ul > li .arrow.lb.three3.long3 {width: 67px; top: auto; left: 208%; bottom: calc(100% + 50px);}
.research_study_flow_chart .one .box_ul > li .arrow.lb.three3.long3::before {height: 85px; width: 1px; left: 0;}
.research_study_flow_chart .one .box_ul > li .arrow.lb.three3.long3::after {height: 1px; width: 360%; right: 100%; top: 85px;}


.research_study_flow_chart .one .box_ul > li .arrow.rb {width: 19%; height: 1px; right: 100%; top: 50%;}
.research_study_flow_chart .one .box_ul > li .arrow.rb em {left: 0; bottom: -6px;}
.research_study_flow_chart .one .box_ul > li .arrow.rb.two {width: 70%; height: 1px; top: calc(100% + 17px); right: 50%;}
.research_study_flow_chart .one .box_ul > li .arrow.rb.two::before {right: 0; bottom: 0; width: 1px; height: 18px;}
.research_study_flow_chart .one .box_ul > li .arrow.rb.two.long {width: 189%;}

.research_study_flow_chart .one .box_ul > li .arrow.bott {width: 1px; height: 35px; top: 100%; left: 50%;}
.research_study_flow_chart .one .box_ul > li .arrow.bott em {bottom: 0; left: -5px;}

.research_study_flow_chart .one .box_ul > li .arrow.bott.two.long3 {width: 306%; height: 1px; left: auto; right: 50%; top: 380%;}
.research_study_flow_chart .one .box_ul > li .arrow.bott.two.long3::before {width: 1px; height: 170px; right: 0; bottom: 0;}
.research_study_flow_chart .one .box_ul > li .arrow.bott.two.long3 em {left: 0; bottom: -6px;}


@media all and (max-width:1400px){
    .research_study_flow_chart .in {transform: scale(0.9) translate(-5%, -5%);}
}

@media all and (max-width:1200px){
    .research_study_flow_chart {height: 1050px;}
    .research_study_flow_chart .in {transform: scale(0.7) translate(-20%, -20%);}
}

@media all and (max-width:1000px){
    .research_study_flow_chart_img {display: block;}
    .research_study_flow_chart {display: none;}
}







/******* 국가연구개발사업 추진체계 *******/
.bor_infor {margin: 30px 0; border: 1px solid #eee; padding:20px 30px; font-size: 15px; line-height: 1.5;}

.info_inner_arrow_box {width: 100%;}
.info_inner_arrow_box .row {margin-top: 40px; padding-right: 35px; position: relative;}
.info_inner_arrow_box .row:first-of-type {margin-top: 0;}
.info_inner_arrow_box .row .arrow_box {width: 100%; position: relative;}
.info_inner_arrow_box .row .arrow_box::after {content: ""; display: block; clear: both;}
.info_inner_arrow_box .row .arrow_box > li {float: left; margin-right: 3%;}
.info_inner_arrow_box .row .arrow_box > li:last-of-type {margin-right: 0;}
.info_inner_arrow_box .row .arrow_box.w04 > li {width: 22.75%;}
.info_inner_arrow_box .row .arrow_box.w03 > li {width: 31.33%;}
.info_inner_arrow_box .row .arrow_box.w02 > li {width: 48.5%;}
.info_inner_arrow_box .row .arrow_box.revers > li {float: right; margin: 0 0 0 3%;}
.info_inner_arrow_box .row .arrow_box.revers > li:last-of-type {margin: 0%;}

.info_inner_arrow_box .row .arrow {position: absolute; right: 0; top: 30px; width: 1px; height: calc(100% + 40px); background-color: #ccc;}
.info_inner_arrow_box .row .arrow::after {content:""; width: 35px; height: 1px; background-color: #ccc; position: absolute; right: 0; top: 0;}
.info_inner_arrow_box .row .arrow::before {content:""; width: 35px; height: 1px; background-color: #ccc; position: absolute; right: 0; bottom: 0;}
.info_inner_arrow_box .row .arrow em {position: absolute; bottom: -7px; right:25px; font-size: 12px; color: #ccc;}

.info_inner_arrow_box .row_iner_box {margin-top: 20px;}
.info_inner_arrow_box .row_iner_box .wide_arrow {width: 100%; position: relative; text-align: center;}
.info_inner_arrow_box .row_iner_box .wide_arrow::before {content: ""; position: absolute; left: 0; top: 43%; width: 100%; height: 1px; background-color: gray; z-index: -1;}
.info_inner_arrow_box .row_iner_box .wide_arrow .inb {display: inline-block; background-color: #333; color: #fff; padding: 0px 5px; min-width: 150px;}
.info_inner_arrow_box .row_iner_box .wide_arrow em {font-size: 13px; position: absolute;}
.info_inner_arrow_box .row_iner_box .wide_arrow em.lb {left: 0;}
.info_inner_arrow_box .row_iner_box .wide_arrow em.rb {right: 0;}
.info_inner_arrow_box .row_iner_box .name_ul {width: 100%; display: flex;}
.info_inner_arrow_box .row_iner_box .name_ul > li {width: 25%; text-align: center; font-weight: 400;}


.info_inner_arrow_box .row .arrow_box > li .top_box {width: 100%; height: 55px; font-size: 15px; color: #fff; background-color: #000; display: flex; justify-content: center; align-items: center; text-align: center; position: relative;}
.info_inner_arrow_box .row .arrow_box > li .top_box::before {content: ""; position: absolute; left: 100%; top: 50%; width: 11%; height: 1px; background-color: #ccc;}
.info_inner_arrow_box .row .arrow_box > li .top_box::after {content: "▶"; position: absolute; left: 106%; top: calc(50% - 10px); color: #ccc; font-size: 13px;}
.info_inner_arrow_box .row .arrow_box.w02 > li .top_box::before {}
.info_inner_arrow_box .row .arrow_box.w02 > li .top_box::after {left: 104%;}
.info_inner_arrow_box .row .arrow_box > li:last-child .top_box::before {width: 0; height: 0;}
.info_inner_arrow_box .row .arrow_box > li:last-child .top_box::after {content: "";}
.info_inner_arrow_box .row .arrow_box.lb > li .top_box::before {left: auto; right: 100%; width: 11%;}
.info_inner_arrow_box .row .arrow_box.lb > li .top_box::after {content: "◀"; left: auto; right: 106%;}
.info_inner_arrow_box .row .arrow_box.lb > li:last-child .top_box::after {content: "";}
.info_inner_arrow_box .row .arrow_box > li .top_box .flo {position: absolute; left: 0; bottom: 100%; width: 100%; text-align: center; color: #222; padding: 5px; text-decoration: underline;}
.info_inner_arrow_box .row .arrow_box > li .top_box.blue {background-color: #edf6ff; border:1px solid #8d9cf1; color: #3c4891;}
.info_inner_arrow_box .row .arrow_box > li .top_box.green {background-color: #edfbff; border:1px solid #7dcdd6; color: #3c8896;}
.info_inner_arrow_box .row .arrow_box > li .top_box.white {background-color: #fff; border:1px solid #0690cf; color: #222;}
.info_inner_arrow_box .row .arrow_box > li .top_box.blue_bg {background-color: #004dad;}
.info_inner_arrow_box .row .arrow_box > li .top_box.blue_bg2 {background-color: #38a4f8;}
.info_inner_arrow_box .row .arrow_box > li .top_box.red_bg {background-color: #f8b425;}

.info_inner_arrow_box .row .arrow_box > li .top_box .arr_top {position: absolute; left: 50%; bottom: 100%; width: 1px; height: 30px; background-color: #ccc;}
.info_inner_arrow_box .row .arrow_box > li .top_box .arr_top em {position: absolute; left: -5px; font-size: 12px; color: #ccc; top: -5px;}

.info_inner_arrow_box .row .arrow_box > li .arrowDown {position: absolute; top: 70%; left: 10%; width: 20%; height: 85%; border: 1px solid #ddd; border-right: none; border-top: none;}
.info_inner_arrow_box .row .arrow_box > li .arrowDown em {position: absolute; right: 0; bottom: -8px; font-size: 12px;}
.info_inner_arrow_box .row .arrow_box > li .arrowDown .tx {font-weight: 400; position: absolute; left: 0; top: 110%;}


.info_inner_arrow_box .row .arrow_box > li .name_box {margin-top: 15px; text-align: center; font-size: 15px; font-weight: 400; color: #222; word-break: keep-all;}
.info_inner_arrow_box .row .arrow_box > li .name_box.wide {position: absolute; left: 0; width: 100%; }
.info_inner_arrow_box .row .arrow_box > li .name_box.wide::before {content: ""; position: absolute; left: 0; top: 45%; width: 100%; height: 1px; background-color: gray; z-index: -1;}
.info_inner_arrow_box .row .arrow_box > li .name_box.wide .in_name {display: inline-block; background-color: #fff; padding: 0px 5px;}
.info_inner_arrow_box .row .arrow_box > li .name_box.wide em {font-size: 13px; position: absolute;}
.info_inner_arrow_box .row .arrow_box > li .name_box.wide em.lb {left: 0;}
.info_inner_arrow_box .row .arrow_box > li .name_box.wide em.rb {right: 0;}
.info_inner_arrow_box .row .arrow_box > li .name_box.blank {margin-top: 15px; height: 25px;}

.info_inner_arrow_box .row .arrow_box > li .explain {margin-top: 15px; text-align: left; padding: 0 5px; font-size: 14px; line-height: 1.5;}


@media all and (max-width:1000px){
    .bor_infor {margin: 20px 0; padding:15px 20px; font-size: 14px;}

    .info_inner_arrow_box .row .arrow_box > li .arrowDown .tx {font-size: 12px;}

    .info_inner_arrow_box .row_iner_box .wide_arrow {font-size: 13px;}
    .info_inner_arrow_box .row_iner_box .name_ul > li {font-size: 13px;}

    .info_inner_arrow_box .row .arrow_box > li .top_box {font-size: 13px;}

    .info_inner_arrow_box .row .arrow_box > li .name_box {font-size: 13px;}

    .info_inner_arrow_box .row .arrow_box > li .explain {font-size: 13px;}
}


@media all and (max-width:590px){
    /******* 국가연구개발사업 추진체계 *******/

    .info_inner_arrow_box .row .arrow_box > li .top_box .arr_top {display: none;}
    .info_inner_arrow_box .row .arrow_box > li .arrowDown {display: none;}


    .info_inner_arrow_box {}
    .info_inner_arrow_box .row {margin-top: 20px; padding-right: 0; text-align: center;}
    .info_inner_arrow_box .row .arrow_box {text-align: left;}
    .info_inner_arrow_box .row .arrow_box > li {float: none; width: 100%; margin: 40px 0; position: relative;}
    .info_inner_arrow_box .row .arrow_box > li::before {content: ""; width: 1px; height: 30px; background-color: #bbb; position: absolute; left: 50%; top: 103%;}
    .info_inner_arrow_box .row .arrow_box > li::after {content: "▼"; font-size: 12px; color: #bbb; position: absolute; left:calc(50% - 5px); top: calc(103% + 15px);}
    .info_inner_arrow_box .row .arrow_box > li:last-of-type::before {width: 0; height: 0;}
    .info_inner_arrow_box .row .arrow_box > li:last-of-type::after {content: ""; }
    .info_inner_arrow_box .row .arrow_box > li:last-of-type {margin: 0;}
    .info_inner_arrow_box .row .arrow_box.w04 > li {width: 100%;}
    .info_inner_arrow_box .row .arrow_box.w03 > li {width: 100%;}
    .info_inner_arrow_box .row .arrow_box.w02 > li {width: 100%;}
    .info_inner_arrow_box .row .arrow_box.revers > li {float: none; margin-left: 0%; margin: 40px 0;}
    .info_inner_arrow_box .row .arrow_box.revers > li:first-of-type {margin-right: 0%;}

    .info_inner_arrow_box .row .arrow {position: relative; display: inline-block; right: 0; top: 0; width: 1px; height: 35px; background-color: #ccc; margin-top: 25px;}
    .info_inner_arrow_box .row .arrow::before {width: 0; height: 0;}
    .info_inner_arrow_box .row .arrow::after {width: auto; height: auto; content: "▼"; top: auto;  bottom: -2px; left: -6px; background-color: transparent; font-size: 12px;}
    .info_inner_arrow_box .row .arrow em {display: none;}

    .info_inner_arrow_box .row .arrow_box > li .top_box {height: auto; padding: 10px 5px;}
    .info_inner_arrow_box .row .arrow_box > li .top_box.moTMore {margin-top: 70px;}
    .info_inner_arrow_box .row .arrow_box > li .top_box::before {width: 0; height: 0; content: "";}
    .info_inner_arrow_box .row .arrow_box > li .top_box::after {width: 0; height: 0; content: "";}
    .info_inner_arrow_box .row .arrow_box > li:last-child .top_box::before {width: 0; height: 0;}
    .info_inner_arrow_box .row .arrow_box > li:last-child .top_box::after {content: "";}

    .info_inner_arrow_box .row .arrow_box.lb > li .top_box::before {}
    .info_inner_arrow_box .row .arrow_box.lb > li .top_box::after {content: "";}

    .info_inner_arrow_box .row .arrow_box > li .name_box {margin-top: 5px;}
    .info_inner_arrow_box .row .arrow_box > li .name_box.wide {position: relative;}
    .info_inner_arrow_box .row .arrow_box > li .name_box.blank {display: none;}

    .info_inner_arrow_box .row .arrow_box > li .explain {margin-top: 5px;}
}

/******* 연구비 부적정 집행신고 *******/
.border_explain {width: 100%; text-align: center; border: 1px solid #ddd; padding: 35px 0 30px; margin-bottom:50px; font-size: 20px; line-height: 1.8; font-weight: 400;}


@media all and (max-width:1000px){
    .border_explain { padding: 20px 10px 18px; margin-bottom:30px; font-size: 15px;}
    .border_explain br {display: none;}
}

/******* 주요 RnD 사이트  *******/
.tblRnDSite a {color: #004dad; text-decoration: underline; transition: all .25s ease;}
.tblRnDSite a:hover {color: purple;}

@media all and (max-width:500px){
    /* 간접비 계산기 모바일 css 수정 */
    input.moTxtnor {width: 60px; font-size: 13px;}
}


/******* 연구비집행가이드 *******/
.tbl_subIn.inner {}
.tbl_subIn.inner th {font-size: 0.9em;}
.tbl_subIn.inner td {font-size: 0.9em;}

.explain_sub_inner {padding: 20px 30px; border: 1px solid #ddd; margin: 20px 0;}
.explain_sub_inner .tit {font-size: 17px; font-weight: 500; color: #222; margin-bottom: 20px;}
.explain_sub_inner .txt {font-size: 15px; line-height: 1.6; margin: 10px 0;}
.explain_sub_inner .math {font-size: 15px; line-height: 1.6; margin: 10px 0; font-weight: 400;}
.explain_sub_inner .math em {font-style: italic; font-size: 1.1em; padding: 0 3px;}

.pyramid_top_imgBox {width: 540px; margin-bottom: 100px;}
.pyramid_top_imgBox .one {margin-top: 0px; text-align: center; position: relative;}
.pyramid_top_imgBox .one:first-of-type {margin-top: 0;}
.pyramid_top_imgBox .one .img_box {display: inline-block; position: relative;}
.pyramid_top_imgBox .one .img_box .tit {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 18px; color: #fff; font-weight: 400;}
.pyramid_top_imgBox .one.n01 .img_box .tit {padding-top: 30px;}
.pyramid_top_imgBox .one:nth-of-type(1) .img_box {width:133.743px; height:111.878px;}
.pyramid_top_imgBox .one:nth-of-type(2) .img_box {width:227.967px; height:76.279px;}
.pyramid_top_imgBox .one:nth-of-type(3) .img_box {width:328.065px; height:76.279px}
.pyramid_top_imgBox .one:nth-of-type(4) .img_box {width:433.412px; height:76.278px;}
.pyramid_top_imgBox .one:nth-of-type(5) .img_box {width:538.955px; height:76.28px;}

.pyramid_top_imgBox .one .information {position: absolute; left: 110%; width: 70%; text-align: left; font-size: 14px; font-weight: 400; color: #555; padding-left: 10px;}
.pyramid_top_imgBox .one .information::before {content: ""; display: block; position: absolute; right: 102%; top: 50%; z-index: -1; width: 75%; height: 1px; border-top: 1px dashed #ddd;}
.pyramid_top_imgBox .one.n01 .information {top: 40px;}
.pyramid_top_imgBox .one.n02 .information {top: 20px;}
.pyramid_top_imgBox .one.n03 .information {top: 20px;}
.pyramid_top_imgBox .one.n04 .information {top: 10px;}
.pyramid_top_imgBox .one.n05 .information {top: 0;}
.pyramid_top_imgBox .one.n05 .information::before {top: 30%;}

.MJXc-TeX-unknown-R {font-family: 'Noto Sans Korean' !important;}


@media all and (max-width:1350px){
    .pyramid_top_imgBox {transform: scale(0.8); margin-bottom: 80px;}
    .pyramid_top_imgBox .one {}
    .pyramid_top_imgBox .one:first-of-type {margin-top: 0;}
    .pyramid_top_imgBox .one .img_box {display: inline-block; position: relative;}
    .pyramid_top_imgBox .one .img_box .tit {font-size: 17px;}
    .pyramid_top_imgBox .one.n01 .img_box .tit {padding-top: 30px;}
    .pyramid_top_imgBox .one .information {font-size: 15px; left: 103%;}

}


@media all and (max-width:830px){
    .pyramid_top_imgBox {width: 100%; transform: scale(1); margin-bottom: 30px;}
    .pyramid_top_imgBox .one {}
    .pyramid_top_imgBox .one .img_box {}
    .pyramid_top_imgBox .one .img_box .tit {font-size: 14px;}
    .pyramid_top_imgBox .one.n01 .img_box .tit {padding-top: 30px;}
    .pyramid_top_imgBox .one:nth-of-type(1) .img_box {width:80px; height:auto;}
    .pyramid_top_imgBox .one:nth-of-type(2) .img_box {width:130px; height:auto;}
    .pyramid_top_imgBox .one:nth-of-type(3) .img_box {width:180px; height:auto}
    .pyramid_top_imgBox .one:nth-of-type(4) .img_box {width:240px; height:auto;}
    .pyramid_top_imgBox .one:nth-of-type(5) .img_box {width:300px; height:auto;}

    .pyramid_top_imgBox .one .information {position: relative; left: 0; width: 100%; font-size: 13px; padding: 5px 10px 15px; text-align: center; margin-top: -5px;}
    .pyramid_top_imgBox .one .information::before {width: 0; height: 0;}
    .pyramid_top_imgBox .one.n01 .information {top: 0;}
    .pyramid_top_imgBox .one.n02 .information {top: 0px;}
    .pyramid_top_imgBox .one.n03 .information {top: 0px;}
    .pyramid_top_imgBox .one.n04 .information {top: 0px;}
    .pyramid_top_imgBox .one.n05 .information {top: 0;}
    .pyramid_top_imgBox .one.n05 .information::before {top: 0%;}
}

@media all and (max-width:560px){
    .tbl_subIn.inner {width: 100%;}
}
/*******  *******/

/******* 인건비 집행 *******/
.sub_manage_system_infographic {width: 100%; border: 1px solid #ddd; padding: 20px; display: flex; border-radius: 10px;}
.sub_manage_system_infographic .lb {width: 15%; background-color: #eee; color: #666; display: flex; justify-content: center; align-items: center; font-weight: 400; word-break: keep-all; text-align: center; padding: 10px 20px;}
.sub_manage_system_infographic .rb {width: 85%; text-align: center; padding: 10px 20px;}
.sub_manage_system_infographic .rb .title {display: inline-block; margin-bottom: 40px; background-color: #f5f5f5; color: #222; min-width: 300px; padding:10px  20px; font-weight: 400;}
.sub_manage_system_infographic .rb .img_box {margin-bottom: 20px;}
.sub_manage_system_infographic .rb .dot_bullet {display: inline-block; font-size: 15px;}

.sub_manage_system_infographic.blue .lb {background-color: #004dad; color: #fff;}
.sub_manage_system_infographic.blue .rb .title {background-color: #cbe2ff;}

.tbl_subIn.wordB {}
.tbl_subIn.wordB td {word-break: keep-all;}


@media all and (max-width:1000px){
    .sub_manage_system_infographic .lb {font-size: 14px;}
    .sub_manage_system_infographic .rb .title {font-size: 14px;}
}

@media all and (max-width:550px){
    .sub_manage_system_infographic {padding: 15px; flex-wrap: wrap; border-radius: 0;}
    .sub_manage_system_infographic .lb {width: 100%; padding: 10px 10px; margin-bottom: 15px;}
    .sub_manage_system_infographic .rb {width:100%; padding: 0 0px 0; text-align: center;}
    .sub_manage_system_infographic .rb .title {margin-bottom: 20px; min-width: 100%; padding:7px  10px;}
    .sub_manage_system_infographic .rb .img_box {margin-bottom: 20px;}

}




/* 메인 */
.main_sec01.db-main {height:703px;}
.re-contents {margin:30px auto;}
.re-contents .inner {width:670px; margin:70px auto; text-align:center;}
.re-contents .inner h1 {color:#5c5c5c; font-size:50px; font-weight:300; padding-top:5px;}
.re-contents .inner span.point-txt {font-weight:600; color:#0179e7; font-size:45px;}
.re-contents .inner p {font-size:20px; color:#666;}
.re-contents .inner .re-search-box {background-color:#004dad; width:100%; height:65px; padding:15px 30px; border-radius:40px; margin:30px 0 50px 0; position:relative; transition:all 0.25s ease;}
.re-contents .inner .re-search-box:hover {background-color:#0179e7;}
.re-contents .inner .re-search-box input.db-se {width:100%;  color:#fff; font-size:20px; background:none; border:none; font-weight:400;}
.re-contents .inner .re-search-box input.db-se::placeholder {color:#fff; font-size:20px;}
.re-contents .inner .re-search-box .icon-search {width:34px; height:34px; display: inline-block; background-image: url("../images/sub/icon_search_main.png"); background-repeat:no-repeat; position:absolute; right:30px; top:15px;}
.re-contents .inner .re-list-btn ul {width:100%; display:inline-flex; flex-wrap:wrap; justify-content: center; margin:auto;}
.re-contents .inner .re-list-btn ul li {width:24%; background-color:#666; border-radius:50px; transition:all 0.25s ease; margin-bottom:15px; margin-left:1%; }
/* .re-contents .inner .re-list-btn ul li:first-child {margin-bottom:15px;} */
.re-contents .inner .re-list-btn ul li:hover {background-color:#ff6d00; box-shadow:5px 20px 35px -15px #777;}
.re-contents .inner .re-list-btn ul li a {display:flex; align-items:center; justify-content:center; font-size:18px; width:100%; height:57px; color:#fff; font-weight:500; flex-direction:column;}



/* 메인-퀵메뉴 */
.db-quick {position: fixed; right: 0; z-index: 100;}
.db-quick .menu {padding-top: 180px;}
.db-quick .menu > li {width:105px; height:40px; margin-top: 2px; text-align: center; line-height:40px;}
.db-quick .menu > li:first-of-type {margin-top: 0;}
.db-quick .menu > li > a {display: inline-flex; justify-content: center; width:100%; height:40px; background-color:#5c5c5c; text-align: center;  transition: all .25s ease; color:#fff;}
.db-quick .menu > li > a:hover,
.db-quick .menu > li > a:focus {background-color: #ff6d00; margin-right: 0;}
.db-quick .btn_box {text-align: center; padding-top: 10px;}
.db-quick .btn_top_1 {width: 42px; height: 42px; border-radius: 50%; background-color: rgba(0,0,0,0.8); color: #fff; font-family: 'Roboto','Noto Sans Korean',sans-serif; letter-spacing: 1px; font-size: 12px; font-weight: 500; padding-top: 2px; transition: all .25s ease;}
.db-quick .btn_top_1:hover,
.db-quick .btn_top_1:focus {background-color: rgba(0,0,0,1);}

@media all and (max-width:1400px){
    /******* 메인-퀵메뉴 *******/
    .db-quick {display:none;}

}

@media all and (max-width:1000px){
    /******* 메인 *******/
    .main_sec01.db-main {height:auto;}
    .re-contents .inner {width:100%; margin:30px 0;}
    .re-contents .inner .re-icon-top {width:43%; margin:auto;}
    .re-contents .inner h1 {font-size:28px;}
    .re-contents .inner span.point-txt {font-size:28px;}
    .re-contents .inner p {font-size:14px;}
    .re-contents .inner .re-search-box {height:50px; padding:8px 30px; margin:20px 0 30px 0;}
    .re-contents .inner .re-search-box input.db-se {font-size:18px;}
    .re-contents .inner .re-search-box input.db-se::placeholder {font-size:17px;}
    .re-contents .inner .re-search-box .icon-search {width:20px; height:20px; background-size:20px;}
    .re-contents .inner .re-list-btn ul {width:100%;}
    .re-contents .inner .re-list-btn ul li {width:49%; margin-bottom:10px; height:50px; line-height:49px;}
    .re-contents .inner .re-list-btn ul li:first-child {margin-bottom:10px;}
    .re-contents .inner .re-list-btn ul li:nth-child(n+5):nth-child(-n+6) {}
    .re-contents .inner .re-list-btn ul li a {font-size:16px; height:auto;}
}


/******* 보유기술 리스트 - 갤러리형 *******/
.possesion-gallery ul {display: flex;justify-content: flex-start;flex-wrap:wrap;width:100%;}
.possesion-gallery ul li {width:32.33%; border:1px solid #eee; margin-bottom:20px; margin-right: 18px;}
.possesion-gallery ul li:hover {border:1px solid #0179e7;}
.possesion-gallery ul li a { padding:27px 30px; width:100%; height:100%; display: flex; flex-direction: column;}
.possesion-gallery ul li h1 {font-size:18px; font-weight:500; word-break: keep-all; padding-bottom:15px;}
.possesion-gallery ul li p {font-size:15px; color:#666666; line-height:1.5;}
.possesion-gallery ul li b.txt-p {color:#666; font-weight:400; padding-right:30px;}
.possesion-gallery ul li b.txt-p.letter-s {letter-spacing:12px; padding-right:17px;}
.possesion-gallery ul li:nth-child(3n) {margin-right:0;}



@media all and (max-width:1650px){
    .possesion-gallery ul li {width:49%;margin-bottom:10px; margin-right:18px;}
    .possesion-gallery ul li:nth-child(2n) {margin-right:0;}
    .possesion-gallery ul li:nth-child(3) {margin-right:18px;}
    .possesion-gallery ul li:nth-child(9) {margin-right:18px;}
    .possesion-gallery ul li a {padding:23px 25px;}
}

@media all and (max-width:1100px){
    .possesion-gallery ul li {margin-right:10px;}
    .possesion-gallery ul li:nth-child(3) {margin-right:10px;}
    .possesion-gallery ul li:nth-child(9) {margin-right:10px;}

}



@media all and (max-width:1400px){
    .possesion-gallery ul li {width:49%;margin-bottom:10px;}
    .possesion-gallery ul li a {padding:23px 25px;}

}

@media all and (max-width:750px){
    .possesion-gallery ul li {width:100%; margin-bottom:10px;}
    .possesion-gallery ul li a {padding:17px 25px;}
    .possesion-gallery ul li h1 {font-size:15px; line-height:1.3; padding-bottom:10px;}
    .possesion-gallery ul li p {font-size:14px;}
    .possesion-gallery ul li b.txt-p.letter-s {letter-spacing: 10.5px; padding-right:6px;}
    .possesion-gallery ul li b.txt-p {padding-right:17px;}
}

/******* 보유기술 리스트 - 리스트형 *******/



/******* 보유기술(상세페이지) *******/
.view-detail-box {border-bottom:1px solid #ddd; margin-bottom:50px;}
.view-detail-box .view-top-box {margin-bottom:40px; border:1px solid #ddd; padding:45px 40px 70px 40px;}
.view-detail-box .view-top-box .dBox-title {display:flex; flex-wrap:wrap; width:100%; margin-bottom:15px;}
.view-detail-box .view-top-box .dBox-title h1 {font-size:25px; color:#000; font-weight:400; width:calc(100% - 175px);}
.view-detail-box .view-top-box .dBox-title button.patent-btn {background-color:#0179e7; border-radius:50px; width:175px; height:45px; color:#fff; font-size:16px; font-weight:400; transition: all 0.25s ease;}
.view-detail-box .view-top-box .dBox-title button.patent-btn:hover {background-color:#072b5d; border-color:#072b5d;}
.view-list-btn {width:180px; height:50px; margin:auto;}
.view-list-btn button { width:100%; height:100%; background-color:#666; color:#fff; font-size:18px; font-weight:400; transition:all 0.25s ease;}
.view-list-btn button:hover {background-color:#444;}

@media all and (max-width:1000px){
    /******* 보유기술(상세페이지) *******/
    .view-detail-box {margin-bottom:30px;}
    .view-detail-box .view-top-box {padding:25px 20px;}
    .view-detail-box .view-top-box .dBox-title h1 {width:100%; font-size:17px; line-height:1.3; margin-bottom:10px;}
    .view-detail-box .view-top-box .dBox-title button.patent-btn {font-size:14px; width:120px; height:40px;}
    .view-list-btn {width:100px; height:40px;}
    .view-list-btn button {font-size:14px;}

}




/******* DB-연구인력-상세페이지 *******/
.view-detail-box {}
.view-detail-box .person-info-box {border:1px solid #ddd; padding:50px 40px; display:flex; flex-wrap:wrap; margin-bottom:25px;}
.view-detail-box .person-info-box .view-person {width:160px; border:1px solid #ddd; padding:5px; margin-right:30px;}

.view-tab {width:100%; margin-bottom:30px;}
.view-tab .sub_view_tab {display: flex; flex-wrap:wrap; justify-content:start; width:100%; background-color:#666;}
.view-tab .sub_view_tab li {width:12%; text-align:center;}
.view-tab .sub_view_tab li.active a {color:#ffd667; font-weight:400; }
.view-tab .sub_view_tab li a {display: inline-flex; flex-wrap:wrap; color:#fff; padding:15px; transition:all 0.25s ease;}
.view-tab .sub_view_tab li a:hover {color:#ffd667;}



@media all and (max-width:1100px){
    /******* DB-연구인력-상세페이지 *******/
    .view-detail-box .person-info-box {padding:25px 20px;}
    .view-detail-box .person-info-box .view-person {width:130px; height:auto; margin:auto;}
    .view-tab {margin-bottom:25px;}
    .view-tab .sub_view_tab li {width:33.33%;}
    .view-tab .sub_view_tab li a {font-size:13px; padding:11px;}



}


/******* DB - 기관협력 리스트  *******/
.cooperation-box {width:100%;}
.cooperation-box .cooper-list {display:flex; width:100%; flex-wrap:wrap; justify-content: flex-start;}
.cooperation-box .cooper-list li {width:23.5%; border:1px solid #eee; padding:15px; margin-bottom:18px;margin-right: 2%;}
.cooperation-box .cooper-list li:nth-of-type(4n) {margin-right: 0;}
.cooperation-box .cooper-list li:hover {border-color:#0179e7;}
.cooperation-box .cooper-list li .a-box {border-bottom:1px solid #eee;padding-bottom:20px;text-align:center;height: 83px;}
.cooperation-box .cooper-list li .a-box img {max-width:100%; max-height: 100%;}
.cooperation-box .cooper-list li p.agency-name {font-size:18px; color:#000; text-align:center; font-weight:400; padding:12px 0;}
.cooperation-box .cooper-list li button {background-color: #999;color: #fff;width:49%;padding:7px;transition:all 0.25s ease;}
.cooperation-box .cooper-list li button.a-btn01:hover {background-color:#ff6c00; color:#fff;}
.cooperation-box .cooper-list li button.a-btn02:hover {background-color:#707070; color:#fff;}



@media all and (max-width:1000px){
    /******* DB - 기관협력 리스트  *******/
    .cooperation-box .cooper-list li {width:49%;}
    .cooperation-box .cooper-list li:nth-of-type(2n) {margin-right: 0;}
}

@media all and (max-width:500px){
    /******* DB - 기관협력 리스트  *******/
    .cooperation-box .cooper-list li {padding:15px 9px; margin-bottom:8px;}
    .cooperation-box .cooper-list li .a-box {padding-bottom:8px; height: 40px;}
    .cooperation-box .cooper-list li .a-box img {width:150px;}
    .cooperation-box .cooper-list li p.agency-name {font-size:14px; padding:7px 0;}
    .cooperation-box .cooper-list li button {width:100%; font-size:13px; padding:6px;}
    .cooperation-box .cooper-list li button.a-btn01 {margin-bottom:3px;}
}

@media all and (max-width:320px){
    /******* DB - 기관협력 리스트  *******/
    .cooperation-box .cooper-list li p.agency-name {font-size:13px;}
}



/******* DB - 기관협력(상세페이지)   *******/
.view-detail-box .agencyLogo {padding:40px; margin-bottom:40px;}
.view-detail-box .agencyLogo .agency-title {display: flex; width:100%; }
.view-detail-box .agencyLogo .agency-title h1.logo-name {font-size:25px; font-weight:500; margin-right:auto;}
.view-detail-box .agencyLogo .agency-title .siteBtn {margin-left:auto; color:#5b5b5b; font-size:16px; font-weight:400; position:relative; padding:4px 0 0 40px;}
.view-detail-box .agencyLogo .agency-title .siteBtn::before {width:32px; height:32px; background-color:#0179e7; content:""; display: inline-block; border-radius:50px; background-image: url("../images/sub/icon_db_home_btn.png"); background-repeat: no-repeat; background-position:center; position:absolute; top:0; left:0;}
.view-detail-box .agencyLogo .agency-title .siteBtn:hover::after {content:""; display:block; border-bottom:1px solid #bbb; padding-top:5px;}
.view-detail-box .agencyLogo .a-logo {width:301px; height:46px; border:none; margin:49px 0; margin-right:50px;}
.view-detail-box .a-info {width:calc(100% - 351px);}


@media all and (max-width:1050px){
    /******* DB - 기관협력(상세페이지)   *******/
    .view-detail-box .agencyLogo {padding:32px 25px 20px; margin-bottom:30px;}
    .view-detail-box .agencyLogo .agency-title h1.logo-name {font-size:18px;}
    .view-detail-box .agencyLogo .agency-title .siteBtn {font-size:13px; padding-left:29px;}
    .view-detail-box .agencyLogo .agency-title .siteBtn::before {width:25px; height:25px; background-size:11px;}
    .view-detail-box .agencyLogo .a-logo {margin-right:0; padding:0; margin:20px auto 0; width:250px;}
    .view-detail-box .a-info {width:100%; margin-top:10px;}
    .view-detail-box .a-info tr th {padding:7px;}
}


/* 연구장비 */
.db_canlendar_top_wrap {width: 100%; margin-bottom: 53px; border: 1px solid #ddd;}
.db_canlendar_top_wrap .year_b {width: 100%; border-bottom: 1px solid #ddd; text-align: center; padding: 20px 20px;}
.db_canlendar_top_wrap .year_b .btn_year {font-size: 15px; color: #222; vertical-align: middle; margin-top: 10px;}
.db_canlendar_top_wrap .year_b .year_txt {font-size: 20px; color: #222; vertical-align: middle; display: inline-block; margin: 0 15px; font-size: 25px; font-weight: 400;}
.db_canlendar_top_wrap .year_b .year_txt b {font-size: 1.2em;}

.db_canlendar_top_wrap .day_b {width: 100%; text-align: center; padding: 10px 20px; background-color: #f9f9f9; border-bottom: 1px solid #ddd;}
.db_canlendar_top_wrap .day_b .day_ul {display: inline-flex; align-items: center; flex-wrap: wrap;}
.db_canlendar_top_wrap .day_b .day_ul li {margin: 0 9px;}
.db_canlendar_top_wrap .day_b .day_ul li a {display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 400; color: #111;letter-spacing: 0.5px; border-radius: 50%;}
.db_canlendar_top_wrap .day_b .day_ul li a.red {color: #ff0000;}
.db_canlendar_top_wrap .day_b .day_ul li a.today {background-color: #dfdfdf; width: 33px; height: 33px; }
.db_canlendar_top_wrap .day_b .day_ul li a.active {background-color: #66c1ff; width: 33px; height: 33px; }

.db_canlendar_top_wrap .slide_con_box {position: relative; padding: 30px 10% 20px;}
.db_canlendar_top_wrap .slide_con_box .btn_cal_sl {width: 40px; height: 70px; background-color: rgba(0,0,0,0.7); color: #fff; font-size: 15px; transition: all .25s ease; position: absolute; top: calc(50% - 35px);}
.db_canlendar_top_wrap .slide_con_box .btn_cal_sl.prev {left: 10px;}
.db_canlendar_top_wrap .slide_con_box .btn_cal_sl.next {right: 10px;}
.db_canlendar_top_wrap .slide_con_box .btn_cal_sl:hover,
.db_canlendar_top_wrap .slide_con_box .btn_cal_sl:focus {background-color: #000;}
.db_canlendar_top_wrap .slide_con_box .btn_cal_sl:focus {background-color: #000;}
.db_canlendar_top_wrap .slide_con_box .cal_in_slide .one {display: flex; flex-wrap: wrap; align-items: center;}
.db_canlendar_top_wrap .slide_con_box .cal_in_slide .one .con_on {flex-grow: 1; width: 32%; margin-left: 2%; margin-bottom: 20px;}
.db_canlendar_top_wrap .slide_con_box .cal_in_slide .one .con_on a {display: flex; align-items: center;}
.db_canlendar_top_wrap .slide_con_box .cal_in_slide .one .con_on:nth-of-type(3n+1) {margin-left: 0;}
.db_canlendar_top_wrap .slide_con_box .cal_in_slide .one .con_on .img_box {width: 65px; height: 60px; background-repeat: no-repeat; background-size: cover; margin-right: 15px;}
.db_canlendar_top_wrap .slide_con_box .cal_in_slide .one .con_on .txt_box {width: calc(100% - 80px);}
.db_canlendar_top_wrap .slide_con_box .cal_in_slide .one .con_on .txt_box h2 {font-size: 18px; color: #222; font-weight: 400; margin-bottom: 5px; width: 100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.db_canlendar_top_wrap .slide_con_box .cal_in_slide .one .con_on .txt_box .txt_date {font-size: 14px; color: #999; font-weight: 400;}

.db_canlendar_top_wrap .slide_con_box .cal_in_slide .one .con_on a:hover .txt_box h2 {text-decoration: underline;}

/* 리스트 */
.db_study_list_w {width: 100%;}
.tbl_db_study_list {width: 100%; border-top: 1px solid #aaa;}
.tbl_db_study_list th {background-color: #f9f9f9; padding:10px 7px;}
.tbl_db_study_list thead tr:last-of-type {border-bottom: 1px solid #ddd;}
.tbl_db_study_list tbody tr {border-bottom: 1px solid #ddd;}
.tbl_db_study_list td {padding: 10px 5px; text-align: center; font-size: 15px;}
.tbl_db_study_list td.txtL {text-align: left; padding-left: 20px;}

.tbl_db_study_list .btn_st_all {font-size: 16px; font-weight: 400;}
.tbl_db_study_list .st_txt_in {width: 100%; height: 45px; font-size: 15px;}
.tbl_db_study_list .btn_sbj {display: inline-block; vertical-align: middle; font-size: 14px; font-weight: 400;}
.tbl_db_study_list .btn_upDown {display: inline-block; vertical-align: middle; margin-left: 5px;}
.tbl_db_study_list .btn_st_tbl {display: block; background-color: #fff; border: 1px solid #ddd; border-radius: 3px; font-size: 10px; width: 15px; transition: all .25s ease;}
.tbl_db_study_list .btn_st_tbl:hover,
.tbl_db_study_list .btn_st_tbl:focus {background-color: #222; color: #fff;}
.tbl_db_study_list .btn_st_tbl.active {background-color: #222; color: #fff;}

.tbl_db_study_list .img_list {display: inline-block; width: 100px; height: 90px; background-size: cover; background-position: center center;}


/* 갤러리형 */
.db_study_gallery_w {width: 100%; display: flex; flex-wrap: wrap;}
.db_study_gallery_w .one {width: 32.66%; margin-left: 1%; margin-bottom: 15px;}
.db_study_gallery_w .one:nth-of-type(3n+1) {margin-left: 0%;}
.db_study_gallery_w .one > a {display: flex; height: 100%; width: 100%; border: 1px solid #eee; position: relative; padding: 30px 20px; transition: all .25s ease;}
.db_study_gallery_w .one > a:hover,
.db_study_gallery_w .one > a:focus {border-color: #004dad;}
.db_study_gallery_w .one > a::after {content: ""; display: block; clear: both;}
.db_study_gallery_w .one > a .cate {position: absolute; right: -1px; top: -1px; z-index: 10; background-color: #222; color: #fff; padding: 5px 10px; font-size: 13px; font-weight: 400;}
.db_study_gallery_w .one > a .cate.orange {background-color: #f26522;}
.db_study_gallery_w .one > a .img_box {width: 30%; height: 120px;}
.db_study_gallery_w .one > a .img_box .img_s {display: block; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.db_study_gallery_w .one > a .txt_box {width: 100%; padding-top: 3px;}
.db_study_gallery_w .one > a .txt_box h2 {width: 100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 20px; font-weight: 400; color: #222; margin-bottom: 5px;}
.db_study_gallery_w .one > a .txt_box .info_ul {width: 100%;}
.db_study_gallery_w .one > a .txt_box .info_ul > li {width: 100%; display: flex; margin-top: 5px;}
.db_study_gallery_w .one > a .txt_box .info_ul > li .sbj {width: 25%; font-size: 15px;}
.db_study_gallery_w .one > a .txt_box .info_ul > li .con {width: 75%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 15px;}

.db_study_gallery_w .one > a .img_box + .txt_box {width: 70%; padding-left: 15px;}

.title_box2 .btn_reser2 {min-width: 177px; height: 44px; border-radius: 25px; background-color: #4F3AFF; color: #fff; font-size: 16px; transition: all .25s ease; float: right;}
.title_box2 .btn_reser2:hover {background-color: #3c2aa2;}

/* 상세 */
.view-detail-box2 {}
.info_top_detail_1 {padding: 40px 50px 30px; border: 1px solid #ddd; margin-bottom: 50px;}
.info_top_detail_1 .title_box2 {display: flex; flex-wrap: wrap; margin-bottom: 20px; align-items: center;}
.info_top_detail_1 .title_box2 .lb {margin-right: auto;}
.info_top_detail_1 .title_box2 .lb .name {font-size: 25px; font-weight: 400; color: #222;}
.info_top_detail_1 .title_box2 .lb .eng {font-size: 17px; color: #666666; margin-left: 20px;}
.info_top_detail_1 .title_box2 .btn_reser {min-width: 177px; height: 44px; border-radius: 25px; background-color: #0179e7; color: #fff; font-size: 16px; transition: all .25s ease;}
.info_top_detail_1 .title_box2 .btn_reser:hover {background-color: #004dad;}
.view-detail-box2 .person-info-box2 {display:flex; flex-wrap:wrap; margin-bottom:25px;}
.view-detail-box2 .person-info-box2 .view-person {width:220px; border:1px solid #ddd; padding:5px; margin-right: 30px; position: relative;}
.view-detail-box2 .person-info-box2 .view-person .img_s {display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover;}
.view-detail-box2 .person-info-box2 .view-preson-info {width: calc(100% - 250px); margin-top: 0;}
.view-detail-box2 .person-info-box2.person .view-person {width:135px; margin-right: 25px;}
.view-detail-box2 .person-info-box2.person .view-preson-info {width: calc(100% - 160px);}


.tbl_study_01 {width: 100%; border-top: 1px solid #aaa;}
.tbl_study_01 th {background-color: #f9f9f9; padding: 18px 10px; font-weight: 400; font-size: 15px; border-bottom: 1px solid #eee;}
.tbl_study_01 td {padding: 20px 10px; font-weight: 400; font-size: 15px; text-align: center; border-bottom: 1px solid #eee; color: #666666;}
.tbl_study_01 td a {color: #999; text-decoration: underline;}


.view-board2 {width:100%; border-top: 1px solid #aaa; border-collapse: separate;}
.view-board2 tr {}
.view-board2 tr th {background-color:#f9f9f9; font-size:15px; color:#666; font-weight:400; padding:20px 10px; border-bottom:1px solid #eee;}
.view-board2 tr td {font-size:15px; color:#666666; font-weight:400; padding:20px 30px; border-bottom:1px solid #eee; line-height: 1.8;}
.view-board2 tr td a.send-mail {font-size:15px; color:#999;}
.view-board2 tr td a.send-mail:hover {text-decoration: underline;}

.detail_txt_01 {width: 100%; border-bottom: 1px solid #eee; border-top: 1px solid #eee; margin-bottom: 50px; padding: 20px 30px; line-height: 2; font-size: 16px; color: #666;}


@media all and (max-width:1000px){
    /* 연구장비 */
    .db_canlendar_top_wrap {margin-bottom: 30px;}
    .db_canlendar_top_wrap .year_b {padding: 10px 10px;}
    .db_canlendar_top_wrap .year_b .btn_year {font-size: 13px; margin-top: 3px;}
    .db_canlendar_top_wrap .year_b .year_txt {font-size: 18px;}
    .db_canlendar_top_wrap .year_b .year_txt b {font-size: 1.2em;}

    .db_canlendar_top_wrap .day_b {padding: 10px 10px;}
    .db_canlendar_top_wrap .day_b .day_ul {justify-content: center;}
    .db_canlendar_top_wrap .day_b .day_ul li {margin: 3px;}
    .db_canlendar_top_wrap .day_b .day_ul li a {width: 25px; height: 25px; font-size: 14px;}
    .db_canlendar_top_wrap .day_b .day_ul li a.today {background-color: #dfdfdf; width: 25px; height: 25px; }

    .db_canlendar_top_wrap .slide_con_box {padding: 15px 10% 10px;}
    .db_canlendar_top_wrap .slide_con_box .btn_cal_sl {width: 20px; height: 50px; font-size: 12px; top: calc(50% - 25px);}
    .db_canlendar_top_wrap .slide_con_box .btn_cal_sl.prev {left: 0px;}
    .db_canlendar_top_wrap .slide_con_box .btn_cal_sl.next {right: 0px;}
    .db_canlendar_top_wrap .slide_con_box .cal_in_slide .one {}
    .db_canlendar_top_wrap .slide_con_box .cal_in_slide .one .con_on {width: 100%; margin-left: 0%; margin-bottom: 0; padding: 10px 0; border-bottom: 1px solid #eee;}
    .db_canlendar_top_wrap .slide_con_box .cal_in_slide .one .con_on:last-of-type {border-bottom: none;}
    .db_canlendar_top_wrap .slide_con_box .cal_in_slide .one .con_on a {display: flex; align-items: center;}
    .db_canlendar_top_wrap .slide_con_box .cal_in_slide .one .con_on .img_box {width: 45px; height: 45px; margin-right: 10px;}
    .db_canlendar_top_wrap .slide_con_box .cal_in_slide .one .con_on .txt_box {width: calc(100% - 55px);}
    .db_canlendar_top_wrap .slide_con_box .cal_in_slide .one .con_on .txt_box h2 {font-size: 14px; margin-bottom: 0px;}
    .db_canlendar_top_wrap .slide_con_box .cal_in_slide .one .con_on .txt_box .txt_date {font-size: 13px;}

    /* 리스트형 */
    .tbl_db_study_list th {font-size: 14px;}
    .tbl_db_study_list td {padding: 5px 5px; font-size: 13px;}
    .tbl_db_study_list td.txtL {padding-left: 15px;}

    .tbl_db_study_list .btn_st_all {font-size: 13px;}
    .tbl_db_study_list .st_txt_in {height: 40px; font-size: 13px;}
    .tbl_db_study_list .btn_sbj {font-size: 12px;}

    .tbl_db_study_list .img_list {width: 70px; height: 70px;}


    /* 갤러리형 */
    .db_study_gallery_w {}
    .db_study_gallery_w .one {width: 49.5%; margin-bottom: 10px;}
    .db_study_gallery_w .one:nth-of-type(3n+1) {margin-left: 1%;}
    .db_study_gallery_w .one:nth-of-type(2n+1) {margin-left: 0%;}
    .db_study_gallery_w .one > a {padding: 15px 10px;}
    .db_study_gallery_w .one > a .cate {padding: 2px 10px; font-size: 12px;}
    .db_study_gallery_w .one > a .img_box {width: 30%; height: 100px;}
    .db_study_gallery_w .one > a .txt_box {padding-top: 3px;}
    .db_study_gallery_w .one > a .txt_box h2 {font-size: 16px;}
    .db_study_gallery_w .one > a .txt_box .info_ul {width: 100%;}
    .db_study_gallery_w .one > a .txt_box .info_ul > li {width: 100%; display: flex; margin-top: 5px;}
    .db_study_gallery_w .one > a .txt_box .info_ul > li .sbj {font-size: 13px;}
    .db_study_gallery_w .one > a .txt_box .info_ul > li .con {font-size: 13px;}

    .db_study_gallery_w .one > a .img_box + .txt_box {width: 70%; padding-left: 10px;}

    .title_box2 .btn_reser2 {min-width: 200px; width: 100%; height: 35px; font-size: 14px;}

    /* 상세 */
    .view-detail-box2 {}
    .info_top_detail_1 {padding: 20px 10px 0px; margin-bottom: 30px;}
    .info_top_detail_1 .title_box2 {margin-bottom: 10px;}
    .info_top_detail_1 .title_box2 .lb {width: 100%; margin-bottom: 10px;}
    .info_top_detail_1 .title_box2 .lb .name {font-size: 16px;}
    .info_top_detail_1 .title_box2 .lb .eng {font-size: 13px; margin-left: 5px;}
    .info_top_detail_1 .title_box2 .btn_reser {min-width: 200px; width: 100%; height: 35px; font-size: 14px;}
    .view-detail-box2 .person-info-box2 {display:flex; flex-wrap:wrap; margin-bottom:25px;}
    .view-detail-box2 .person-info-box2 .view-person {width:100%; border:1px solid #ddd; padding:20%; margin-right: 0; margin-bottom: 10px;}
    .view-detail-box2 .person-info-box2 .view-person .img_s {position: absolute; width: calc(100% - 10px); height: calc(100% - 10px); left: 5px; top: 5px;}
    .view-detail-box2 .person-info-box2 .view-preson-info {width: 100%; margin-top: 0;}

    .view-detail-box2 .person-info-box2.person .view-person {width:100%; padding-top: 60%; margin-right: 0;}
    .view-detail-box2 .person-info-box2.person .view-preson-info {width: 100%;}

    .view-board2 tr {border-bottom:none;}
    .view-board2 tr th {width:100%; display: block; padding:9px; font-size:13px; border-top:1px solid #eee; border-bottom:1px solid #eee;}
    .view-board2 tr td {width:100%; display: block; padding:9px; font-size:13px; text-align:center;}
    .view-board2 tr th .letter-space {padding:0 5px;}
    .view-board2 tr td a.send-mail {font-size:13px;}

    .detail_txt_01 {margin-bottom: 30px; padding: 15px 20px; font-size: 14px;}

}


@media all and (max-width:900px){
    .db_study_list_w {width: 100%; overflow-y:auto;}
    .db_study_list_w .tbl_db_study_list {width: 900px;}
}


@media all and (max-width:480px){
    .db_study_gallery_w .one {width: 100%; margin-left: 0; margin-bottom: 15px;}
    .db_study_gallery_w .one:nth-of-type(3n+1) {margin-left: 0%;}
}



/* 가족회사 */
.possesion-list.family td {font-weight: 400; color: #555;}
.possesion-list.family td .home {font-size: 22px; color: #b5b5b5; transition: all .25s ease;}
.possesion-list.family td .home:hover,
.possesion-list.family td .home:focus {color: #222;}
.company_detail {width: 100%;}
.company_detail li {width: 100%; display: flex;}
.company_detail li .sbj {font-size: 14px; font-weight: 400; color: #222; width: 30%; text-align: left;}
.company_detail li .con {font-size: 14px; font-weight: 400; color: #666; width: 70%; text-align: left; padding-left: 10px;}


@media (max-width: 750px) {
    .possesion-list.family table {width: 800px;}
}








/******* 산업협력단 - 기술이전사업화 - 지주회사소개 추가 *******/
.st_con p {color:#333; font-weight:300;}
.tbl_subIn td .check_round {display:block; content:""; width:13px; height:13px; border:1px solid #666; border-radius:50px; margin:auto;}
.tbl_subIn td.txtL02 {padding-left:10px;}
.company_vision_box {width:100%;}
.company_vision_box::after {content:""; display: block; clear:both;}
.company_inner {width:883px; height:443px; margin:auto; background-image: url("../images/sub/icon_bg_big_arrow.png"); background-repeat: no-repeat; display:block; background-position: center;}
.company_vision_box .company_inner .vision_max {width:60%; background-color:#0092ce; padding:20px; text-align:center; color:#fff; font-size:18px; font-weight:400; border-radius:8px; margin:auto;}
.company_vision_box .company_inner .vision_mid {width:55%; background-color:#fff; border:1px solid #0092ce; border-radius:8px; padding:10px; text-align:center; margin:50px auto 40px;}
.company_vision_box .company_inner .vision_mid h2 {font-size:18px; color:#111; font-weight:500;}
.company_vision_box .company_inner .vision_mid p {color:#111; font-size:15px; font-weight:400;}
.company_vision_box .company_inner .vision_system {width:100%; display:flex; flex-wrap:wrap; justify-content: space-between;}
.company_vision_box .company_inner .vision_system li {padding-bottom:25px;}
.company_vision_box .company_inner .vision_system li h3 {width:211px; background-color:#8191a5; border:1px solid #8191a5; font-size:18px; padding:18px; border-radius:50px; color:#fff; text-align:center; font-weight: 400; margin-bottom: 15px; margin:0 auto 20px;}
.company_vision_box .company_inner .vision_system li p {font-size:14px; color:#666; position:relative; padding-left:15px; line-height:1.7; font-weight:400;}
.company_vision_box .company_inner .vision_system li p::before {content: "ㆍ"; position:absolute; left:0; }
.company_vision_box .company_inner .vision_system li:nth-child(2) {flex-basis: 2;}
.company_vision_box .company_inner .vision_system .s_line {content:""; display:inline-block; width:1px; height:auto; background-color:#dfdfdf; margin-top:20px;}

.company_org_chart .company_inner {background:none; height:auto;}
.company_org_chart .company_inner .org_out {width:100%;}
.company_org_chart ul li {text-align:center;}
.company_org_chart ul > li > .chief {display:inline-block; width:360px; color:#fff; font-size:18px; font-weight:400; background-color:#004dad; padding:25px; line-height:1.2; margin-bottom:30px; position:relative;}
.company_org_chart ul > li > .org_depth02 > li > .chief02 {width:315px; background-color:#8191a5;}
.company_org_chart ul > li > .org_depth02 > li > .org_depth03 > li {width:100%; display: flex; justify-content: space-between; flex-wrap:wrap;}
.company_org_chart ul > li > .org_depth02 > li > .org_depth03 > li > .chief03 {width:300px; background-color:#fff; border:1px solid #0092ce; color:#111;}
.company_org_chart ul > li > .org_depth02 > li > .org_depth03 > li > .org_depth04  {margin:auto; width:100%;}
.company_org_chart ul > li > .org_depth02 > li > .org_depth03 > li > .org_depth04 > li > .chief04 {background-color:#0092ce; color:#fff; width:290px; margin-bottom:60px;}
.company_org_chart ul > li > .org_depth02 > li > .org_depth03 > li > .org_depth04 > li > .org_depth05  {width:100%; display: flex; justify-content: space-between; flex-wrap:wrap;}
.company_org_chart ul > li > .org_depth02 > li > .org_depth03 > li > .org_depth04 > li > .org_depth05 > li {width:32%; position: relative;}
.company_org_chart ul > li > .org_depth02 > li > .org_depth03 > li > .org_depth04 > li > .org_depth05 > li h3 {background-color:#6c7788; color:#fff; font-weight:400; padding:20px; }
.company_org_chart ul > li > .org_depth02 > li > .org_depth03 > li > .org_depth04 > li > .org_depth05 > li p {border:1px solid #ddd; padding:20px 30px; background-color:#fff;}
.company_org_chart ul > li > .org_depth02 > li > .org_depth03 > li > .org_depth04 > li > .org_depth05 > li p span {display:block; color:#666; font-size:14px; text-align:left; padding-left:10px; position:relative;}
.company_org_chart ul > li > .org_depth02 > li > .org_depth03 > li > .org_depth04 > li > .org_depth05 > li p span::before {content:""; width:5px; height:1px; display: inline-block; background-color:#666; position:absolute; left:0; top:10px;}

.company_org_chart ul > li > .chief.chief01::after {content:""; display:block; width:1px; height:400px; background-color:#ddd; position: absolute; left:50%; z-index: -1;}
.company_org_chart ul > li > .org_depth02 > li > .org_depth03 > li > .chief03.chiefLine::after {content:""; width:500px; height:1px; background-color:#ddd; position:absolute; top:50%; z-index:-1;}
.company_org_chart ul > li > .org_depth02 > li > .org_depth03 > li > .org_depth04 > li > .org_depth05 .chief05Line::after {content:""; display:block; width:1px; height:100px; background-color:#ddd; position: absolute; top:-18%; left:50%; z-index: -1;}
.company_org_chart ul > li > .org_depth02 > li > .org_depth03 > li > .org_depth04 > li > .org_depth05 .chief05Line.chLine_w::before {content:""; width:602px; height:1px; background-color:#ddd; position:absolute; top:-18%; left:50%; z-index:-1;}

.company_type ul {display:flex; flex-wrap:wrap; justify-content: space-between;}
.company_type ul li {width:32.33%;}
.company_type ul li h3 {background-color:#27a6a6; color:#fff; font-size:16px; font-weight:400; padding:20px; text-align:center;}
.company_type ul li .type_box {border:1px solid #ddd; border-top:none; text-align:center;}
.comTxt p {line-height: 1.8;}

.info_inner_arrow_box .row.row02 {width:100%; padding-right:0;}
.info_inner_arrow_box .row.row03 {width:97%;}
.info_inner_arrow_box .row.row02 .arrow_box.sc_list li .bd {height:75px;border: 1px solid #0068ce;/* border-radius:8px; */background-color:#fff;color:#666;font-weight:400;font-size:16px;}
.info_inner_arrow_box .row.row02 .arrow_box.sc_list li .bd::before {height: 1px;background-color: #aaa;}
.info_inner_arrow_box .row.row02 .arrow_box.sc_list li .bd::after {color: #aaa;left:107%;top:calc(50% - 9px);}
.info_inner_arrow_box .row.row02 .arrow_box.sc_list li .bd.f_arrow::before {width:11%;height: 1px;}
.info_inner_arrow_box .row.row02 .arrow_box.sc_list li .bd.f_arrow::after {width:11%;height: 1px;content:"▶";}
.info_inner_arrow_box .row.row02 .arrow_box.sc_list li .textH {margin-top:0;}
.info_inner_arrow_box .row.row02 .arrow_box.sc_list li .ex02 {font-size:14px; color:#666; font-weight:400; position:relative; padding-left:12px;}
.info_inner_arrow_box .row.row02 .arrow_box.sc_list li .ex02::before {content:"ㆍ"; position:absolute; left:0; }

.research_project {width:98%; margin:auto;}
.research_project ul {display:flex; flex-wrap:wrap; width: 100%; justify-content:space-between; align-items: center;}
.research_project ul li {width:16%; height:160px; border-radius:10px; text-align:center; position:relative; color:#fff;}
.research_project ul .pro_arrow {content:"" ; display:inline-block; width:14px; height:82px; background-image: url(../images/sub/icon_sub_process_arrow.png); background-repeat:no-repeat;}
.research_project ul li:last-child::after {display:none;}
.research_project ul li img {padding-bottom:10px;}
.research_project ul .bg_sky {background-color:#0092ce; display:flex; flex-direction:column; align-items: center; justify-content:center;}
.research_project ul li.list_tBox .tBox01 {height:50px; border-radius: 10px; margin-bottom:5px;}
.research_project ul li.list_tBox .tBox02 {height:48.5%; border-radius: 10px; margin-bottom:5px;}
.research_project ul li.bg_blue {background-color:#004dad; display:flex; flex-direction:column; align-items: center; justify-content:center;}

.re_project02 {width:98%; height:130px; margin:auto;}
.re_project02 .pro_box {width:100%; display:flex; justify-content: space-between; flex-wrap:wrap;}
.re_project02 .pro_box::after {content:""; display:block; clear:both;}
.re_project02 .pro_box li {width:49%; position:relative;}
.re_project02 .pro_box li .box_t {width:70%; height:60px; border-radius:50px; text-align:center; line-height: 60px; background-color:#ff7800; color:#fff; font-size:16px; margin:auto;}
.re_project02 .pro_box li .box_con {width:100%; background-color:#fff; border:1px solid #ddd; height:95px; padding:50px 30px 10px; text-align: center; position: relative;; top:-17%; z-index: -1;}
.re_project02 .pro_box li .box_con p {font-size:15px; color:#666; display:inline-block; padding-right:25px; position:relative; padding-left:10px; font-weight:400;}
.re_project02 .pro_box li .box_con p.p_no {padding-right:0;}
.re_project02 .pro_box li .box_con p::before {content:""; display:inline-block; width:4px; height:4px; border-radius:50px; background-color:#0092ce; position:absolute; left:0; top:calc(100% - 14px);}

.txtSize {font-size:15px;}
.txt_list {padding-top:3px;}
.txt_list li {font-size:15px; color:#666; position:relative; padding-left:15px; line-height: 1.6;}
.txt_list li::before {content:"ㆍ"; display:inline-block; position:absolute; left:0; }

.tax_benefits .tax_box {border:1px solid #ddd; padding:30px 25px 25px; display:flex; flex-wrap:wrap;}
.tax_benefits .tax_box > li {width:48%;}
.tax_benefits .tax_box > li::after {content:""; display:block; clear:both;}
.tax_benefits .tax_box > li .left_round {width:90px; height:90px; background-color:#004dad; border-radius:50px; color:#fff; display: flex; flex-direction: column; align-items: center; justify-content: center; float:left;}
.tax_benefits .tax_box .right_txt_box {float:right; width:calc(100% - 90px); padding-left:25px;}
.tax_benefits .tax_box .right_txt_box.rTbox02 {padding:35px 25px;}
.tax_benefits .tax_box > li p {font-size:15px; color:#666; display: block; font-weight:400;}
.tax_benefits .tax_box li > .txt_list > li {width:100%; font-size:14px}
.tax_benefits .tax_box li .txt_list {padding-left:27px;}
.tax_benefits .tax_box li .txt_list > li::before {display:none; color:#999;}


@media all and (max-width:1250px){
    /******* 산업협력단 - 기술이전사업화 - 지주회사소개 추가 *******/
    .company_inner {width:100%;}
    .company_org_chart .company_inner {width:100%;}
}

@media all and (max-width:1000px){
    /******* 산업협력단 - 기술이전사업화 - 지주회사소개 추가 *******/
    .company_vision_box .company_inner {width:100%; height:auto; background-position:center top 10%; background-size:500px;}
    .company_vision_box .company_inner .vision_max {width:80%; font-size:15px;  padding:16px;}
    .company_vision_box .company_inner .vision_mid {width:90%; margin:30px auto 20px;}
    .company_vision_box .company_inner .vision_mid h2 {font-size:15px;}
    .company_vision_box .company_inner .vision_mid p {font-size:13px;}
    .company_vision_box .company_inner .vision_system {justify-content: center;}
    .company_vision_box .company_inner .vision_system li {padding-bottom:15px; width:90%;}
    .company_vision_box .company_inner .vision_system li h3 {width:100%; font-size:15px; padding:13px; margin:0 auto 10px;}
    .company_vision_box .company_inner .vision_system .s_line {display:none;}
    .company_org_chart ul > li > .chief {font-size:15px; padding:17px 15px;}
    .company_org_chart ul > li > .chief.chief01 {width:90%;}
    .company_org_chart ul > li > .chief.chief01::after {height:700px;}
    .company_org_chart ul > li > .org_depth02 > li > .chief02 {width:75%;}
    .company_org_chart ul > li > .org_depth02 > li > .org_depth03 > li > .chief03 {width:44%; padding:12px;}

    .company_org_chart ul > li > .org_depth02 > li > .org_depth03 > li > .org_depth04 > li > .chief04 {width:60%; margin-bottom:35px;}
    .company_org_chart ul > li > .org_depth02 > li > .org_depth03 > li > .org_depth04 > li > .org_depth05 > li {width:100%; margin-bottom:15px;}
    .company_org_chart ul > li > .org_depth02 > li > .org_depth03 > li > .org_depth04 > li > .org_depth05 > li h3 {font-size:14px; padding:13px;}
    .company_org_chart ul > li > .org_depth02 > li > .org_depth03 > li > .org_depth04 > li > .org_depth05 > li p {padding:15px 30px;}
    .company_org_chart ul > li > .org_depth02 > li > .org_depth03 > li > .org_depth04 > li > .org_depth05 .chief05Line.chLine_w::before {display:none;}
    .company_type ul li {width:100%;}
    .company_type ul li h3 {font-size:14px; padding:15px 20px;}
    .company_type ul li .type_box img {width:70%;}
    .info_inner_arrow_box .row.row02 .arrow_box.sc_list li .bd {font-size:14px;}
    .info_inner_arrow_box .row.row02 .arrow_box.sc_list li .bd.f_arrow::before {width:0; height:0; content:"";}
    .info_inner_arrow_box .row.row02 .arrow_box.sc_list li .bd.f_arrow::after {width:0; height:0; content:"";}
    .info_inner_arrow_box .row .arrow_box.sc_list li::after {font-size:12px; color:#bbb; position:absolute; left:calc(50% - 5px); top:calc(103% + 15px);}

    .info_inner_arrow_box .row.row03 {width:100%;}
    .research_project ul li {width:100%; font-size:14px; height:120px;}
    .research_project ul .bg_sky {height:90px; flex-direction: inherit;}
    .research_project ul li img {width:45px; margin-right:15px;}
    .research_project ul li.bg_blue {flex-direction: inherit; height:90px;}
    .research_project ul li.bg_blue img {width:32px;}
    .research_project ul .pro_arrow {width:58px; transform: rotate(90deg); height:45px; margin:0 auto; background-position: center center; background-size:19%;}
    .research_project ul li.list_tBox .tBox02 {height:50px;}
    .research_project ul li.list_tBox {height:auto;}
    .re_project02 {height:auto;}
    .re_project02 .pro_box li {width:100%;}
    .re_project02 .pro_box li .box_t {font-size:15px; height:48px; line-height:50px;}
    .re_project02 .pro_box li .box_con {height:85px; padding:39px 15px 10px;}
    .re_project02 .pro_box li .box_con p {padding-right:9px; font-size:14px;}
    .tax_benefits .tax_box {padding:30px 15px 15px;}
    .tax_benefits .tax_box > li {width:100%;}
    .tax_benefits .tax_box > li .left_round {float:none; margin:auto; font-size:15px;}
    .tax_benefits .tax_box > li p {font-size:14px;}
    .tax_benefits .tax_box .right_txt_box {padding-left:0; width:100%; padding:15px 10px;}
    .tax_benefits .tax_box .right_txt_box.rTbox02 {width:100%; padding:15px 10px; float:none;}
    .tax_benefits .tax_box li .txt_list {padding-left:0; }
    .tax_benefits .tax_box li .txt_list li {padding-left:0; font-size:13px;}
}


@media all and (max-width:590px){
    /******* 산업협력단 - 기술이전사업화 - 지주회사소개 추가 *******/
    .company_org_chart ul > li > .org_depth02 > li > .org_depth03 > li > .chief03.chiefLine::after  {width:200px;}
    .info_inner_arrow_box .row .arrow_box.sc_list.mo_arrow > li:last-of-type::before {display:block; width:1px; height:30px;}
    .info_inner_arrow_box .row .arrow_box.sc_list.mo_arrow > li:last-of-type::after {content:"▼"}
}

@media all and (max-width:350px){
    /******* 산업협력단 - 기술이전사업화 - 지주회사소개 추가 *******/
    .re_project02 .pro_box li .box_con {height:100px;}
    .re_project02 .pro_box li .box_con {padding:35px 15px 10px;}
}


/******* 2021-01-18 조직도 수정 *******/
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li.rb .depth4_1.depth4_2::before {height:61%;}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li.rb .depth4_1.depth4_2::after {content:""; display:block; height:147%; width:1px; border-right:dashed 1px #bbb; position:absolute; top:-56%; right:-29%;}
.organization_con_ul > li .depth2.depth2_dash {position: relative;}
.organization_con_ul > li .depth2.depth2_dash > li.border_line::before {content:""; display:block; height:1px; width:50%; border-bottom:dashed 1px #bbb; position: absolute;; top:9%; right:0%;}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li.rb .depth4_1.depth4_2 > li.bg_olive a {background-color:#9b6d42; padding:10px 5px 9px;background-color:#9b6d42;padding:10px 5px 9px;font-size: 14px;letter-spacing: -0.07em;height: 67px;display: flex;justify-content: center;align-items: center;}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li.rb .depth4_1.depth4_2 > li:nth-child(4)::after {content:""; display:block; width:20px; height:1px; border-bottom:dashed 1px #bbb; position:absolute; right:100%; top:70%;}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li.rb .depth4_1.depth4_2 > li.bg_olive.olive_line::after {content:""; display:block; width:1px; height:89%; border-right:dashed 1px #bbb; position: absolute; top:-35%; right:calc(100% - -20px);}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li.rb .depth4_1.depth4_2 > li.bg_olive a::before {content:""; display:block; width:20px; height:1px; border-bottom:dashed 1px #bbb; position:absolute; right:100%; top:50%;}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li.rb .depth4_1.depth4_2 > li.bg_olive a::after {content:""; display:block; width:35px; height:1px; border-bottom:dashed 1px #bbb; position: absolute; left:100%; top:50%;  }
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth4_1.depth4_2 > li:last-child::before {display: none;}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth4_1.depth4_2 > li.bg_olive > a:hover {background-color:#bd912d;}
.organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li .depth4_1.depth4_2 > li.bg_olive > a:focus {background-color:#bd912d;}

@media all and (max-width:1300px){
    /******* 2021-01-18 조직도 수정 *******/
    .organization_con_ul > li .depth2.depth2_dash > li.border_line::before {width:33%; top:8%; right:4%;}
    .organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li.rb .depth4_1.depth4_2 > li.bg_olive a::after {width:20px;}
    .organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li.rb .depth4_1.depth4_2 > li.bg_olive.olive_line::after {height:100%; top:-47%;}
    .organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li.rb .depth4_1.depth4_2::after {height:149%; top:-56%; right:-23%;}
}

@media all and (max-width:1150px){
    /******* 2021-01-18 조직도 수정 *******/
    .organization_con_ul > li .depth2.depth2_dash > li.border_line::before {width:40%; top:8%; right:0%;}
}
@media all and (max-width:1000px){
    /******* 2021-01-18 조직도 수정 *******/
    .organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li.rb .depth4_1.depth4_2 > li.bg_olive a::after {display:none;}
    .organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li.rb .depth4_1.depth4_2 > li:nth-child(4)::after {display:none;}
    .organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li.rb .depth4_1.depth4_2 > li.bg_olive.olive_line::after {display: none;}
    .organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li.rb .depth4_1.depth4_2 > li.bg_olive a::before {display:none;}
  .organization_con_ul > li .depth2 > li .depth3 > li .depth4 > li.rb .depth4_1.depth4_2 > li.bg_olive a {height: 40px;}

}



/******* 통계 *******/
.collegeBtn{display:none;}
.gray_chart_box {width: 100%; background-color: #f3f3f3; border: 1px solid #ededed;}
.top_char_01 {display: flex; padding: 36px 30px;}
.top_char_01 .lb {padding-right: 55px; width: 60%;}
.top_char_01 .rb {width: 40%;display: flex;flex-direction: column;justify-content: space-between;}

.top_char_01 .circle_chart {width: 100%;}
.top_char_01 .tab_box {width: 100%; margin-bottom: 20px;}
.top_char_01 .tab_box.top {width: 100%; margin-top: 0; margin-bottom: 40px;}

.chart_tab01 {width: 100%; display: flex; flex-wrap: wrap;}
.chart_tab01 > li {flex-grow: 1; flex-basis: 19%; text-align: center; border: 1px solid #dfdfdf; margin: -1px 0 0 -1px; position: relative;}
.chart_tab01 > li > a {display: block; width: 100%; height: 100%; background-color: #fff; font-size: 16px; font-weight: 400; color: #222; padding: 25px 5px;}
.chart_tab01 > li.active {border-color: #0179e7;}
.chart_tab01 > li.active::before {content: ""; display: block; width: 15px; height: 15px; background-color: #0179e7; position: absolute; transform: rotate(45deg); left: calc(50% - 6px); bottom: -9px;}
.chart_tab01 > li.active > a {background-color: #0179e7; color: #fff;}

.char_list_box {width: 100%; margin-bottom: 20px; background-color: #fff; border: 1px solid #dfdfdf; position: relative; z-index: 15;}
.char_list_box .top {width: 100%; background-color: #0179e7; display: flex; padding: 10px 20px;}
.char_list_box .top .lb_b {margin-right: auto;}
.char_list_box .top .txt {color: #fff; font-size: 15px; font-weight: 400;}
.char_list_box .top .back {color: #fff; border: 1px solid #fff; border-radius: 5px; padding: 1px 3px; margin-right: 3px; font-size: 11px; transition: all .25s ease;}
.char_list_box .top .back:hover,
.char_list_box .top .back:focus {background-color: #fff; color: #004dad;}
.char_list_box .top.colorYellow {background-color: #DE3600;}

.char_list_box .bott {padding: 10px 10px;}
.char_list_box .bott .list_ul {width: 100%;}
.char_list_box .bott .list_ul > li {width: 100%;}
.char_list_box .bott .list_ul > li > a {display: flex; padding: 4px 15px; border-radius: 30px; font-size: 14px; font-weight: 400; transition: all .25s ease;}
.char_list_box .bott .list_ul > li > a .sbj {margin-right: auto;}
.char_list_box .bott .list_ul > li > a:hover,
.char_list_box .bott .list_ul > li > a:focus {background-color: #efebe7;}

.line_char_box {border: 1px solid #dfdfdf; background-color: #fff; text-align: center; padding: 20px 10px;}


.bott_line_chart_w {width: 100%; display: flex; flex-wrap: wrap; padding: 30px 25px;}
.bott_line_chart_w .lb {margin-right: auto; width: calc(100% - 220px);}
.bott_line_chart_w .rb {width: 220px; padding-left: 35px;}
.bott_line_chart_w .chart_tab02 {width: 100%;}
.bott_line_chart_w .chart_tab02 > li {margin-top: 5px;}
.bott_line_chart_w .chart_tab02 > li:first-child {margin-top: 0;}
.bott_line_chart_w .chart_tab02 > li > a {display: block;background-color: #fff;border: 1px solid #dfdfdf;position: relative;padding: 17px 26px 19px 30px;}
.bott_line_chart_w .chart_tab02 > li > a .hori {display: inline-block; vertical-align: middle; width: 24px; height: 6px; background-color: black; margin-right: 15px;}
.bott_line_chart_w .chart_tab02 > li > a .txt {display: inline-block; vertical-align: middle; font-size: 16px; font-weight: 400;}

.bott_line_chart_w .chart_tab02 > li.active > a {background-color: black; border: none;}
.bott_line_chart_w .chart_tab02 > li.active > a::after {content: ""; display: block; width: 20px; height: 20px; background-color: black; position: absolute; left: -10px; transform: rotate(45deg); top: calc(50% - 10px);}
.bott_line_chart_w .chart_tab02 > li.active > a .hori {background-color: #fff !important;}
.bott_line_chart_w .chart_tab02 > li.active > a .txt {color: #fff;}

.bott_line_chart_w .chart_tab02 > li.blue > a .hori {background-color: #0179e7;}
.bott_line_chart_w .chart_tab02 > li.pink > a .hori {background-color: #B83D63;}
.bott_line_chart_w .chart_tab02 > li.green > a .hori {background-color: #3D8637;}
.bott_line_chart_w .chart_tab02 > li.yellow > a .hori {background-color: #D74833;}
.bott_line_chart_w .chart_tab02 > li.purple > a .hori {background-color: #ad37e4;}

.bott_line_chart_w .chart_tab02 > li.blue.active > a {background-color: #0179e7;}
.bott_line_chart_w .chart_tab02 > li.blue.active > a::after {background-color: #0179e7;}
.bott_line_chart_w .chart_tab02 > li.pink.active > a {background-color: #B83D63;}
.bott_line_chart_w .chart_tab02 > li.pink.active > a::after {background-color: #B83D63;}
.bott_line_chart_w .chart_tab02 > li.green.active > a {background-color: #3D8637;}
.bott_line_chart_w .chart_tab02 > li.green.active > a::after {background-color:  #3D8637}
.bott_line_chart_w .chart_tab02 > li.yellow.active > a {background-color:  #D74833}
.bott_line_chart_w .chart_tab02 > li.yellow.active > a::after {background-color:  #D74833}
.bott_line_chart_w .chart_tab02 > li.purple.active > a {background-color: #ad37e4;}
.bott_line_chart_w .chart_tab02 > li.purple.active > a::after {background-color: #ad37e4;}


@media all and (max-width:780px){
    /******* 통계 *******/
    .gray_chart_box {}
    .top_char_01 {display: flex; flex-wrap: wrap; padding: 20px 10px;}
    .top_char_01 .lb {padding: 0; width: 100%;}
    .top_char_01 .rb {width: 100%; padding-top: 30px;}

    .top_char_01 .circle_chart {width: 100%;}
    .top_char_01 .tab_box {margin-top: 30px;}

    .chart_tab01 {display: flex; flex-wrap: wrap;}
    .chart_tab01 > li {flex-basis: 20%;}
    .chart_tab01 > li > a {font-size: 13px; padding: 15px 5px;}
    .chart_tab01 > li.active::before {width: 10px; height: 10px; left: calc(50% - 5px); top: -5px;}

    .char_list_box {margin-bottom: 15px;}
    .char_list_box .top {padding: 5px 10px 7px;}
    .char_list_box .top .lb_b {}
    .char_list_box .top .txt {font-size: 13px;}
    .char_list_box .top .back {padding: 1px 2px; font-size: 10px;}

    .char_list_box .bott {padding: 8px 5px;}
    .char_list_box .bott .list_ul > li > a {padding: 3px 15px; font-size: 13px;}

    .line_char_box {padding: 15px 10px;}

    .bott_line_chart_w {padding: 20px 15px;}
    .bott_line_chart_w .lb {width: 100%; margin-bottom: 20px;}
    .bott_line_chart_w .rb {width: 100%; padding-left: 0;}
    .bott_line_chart_w .chart_tab02 {display: flex; flex-wrap: wrap;}
    .bott_line_chart_w .chart_tab02 > li {margin: 3px; flex-grow: 1;}
    .bott_line_chart_w .chart_tab02 > li:first-of-type {margin-top: 3px;}
    .bott_line_chart_w .chart_tab02 > li > a {padding: 6px 15px 8px 15px; text-align: center;}
    .bott_line_chart_w .chart_tab02 > li > a .hori {width: 15px; height: 3px; margin-right: 10px;}
    .bott_line_chart_w .chart_tab02 > li > a .txt {font-size: 14px;}

    .bott_line_chart_w .chart_tab02 > li.active > a::after {width: 0; height: 0;}
}









/******* 차트 제이쿼리 *******/
.amcharts-chart-div > a {display: none !important;}

.bott_line_chart_w .para_txt {text-align: right; font-size: 13px; font-weight: 400;}

#chartdiv3 .amcharts-chart-div g > path {transition: all .25s ease;}
#chartdiv3 .amcharts-chart-div g:hover > path {fill: #f29800; stroke : #f29800;}

.circle_chart {position: relative; height: 630px; width: 100%; z-index: 10;}
.circle_chart #chartdiv5 {position: absolute; left: 50%; top: 55%; transform: translate(-50%, -50%); width: 130%; height: 100%; padding-left: 10px;}
.db .circle_chart #chartdiv5 {width: 115%;}
.circle_chart #chartdiv5 tspan {font-weight: 500; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}

.chart_source_txt {text-align: right; margin-top: 10px; font-size: 14px; font-weight: 400; color: #222;}

.chartComment {font-size: 15px; font-weight: 400; color:#333; line-height: 1.5; background-color:#fff; border:1px solid #e0e0e0; padding: 20px;}


@media all and (max-width:770px){
    .circle_chart {height: 0; padding-top: 120%;}
    .circle_chart #chartdiv5 {padding: 0; width: 110%;}
    .chart_source_txt {font-size: 12px; margin-top: 5px;}
  .chartComment {margin-top: 20px; font-size: 13px; padding: 15px;}

  .db .circle_chart #chartdiv5 {width: 300%;}
}

@media all and (max-width:500px){
    .circle_chart {height: 0; padding-top: 80%;}
    .circle_chart #chartdiv5 {padding: 0; width: 150%;}
}


/******* 202-02-05 연구과제 팝업 *******/
.popup_assignment {width:800px; height:900px; position:fixed; top:50%; bottom:50%; margin-left:300px; margin-top:-450px; z-index:150; overflow-y: auto; background-color:#fff; padding:65px 55px; border:1px solid #ddd;  display:none;}
.popup_assignment .popup_assignment_inner h1 {font-size:25px;color:#2e69b3; font-weight:500;}

.popup_assignment .popup_assignment_inner h1 .eng_title {display:block; font-size:18px; color:#555; font-weight:300;}
.popup_assignment .popup_assignment_inner h2 {font-size:17px; color:#444; font-weight:400;}
.popup_assignment .popup_assignment_inner .con_line {content:""; width:100%; border-bottom:1px solid #ddd;  display:block; margin:20px 0;}
.popup_assignment .popup_close_btn {border:1px solid #dcdcdc; width:50px; height:50px; position:absolute; top:15px; right:15px; transition:all 0.25s ease; text-align:center; background-color:#fff;}
.popup_assignment .popup_close_btn button {width:100%; height:100%; padding:11px; margin:auto; transition:all 0.25s ease;}
.popup_assignment .popup_close_btn button:hover {background-color:#666; border:1px solid #666;}
.popup_assignment .popup_close_btn button:hover i {color:#fff;}
.popup_assignment .popup_close_btn button i {font-size:25px; color:#bbb;}
.black_b {display:none; width:100%; height:100%; z-index:101; background-color:#000; position: fixed; left:0; top:0; background:rgba(0,0,0,0.9);}




@media all and (max-width:1200px){
    /******* 202-02-05 연구과제 팝업 *******/
    .popup_assignment {width:95%; height:650px; margin-left:-15px; margin-top:-300px; padding:35px 30px;}


}



@media all and (max-width:1000px){
    /******* 202-02-05 연구과제 팝업 *******/
    .popup_assignment {width:95%; height:600px; margin-left:-15px; margin-top:-300px; padding:35px 30px;}
    .popup_assignment .popup_assignment_inner h1 {font-size:20px;}
    .popup_assignment .popup_assignment_inner h1 .eng_title {font-size:15px;}
    .popup_assignment .popup_assignment_inner h2 {font-size:15px;}
    .popup_assignment .popup_assignment_inner .con_line {margin:15px 0;}
    .popup_assignment .popup_assignment_inner p {font-size:14px;}
    .popup_assignment .popup_close_btn {width:35px; height:35px; top:15px; right:15px;}
    .popup_assignment .popup_close_btn button {padding:4px;}
    .popup_assignment .popup_close_btn button:hover i {font-size:18px;}

}

.linkBoxLeft{float:left;}
.linkBoxRight{float:right;}

/******* 2021-04-22 추가 표 *******/


.tbl_subIn th.tbl_line_no {text-align: right; position: relative;}
.tbl_s_line {content:""; display:block;width: 300px; height: 1px;background-color:#ddd;transform: rotate(31deg); top: 79px; left: -20px; position: absolute;}
.tbl_con {font-size:15px; color:#222; font-weight:400;}



@media all and (max-width:1300px){
    .tbl_s_line {width:273px; transform: rotate(34deg);}
}

@media all and (max-width:1200px){
    .tbl_s_line {width:237px; transform: rotate(38deg);}
    .tbl_subIn th.tbl_line_no p {padding:20px 0;}

}
@media all and (max-width:1000px){
    .tbleB02 {width:800px;}
  	.tbl_con {font-size:14px;}
}

@media all and (max-width:550px){
    .tbl_s_line {width:182px; top:73px; transform:rotate(45deg);}
    .tbl_subIn th.tbl_line_no p {padding:20px 0;}

}


/* 마이페이지 2021-06-23 */
.sub_Mcontents.db .sub_conStart {padding: 45px 80px; overflow: auto;}
.sub_conStart > h1 {text-align: center; font-size: 24px; font-weight: 500;}
.sub_conStart .summary {display: flex; justify-content: space-evenly; border: 1px solid #dddddd; padding: 30px 10px; margin-top: 40px; margin-bottom: 40px;}
.sub_conStart .summary li h2 {font-weight: 500;}
.sub_conStart .summary li a {text-align: center; color: #0179e7; font-size: 24px; text-decoration: underline; font-weight: 500; display: block;}
.sub_conStart > h2 {font-size: 20px; font-weight: 500; padding-left: 10px; margin-bottom: 15px;}

.sub_conStart .use_history table thead tr th {font-weight: 500;}
.sub_conStart .use_history table tbody tr td {color: #666; font-weight: 400;}
.sub_conStart .use_history table tbody tr .con-title {text-align: center;}
.sub_conStart .use_history table tbody tr .not_payed {color: #ff0600  ;}
.sub_conStart .use_history table tbody tr td .btn_pay, .sub_conStart .use_history table tbody tr td .btn_pay_cancel {color: #fff; background-color: #333;}
.sub_conStart .use_history table tbody tr td .btn_pay {padding: 5px 20px;}
.sub_conStart .use_history table tbody tr td .btn_pay_cancel {padding: 5px 8px;}


@media all and (max-width:1320px){
    .sub_Mcontents.db .sub_conStart {padding: 45px 20px;}
}


/**** 2022-1-6 , 산학협력 - 산업자문 (구학생 연구자 고충 상담) ****/
.consulting .tab_box {display: flex; border: 1px solid #ededed; margin-bottom: 55px;}
.consulting .tab_box li {width: 50%;}
.consulting .tab_box a {display: flex; width: 100%; height: 60px; justify-content: center; align-items: center; font-size: 16px; color: #666; font-weight: 400;}
.consulting .tab_box a.active {color: #fff; background-color: #6c7788;}
.consulting .txt_box_01 {display: flex; align-items: center; position: relative; padding: 30px 40px; color: #333; font-size: 17px; border: 3px solid #ededed; margin-bottom: 40px; line-height: 30px; font-weight: 400; word-break: keep-all;} /*justify-content: center; text-align: center; height: 180px; */
.consulting .txt_box_01 .front_icon .icon_5_3 { width:140px; height:130px; background:url('../images/sub/icon_industry_advisory.svg') no-repeat; }
.consulting .txt_box_01::before, .consulting .txt_box_01::after {content: ""; position: absolute; width: 30px; height: 30px;}
.consulting .txt_box_01::before {top: -2px; left: -2px; border-top: 3px solid #0179e7; border-left: 3px solid #0179e7;}
.consulting .txt_box_01::after {bottom: -2px; right: -2px; border-bottom: 3px solid #0179e7; border-right: 3px solid #0179e7;}
.consulting .txt_box_01 .front_icon i { color:#ddd; }
.consulting .txt_box_01 .right_content h3 { font-size:18px; font-weight:500; color:#0179e7; }
.consulting .txt_box_01 .right_content span {}
.consulting .txt_box_01 .right_content { margin-left: 5px; }
.consulting .txt_box_02 {padding: 40px; border: 3px solid #ededed; font-size: 15px; color: #333; font-weight: 400; line-height: 30px;}
.consulting .with_cir {position: relative; padding-left: 20px;}
.consulting .with_cir::before {content: ""; position: absolute; width: 12px; height: 12px; border-radius: 50%; border: 1px solid #666; top: 8px; left: 0;}
.consulting .agree_box {text-align: center; margin-top: 50px;}
.consulting .agree_box label {font-size: 17px; color: #333; font-weight: 400;}
.consulting .btn_box {text-align: center; margin-top: 100px;}
.consulting .btn_box.btn_box2 {margin-top: 35px;}
.consulting .btn_base {width: 215px; height: 60px; color: #fff; font-size: 18px; background-color: #072b5d; font-weight: 400;}
.consulting .btn_base.btn01 {background-color: #004dad;}
.consulting .btn_base.btn02 {background-color: #666;}
.consulting .empty_box {width: 290px; border: 1px solid #ddd;}
.consulting .find_file {display: inline-flex; justify-content: center; align-items: center; text-align: center; color: #fff; background-color: #5c5c5c; width: 100px; height: 40px; font-size: 15px; cursor: pointer;}
.consulting .sub_txt_01 {padding-left: 20px; padding-bottom: 40px; font-size: 15px; color: #333; font-weight: 400;}
.consulting .tbl_consult th {border-right: 1px solid #ddd;}
.consulting .tbl_consult td {text-align: left; padding-left: 25px; padding-right: 25px;}
.consulting .tbl_consult .must {color: #e91416;}
.consulting .tbl_consult input[type=text], .consulting .tbl_consult input[type=password] {width: 290px; height: 40px;}
.consulting .tbl_consult input[type=text].w100p, .consulting .tbl_consult input[type=password].w100p {width: 100%;}
.consulting .tbl_consult .pw {display: flex; align-items: center; flex-wrap: wrap;}
.consulting .tbl_consult .pw .tit {color: #e91416; font-size: 14px; margin-left: 10px;}
.consulting .tbl_consult textarea {width: 100%; height: 400px; border: 1px solid #ddd; padding: 10px; resize: none;}
.consulting .tbl_consult .add_file {display: flex;}
.consulting .tbl_consult .add_file input[type=file] {display: none;}
.consulting .img_box_01 {text-align: center; margin-bottom: 30px; margin-top: 100px;}
.consulting .sub_txt_02 {text-align: center; font-weight: 400; font-size: 18px; color: #333; margin-bottom: 80px;}
.consulting .sub_txt_02 .tit {color: #004dad;}
.consulting .sub_txt_03 {display: flex; align-items: center; font-size: 16px; color: #666; margin-left: 10px;}
.consulting .sub_txt_03 img {margin-right: 10px;}
.consulting .big_box_01 {width: 520px; margin: 130px auto 50px;}
.consulting .login_box {margin-bottom: 20px;}
.consulting .login_box input {width: 100%; height: 63px; display: block; border: 1px solid #ddd;}
.consulting .login_box input::placeholder {font-size: 17px;}
.consulting .login_box input:not(:last-of-type) {border-bottom: none;}
.consulting .login_box button {width: 100%; margin-top: 5px;}
@media screen and (max-width: 1000px){
    .consulting .tab_box a {height: 45px; font-size: 15px;}
    .consulting .txt_box_01 { font-size: 16px; line-height: 24px; padding: 20px;} /*height: 140px;*/
    .consulting .btn_box {margin-top: 80px; margin-bottom: 50px;}
    .consulting .btn_base {width: 160px; height: 50px; font-size: 16px;}
    .consulting .txt_box_02 {padding: 25px; font-size: 14px; line-height: 27px;}
    .consulting .agree_box label {font-size: 16px;}
    .consulting .sub_txt_01 {font-size: 14px;}
    .consulting .sub_txt_02 {font-size: 17px;}
    .consulting .big_box_01 {margin-top: 100px;}
    .consulting .sub_txt_03 {margin-bottom: 100px;}
}
@media screen and (max-width:750px) {
    .consulting .tbl_consult {overflow-x: unset;}
    .consulting .tbl_consult .tbl_board1 {width: 100%; display: block;}
    .consulting .tbl_consult .pw {justify-content: center;}
    .consulting .tbl_consult .pw .tit {font-size: 13px; margin-left: 0;}
    .consulting .tbl_consult tbody {display: block; width: 100%;}
    .consulting .tbl_consult tr {display: block; width: 100%;}
    .consulting .tbl_consult th {display: block; width: 100%;}
    .consulting .tbl_consult td {display: block; width: 100%; padding-left: 10px; padding-right: 10px;}
    .consulting .tbl_consult input[type=text], .consulting .tbl_consult input[type=password] {width: 100%;}
    .consulting .tbl_consult textarea {height: 200px;}
    .consulting .tbl_consult .add_file .empty_box {width: calc(100% - 100px);}
    .consulting .find_file {font-size: 14px;}

    .consulting .big_box_01 {width: 90%; margin-top: 70px;}
    .consulting .sub_txt_03 {font-size: 14px; margin-bottom: 60px;}
    .consulting .login_box input {height: 50px;}
    .consulting .login_box input::placeholder {font-size: 14px;}
    .consulting .login_box button {font-size: 15px;}
}
@media screen and (max-width: 480px) {
    .consulting .tab_box {margin-bottom: 40px;}
    .consulting .tab_box a {font-size: 14px;}
    .consulting .txt_box_01 {height: auto; line-height: 20px;}
    .consulting .btn_box {margin-top: 60px; margin-bottom: 20px;}
    .consulting .btn_base {width: 120px; height: 45px; font-size: 14px;}
    .consulting .txt_box_02 {padding: 20px; line-height: 24px;}
    .consulting .agree_box label {font-size: 15px;}
    .consulting .img_box_01 {margin-top: 75px;}
    .consulting .img_box_01 img {width: 70px;}
    .consulting .sub_txt_02 {font-size: 15px;}
}
.consulting .img_tit {background-color: #072b5d; color: #fff; border: 1px solid #2f528f; font-size: 14px; font-weight: 300; padding: 8px;}
@media screen and (max-width:480px) {
	.consulting .img_tit {font-size: 13px; padding: 3px 8px;}
}


/*연구비 종합관리 시스템*/
.research_fund_management_system {}
.research_fund_management_system .wrap { background:#713b39; display:flex; justify-content: center; }
a.btn_go1 { display: block; padding:10px 0px;  border:5px solid rgb(49, 95, 151); width:450px; margin:50px auto; font-size:20px; font-weight:500; text-align:center; transition:all 0.2s; position:relative; }
a.btn_go1:hover { background:rgb(49, 95, 151); color:#fff; }
.research_fund_management_system a.btn_go1 i { position: absolute; top: 50%; transform: translateY(-50%); left: 14px; font-size: 24px; }

.jm_table01 table { width:calc(100% - 4px); border:1px solid rgba(0,0,0,0.15); font-size:17px; font-weight:400; color: #555; white-space:normal !important; }
.jm_table01 table td { border:1px solid rgba(0,0,0,0.15); vertical-align: middle !important;  white-space:normal !important; word-break:keep-all; }
.jm_table01 table th { border: 1px solid #0d5daa; border-right: 1px solid rgba(255,255,255,0.1); text-align:center; background:#009688; color:#fff; font-weight:400; vertical-align: middle; } /*background:#1771BF*/
.jm_table01 table th:last-child { border-right:1px solid #0d5daa; }
/*.jm_table01 table td:last-child { border: 1px solid rgba(0,0,0,0.15); }*/
.jm_table01 table td a {  }
.jm_table01 table td a:hover { color:#0068ce; }
.jm_table01 .tit_txt { color:#2E83F2; }

.lv1 { display:block;  text-indent: -9px; margin-left: 17px;}
.lv2 { display:block; text-indent: -9px; margin-left: 17px; padding-right:10px; }
.lv2 i { font-size: 4px; margin: 0 4px; } /*font-size 7px 미만으로 사이즈 줄어들지 않음.*/
.lv1_type2 { display: block; margin-top:10px; }
.lv3 { display:block; text-indent: -9px; margin-left: 17px; padding-right:10px; }
.lv4 { display:block;  }
.important_txt { color:#BF0413; }
.link_btn_ico { color:#2E83F2; }
.bg_skyblue { background:rgba(0,0,0,0.03); }

.hs20 { height:20px }
.divide_line_dot { width:100%; border:2px dashed rgba(0,0,0,0.1); margin:50px 0; }
a.concentration { color:#2E83F2; }

@media (max-width:768px) {
	.divide_line_dot { border:1px dashed rgba(0,0,0,0.1); margin:50px 0; }
	a.btn_go1 { width:100%; }
	.research_fund_management_system a.btn_go1 i {     position: unset; font-size: 20px; color: #315f97; transform: unset; }

}

/*산학협력단 소개 - 중소기업 산학협력센터 페이지*/
.jm_table02 table { width:calc(100% - 0px); border:1px solid rgba(0,0,0,0.15); font-size:17px; font-weight:400; color: #555; white-space:normal !important; }
.jm_table02 table th { border:1px solid #009688; border-right: 1px solid rgba(255,255,255,0.1); text-align:center; background:#009688; color:#fff; font-weight:400; vertical-align: middle; } /*border-color:rgba(0,0,0,0.15)*/
.jm_table02 table th:last-child { border-right: 1px solid #009688; }
.jm_table02 table .left_tit { background:rgba(0,0,0,0.03); text-align:center; width:100px; } /*background:#f0fff0;*/
.jm_table02 table .right_txt {}
.jm_table02 table .photo { width:100%; text-align:center; }
.jm_table02 table .photo2 { text-align:center;  }
.jm_table02 table .photo img { border:1px solid rgba(0,0,0,0.1); }
/*.jm_table02 table .photo2 img  { text-align:center !important; }*/
.jm_table02 table .img1 { width:100%; text-align:center; }
.jm_table02 table td { border:1px solid rgba(0,0,0,0.15); vertical-align: middle !important;  white-space:normal !important; word-break:keep-all; }
.jm_table02 table td a:hover { color:#0068ce; }
.jm_table02 .tit_txt { color:#2E83F2; }
.jm_table02 a { transition:all 0.4s }
.jm_table02 a:hover { color:#2E83F2; }
.jm_table02 .left-tit {   }
.jm_table02 .left-tit .center_tit { text-align: center; }
.jm_table02 .left-tit .count_num { display:inline-block; width:70px; height:70px; line-height:70px; background:#0068ce; border-radius:50%; text-align:center; color:#fff; font-size: 24px; font-weight: 600; }
.jm_table02 .left-tit .tit_txt2 { display:block; margin: 10px 0; }
.jm_table02 .left-tit .arrow { font-size:24px; color:#F2B705;  }

@media (max-width:768px) {
	.jm_table02 table { border:none; }
	.jm_table02 th { display:none; }
	.jm_table02 table .left_tit { display:block; width:100%; background: rgba(0,0,0,0.07); color:#fff; border:0; color: #3e3e3e; text-align: left; }
	.jm_table02 table .right_txt { display:block; width:100%; border:0;     min-height: 44px;}
	.jm_table02 table thead { border-top:none; }

}

/*연구지원 - 연구비관리 페이지*/
.jm_table02b table { width:calc(100% - 0px); border:1px solid rgba(0,0,0,0.15); font-size:17px; font-weight:400; color: #555; white-space:normal !important; }
.jm_table02b table th { border:1px solid rgba(0,0,0,0.15); text-align:center; background:#009688; color:#fff; font-weight:400; vertical-align: middle; }
.jm_table02b table .left_tit { background:rgba(0,0,0,0.03); text-align:center; }
.jm_table02b table .right_txt { padding: 20px 8px; line-height: 28px; }
.jm_table02b table .photo { width:100%; text-align:center; }
.jm_table02b table .photo img { border:1px solid rgba(0,0,0,0.1); }
.jm_table02b table .img1 { width:100%; text-align:center; }
.jm_table02b table td { border:1px solid rgba(0,0,0,0.15); vertical-align: middle !important;  white-space:normal !important; word-break:keep-all; }
.jm_table02b table td a:hover { color:#0068ce; }
.jm_table02b .tit_txt { color:#2E83F2; }
.jm_table02b a { transition:all 0.4s }
.jm_table02b a:hover { color:#2E83F2; }
@media (max-width:768px) {
	.jm_table02b table { border:none; }
	.jm_table02b th { display:none; }
	.jm_table02b table .left_tit { display:block; width:100%; background:#1771BF; color:#fff; text-align: left; border-top:none; }
	.jm_table02b table .right_txt { display:block; width:100%; padding: 20px 10px; border-top:none; }
}


/*연구지원 - 연구비 흐름도 (pc일때는 2개 와이드, 모바일일때는 한줄로 제목위/내용아래 배치)*/
.jm_table02c table { width:calc(100% - 0px); border:1px solid rgba(0,0,0,0.15); font-size:17px; font-weight:400; color: #555; white-space:normal !important; }
.jm_table02c table th { border:1px solid rgba(0,0,0,0.15); text-align:center; background:#1771BF; color:#fff; font-weight:400; vertical-align: middle; }
.jm_table02c table .left_tit { background:#f0fff0; text-align:center; }
.jm_table02c table .right_txt { padding: 20px 8px; line-height: 28px; }
.jm_table02c table .photo { width:100%; text-align:center; }
.jm_table02c table .photo img { border:1px solid rgba(0,0,0,0.1); }
.jm_table02c table .img1 { width:100%; text-align:center; }
.jm_table02c table td { border:1px solid rgba(0,0,0,0.15); vertical-align: middle !important;  white-space:normal !important; word-break:keep-all; vertical-align: middle !important;}
.jm_table02c table td a:hover { color:#0068ce; }
.jm_table02c .tit_txt { color:#2E83F2; }
.jm_table02c a { transition:all 0.4s }
.jm_table02c a:hover { color:#2E83F2; }
.jm_table02c table tr.ex_tr { display:none; } /*작업 시 이거 삭제해야함!!*/
.jm_table02c .left-tit { text-align:center; display:table-cell; border: 0; border-bottom: 1px solid rgba(0,0,0,0.1); min-width: 300px;  background: #ebf2f8; padding: 24px 15px; }
.jm_table02c .left-tit .center_tit { text-align: center; }
.jm_table02c.inner_pd { padding:15px;  } 
.count_num { display:inline-block; width:70px; height:70px; line-height:70px; border-radius:50%; text-align:center; color:#fff; font-size: 24px; font-weight: 600; 
background: rgb(30,87,153); background: -moz-linear-gradient(-45deg,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(18,118,201,1) 50%, rgba(125,185,232,1) 100%); background: -webkit-linear-gradient(-45deg,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(18,118,201,1) 50%,rgba(125,185,232,1) 100%);
background: linear-gradient(135deg,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(18,118,201,1) 50%,rgba(125,185,232,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 );
}

.count_num2 { display:inline-block; width:70px; height:70px; line-height:70px; border-radius:50%; text-align:center; color:#fff; font-size: 24px; font-weight: 600; 
background: rgb(158,11,128); background: -moz-linear-gradient(-45deg,  rgba(158,11,128,1) 0%, rgba(191,53,154,1) 50%, rgba(168,0,119,1) 50%, rgba(219,54,164,1) 100%); background: -webkit-linear-gradient(-45deg,  rgba(158,11,128,1) 0%,rgba(191,53,154,1) 50%,rgba(168,0,119,1) 50%,rgba(219,54,164,1) 100%);
background: linear-gradient(135deg,  rgba(158,11,128,1) 0%,rgba(191,53,154,1) 50%,rgba(168,0,119,1) 50%,rgba(219,54,164,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e0b80', endColorstr='#db36a4',GradientType=1 );
}

.jm_table02c .left-tit .tit_txt2 { display:block; margin: 10px 0; }
.jm_table02c .left-tit .arrow { font-size:24px; color:#F2B705;  }
@media (max-width:768px) {
	.jm_table02c table { border:none; }
	.jm_table02c th { display:none; }
	.jm_table02c table .left_tit { display:block; width:100%; background:#1771BF; color:#fff; }
	.jm_table02c table .right_txt { display:block; width:100%;  margin-top: -1px;}
	.jm_table02c .left-tit  { display:block; border:1px solid rgba(0,0,0,0.1); background:#ebf2f8; margin-top: -1px;}
	.jm_table02c .left-tit .arrow { display:none; }
	.jm_table02c.inner_pd { padding:0px;  } 

	.count_num,  .count_num2 { width: 50px; height: 50px; line-height: 50px; font-size:18px; margin-top: 10px;}
}


/*하단 담당자 테이블*/
.jm_table_m table { width: 100%; border:1px solid rgba(0,0,0,0.15); font-size:17px; font-weight:400; color: #555; text-align:center; white-space:normal !important; margin-top:25px;  } /*width:600px; */
.jm_table_m table th { border:1px solid rgba(0,0,0,0.15); text-align:center; background:#1771BF; color:#fff; font-weight:400; vertical-align: middle; padding:5px;}
.jm_table_m table td { border:1px solid rgba(0,0,0,0.15); vertical-align: middle !important;  white-space:normal !important; word-break:keep-all; padding:5px 35px; }
.jm_table_m table td::nth-child(1) { position:relative; }
.jm_table_m table .left_tit { background:#0d5daa; text-align:center; color:#fff; border:1px solid #0d5daa; } /*width: 78px; background:#1771BF; border-color:#1771BF */
.jm_table_m table .center_tit { background:rgba(13,93,170,0.07); } /*width:78px; background:#ebf2f8 */
.jm_table_m table .con_txt { text-align:left; }
.jm_table_m .tit_txt { color:#2E83F2; }
.jm_table_m a { transition:all 0.4s }
.jm_table_m a:hover { color:#2E83F2; }
/*.jm_table_m .m_tit_box { background: #2E83F2; color:#fff; opacity:0; }*/
/*.jm_table_m tr:nth-child(1)::before { content:'aaa'; width:100%; height:20px; background: #2E83F2; color:#fff; position:absolute; top:10px; left:0; }*/

@media (max-width:1000px) {
	/*.jm_table_m table { width: 100%; }*/
}
@media (max-width:768px) {
	.jm_table_m table .left_tit { width:auto; } /*display:none;*/
	.jm_table_m table .center_tit { display:none;  }
	.jm_table_m .m_tit_box { opacity:1; }
	.jm_table_m table td { padding:5px; }
}

/*하단 담당자 테이블2*/
.jm_table_m2 { clear:both; }
.jm_table_m2 table { width: 500px; border:1px solid rgba(0,0,0,0.15); font-size:17px; font-weight:400; color: #555; text-align:center; white-space:normal !important; margin-top:25px; }
.jm_table_m2 table th { border:1px solid rgba(0,0,0,0.15); text-align:center; background:#1771BF; color:#fff; font-weight:400; vertical-align: middle; padding:5px;}
.jm_table_m2 table td { border:1px solid rgba(0,0,0,0.15); vertical-align: middle !important;  white-space:normal !important; word-break:keep-all; padding:5px 35px; }
.jm_table_m2 table td::nth-child(1) { position:relative; }
.jm_table_m2 table .left_tit { background:#1771BF; text-align:center; color:#fff; border: 1px solid #1771BF; }
.jm_table_m2 table .center_tit { background:#ebf2f8; }
.jm_table_m2 table .con_txt { text-align:left; }
.jm_table_m2 .tit_txt { color:#2E83F2; }
.jm_table_m2 a { transition:all 0.4s }
.jm_table_m2 a:hover { color:#2E83F2; }
@media (max-width:768px) {
	.jm_table_m2 table { width: 100%; }
	.jm_table_m2 table .left_tit { width:auto; }
	.jm_table_m2 table .center_tit { display:none;  }
	.jm_table_m2 .m_tit_box { opacity:1; }
	.jm_table_m2 table td { padding:5px; }
}

/**/
.jm_table03 table { width:calc(100% - 0px); border:1px solid rgba(0,0,0,0.15); font-size:17px; font-weight:400; color: #555; white-space:normal !important; }
.jm_table03 table th { border:1px solid rgba(0,0,0,0.15); text-align:center; background:#1771BF; color:#fff; font-weight:400; vertical-align: middle; }
.jm_table03 table .left_tit { background:#f0fff0; text-align:center; }
.jm_table03 table .img1 { width:100%; text-align:center; }
.jm_table03 table td { border:1px solid rgba(0,0,0,0.15); vertical-align: middle !important;  word-break:keep-all; }
.jm_table03 table td a:hover { color:#0068ce; }
.jm_table03 .tit_txt { color:#2E83F2; }
.jm_table03 a { transition:all 0.4s }
.jm_table03 a:hover { color:#2E83F2; }

@media (max-width:768px) {
	.jm_table03 table { border:none; }
	.jm_table03 th { display:none; }
	.jm_table03 table .left_tit { display:block; width:100%; background:#1771BF; color:#fff; }
	.jm_table03 table .right_txt { display:block; width:100%; }
}

/**/
.jm_table04 table { width:calc(100% - 0px); border:1px solid rgba(0,0,0,0.15); font-size:17px; font-weight:400; color: #555; white-space:normal !important; }
.jm_table04 table th { border:1px solid rgba(0,0,0,0.15); text-align:center; background:#1771BF; color:#fff; font-weight:400; vertical-align: middle; }

@media (max-width:768px) {
	.jm_table04 table { border:none; }
	.jm_table04 table th, .jm_table04 table td { display:block; }
}

/*pc일때 가로로 나열 /  모바일일때 상단타이틀 하단내용으로 변형*/
/*pc에서는 flex의 한계로 내용 텍스트 분량에 따라 높이값이 달라져서 p영역에 높이값을 줌. 모바일일때는 내용에 따라 자동으로 height늘어나도록 min-height unset함.*/
.jm_table04_flex { margin-left: 1px; }
.jm_table04_flex ul { display:flex; flex-wrap: nowrap; justify-content: space-between;}
.jm_table04_flex ul li { width:25%; box-sizing:border-box; } /*margin-left:-1px;*/
.jm_table04_flex ul li h3 { background:#009688; padding:10px; color:#fff; border:1px solid rgba(0,0,0,0.1); margin-left: -1px; text-align:center; }
.jm_table04_flex ul li p {  min-height: 120px;  padding:10px; border:1px solid rgba(0,0,0,0.1);margin-left: -1px;}

@media (max-width:1100px) {
	.jm_table04_flex ul { flex-direction: column; }
	.jm_table04_flex ul li { width:100%;  }
	.jm_table04_flex ul li h3 { text-align:left;  }
	.jm_table04_flex ul li p {  min-height: unset; padding:20px 10px ; }
}

/*지색재산 기술사업화 - 지식재산권 페이지*/
.jm_table05 table { width:calc(100% - 0px); border:1px solid #1771BF; font-size:17px; font-weight:400; color: #555; white-space:normal !important; }
.jm_table05 table th, .jm_table05 table td  {  border: 1px solid rgba(0,0,0,0.15); vertical-align:middle !important; min-width: 200px; }
.jm_table05 table th { background:#009688; color:#fff; border-top:0!important; text-align:center; font-weight:500; min-width: 150px;}
@media (max-width:768px) {
	.jm_table05 table th { min-width:auto; }
	.jm_table05 table td { min-width:auto; }
}



/*지색재산 기술사업화 - 기술이전 페이지*/
.jm_table06 table { width:calc(100% - 0px); font-size:17px; font-weight:400; color: #555; white-space:normal !important; } /*border:1px solid #1771BF; */
.jm_table06 table th, .jm_table06 table td  {  border: 1px solid rgba(0,0,0,0.15); vertical-align:middle !important;  text-align:center; }
.jm_table06 table td { padding:13px !important; border-right: none !important; border-bottom: none !important;}
.jm_table06 table th { background:#009688; color:#fff; border-top:0!important; text-align:center; font-weight:400; }
.jm_table06 table .first_td, .jm_table06 table td:first-child { width:400px; }
.jm_table06 table .first_td { position:relative; }

.jm_table06 table td:first-child { text-align:left; display: flex; flex-direction: row; }
.jm_table06 table tr:last-child td { border-bottom:1px solid #ddd !important; }
.jm_table06 table td:last-child { border-right:1px solid #ddd !important; }
.jm_table06 table .left_txt { text-align:left; padding-left: 50px;}

.jm_table06 table .right_txt { text-align:right; padding-right: 50px;}
.jm_table06 table .divide_line45d { position:absolute; width:413px; height:1px; background:rgba(0,0,0,0.15); transform: rotate(14.8deg); top: 53px; left: -7px;  }
.jm_table06 table b { color:#2E83F2; width:24px; display:inline-block; }
.jm_table06 table span { margin-left: 2px;}
.jm_table06.table-responsive { border:none !important; }
@media (max-width:1180px) {
	.jm_table06 table .first_td, .jm_table06 table td:first-child { width: 290px; }
	.jm_table06 table .divide_line45d {  width: 303px; transform: rotate(19.9deg); top: 53px; left: -7px; }
}
@media (max-width:768px) {
	.jm_table06 table th { min-width:auto; }
	.jm_table06 table td { min-width:auto; }
}
@media (max-width:700px) {
	.jm_table06 table .divide_line45d {  width: 304px; transform: rotate(19.9deg); }
}

/*지식재산·기술사업화 - 기술이전*/
.jm_table07 table { width:calc(100% - 0px); border:1px solid #1771BF; font-size:17px; font-weight:400; color: #555; white-space:normal !important; }
.jm_table07 table th, .jm_table07 table td  {  border: 1px solid rgba(0,0,0,0.15); vertical-align:middle !important; padding:15px 8px !important; }
.jm_table07 table th { background:#009688; color:#fff; border-top:0!important; text-align:center; font-weight:500; }
.jm_table07 table td {  }
.jm_table07 table td:nth-child(1), .jm_table07 table td:nth-child(2), .jm_table07 table td:nth-child(5) { text-align:center;  }
@media (max-width:768px) {
}

/*지식재산·기술사업화 - 보유기술 현황*/
.jm_table08 table { width:calc(100% - 0px); border:1px solid #1771BF; font-size:17px; font-weight:400; color: #555; white-space:normal !important; }
.jm_table08 table th, .jm_table08 table td  {  border: 1px solid rgba(0,0,0,0.15); vertical-align:middle !important; padding:15px 8px !important; text-align:center; }
.jm_table08 table th { background:#009688; color:#fff; border-top:0!important; text-align:center; font-weight:500; }
.jm_table08 table td {  }
.jm_table08 table td:nth-child(3) { text-align:left;  }
.jm_table08 table td:nth-child(4) { width:115px; }


/*지식재산·기술사업화 - 전담 특허사무소*/
.jm_table09 table { width:calc(100% - 0px); border:1px solid #1771BF; font-size:17px; font-weight:400; color: #555; white-space:normal !important; }
.jm_table09 table th, .jm_table09 table td  {  border: 1px solid rgba(0,0,0,0.15); vertical-align:middle !important; padding:15px 8px !important; }
.jm_table09 table th { background:#009688; color:#fff; border-top:0!important; text-align:center; font-weight:500; }
.jm_table09 table td {text-align:center; }
.jm_table09 table td:nth-child(2) { text-align:left; }


/*산학협력 - 방재 정보통신 지역 혁신센터 공용장비 지원*/
.jm_table10 table { width:calc(100% - 0px); border:1px solid #1771BF; font-size:17px; font-weight:400; color: #555; white-space:normal !important; }
.jm_table10 table tr:nth-child(2n) td { background:rgba(0,0,0,0.03); }
.jm_table10 table th, .jm_table10 table td  {  border: 1px solid rgba(0,0,0,0.15); vertical-align:middle !important; padding:15px 8px !important; }
.jm_table10 table th { background:#009688; color:#fff; border-top:0!important; text-align:center; font-weight:500; }
.jm_table10 table td:nth-child(1), .jm_table10 table td:nth-child(4) { text-align:center;  }
.jm_table10 table td a { color:#1771BF; transition:all 0.3s; } /*display: flex; justify-content: center; align-items: center;*/
.jm_table10 table td a:hover { color:#F2B705; }
.jm_table10 table td a i { font-size:24px;  }

/*산학협력 - 가족회사 현황 리스트용 (사용안함) */
.jm_table11 table { width:calc(100% - 0px); border:1px solid #1771BF; font-size:17px; font-weight:400; color: #555; white-space:normal !important; }
.jm_table11 table th, .jm_table11 table td  {  border: 1px solid rgba(0,0,0,0.15); vertical-align:middle !important; padding:15px 8px !important; text-align:center; }
.jm_table11 table th { background:#1771BF; color:#fff; border-top:0!important; text-align:center; font-weight:500; }
.jm_table11 table td { height: 58px; }
/*.jm_table11 table td:nth-child(1), .jm_table11 table td:nth-child(4) { text-align:center;  }*/
.jm_table11 table td a.company_name {  display: flex; align-items: center; transition:all 0.3s; }
.jm_table11 table td a:hover { color:#2E83F2; }
.jm_table11 table td a i { font-size:24px; color:#1771BF; }


/*산학협력 - 가족회사 현황 리스트용*/
/*하단 리스트용 (타이틀 안보이는 리스트)*/
.con_box2 { margin-top:20px;  }
.jm_table_12 { background:rgba(0,0,0,0.03); display: flex; } /*margin:50px 0;*/
.jm_table_12 ul { width:100%; }
.jm_table_12 ul li { float:left; border:1px solid #ccc; border-top: 0; margin-left:-1px; text-align:center; }
.jm_table_12 ul li.no_tit { width:6%; } /*8%*/
.jm_table_12 ul li.zone_tit { width:8%; } /*10%*/
.jm_table_12 ul li.company_tit { width:calc(30% + 7px); }
.jm_table_12 ul li.ceo_tit { width:14%; } /*10%*/
.jm_table_12 ul li.tel_num { width:15%; }
.jm_table_12 ul li.biz_num { width:14%; } /*15%*/
.jm_table_12 ul li.regist_date { width:13%; }
.jm_table_12 ul li .tit_txt { padding:10px 7px; background: #009688; border: 0; color: #fff; height: 70px; display: flex; justify-content: center; align-items: center;  }
.jm_table_12 ul li .con_txt { padding:10px 7px; background: #fff;  font-size: 17px; }
.jm_table_12 ul li .con_txt a {  }
.jm_table_12 ul li .con_txt a.company_name { font-weight:400; display: flex; align-items: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical; text-align: left; word-break: break-all; }
.jm_table_12 ul li .con_txt a i { font-size: 21px; color:#1771BF; }
.jm_table_12 ul li .con_txt a:hover { color:#BF0413; }
@media (max-width:1180px) {
	.jm_table_12 ul li .bdr_top  { border-top: 1px solid rgba(0,0,0,0.15) !important; }
}
@media (max-width:1180px) {
	.con_box2 { display:flex; justify-content: space-between; flex-wrap: wrap; }
	.jm_table_12 { width: 49%; margin-top: 15px; } /*margin-top:20px;*/
	.jm_table_12 ul li { width:100%; border:0; border-bottom: 0; }
	.jm_table_12 ul li.no_tit, .jm_table_12 ul li.zone_tit, .jm_table_12 ul li.company_tit, .jm_table_12 ul li.ceo_tit, .jm_table_12 ul li.tel_num, .jm_table_12 ul li.biz_num, .jm_table_12 ul li.regist_date { width:100%; }
	.jm_table_12 ul li .tit_txt, .jm_table_12 ul li .con_txt {  } /*width:50%; float:left;*/
	.jm_table_12 ul li .tit_txt { height:auto;  border-bottom: 1px solid rgba(255,255,255,0.3); width: 40%; float: left; }
	.jm_table_12 ul li .tit_txt { display:block; text-align:left; }
	.jm_table_12 ul li:last-child { border-bottom:0; }
	.jm_table_12 ul li .con_txt { float: left; width:60%; height: 48px; text-align: left; background: #fff; border-bottom: 1px solid rgba(0,0,0,0.15); border-right: 1px solid rgba(0,0,0,0.15);}
}
@media (max-width:740px) {
	.con_box2 { display:block; }
	.jm_table_12 { width: 100%; margin-top: 0; } /*margin-top:15px;*/
	.jm_table_12 ul { overflow: hidden; padding: 20px 20px 0 20px; background: rgba(0,0,0,0.01); } /*border: 1px solid #ccc;*/
}
@media (max-width:640px) {
	.jm_table_12 {  } /*margin-top:15px;*/
	.jm_table_12 ul li { margin-left: -1px; }
	.jm_table_12 ul li .tit_txt { float: left; padding:7px; border-bottom: 1px solid rgba(255,255,255,0.15);}
	.jm_table_12 ul li .con_txt { padding:7px; background: #fff; }
}
@media (max-width:500px) {
	.jm_table_12 ul {  padding:0px }
	.jm_table_12 ul li { border:0; } /*border:1px solid rgba(0,0,0,0.1); border-bottom:0;*/
	.jm_table_12 ul li .tit_txt { padding:5px; font-size: 14px; height: 32px !important;}
	.jm_table_12 ul li .con_txt { padding: 5px; font-size: 14px; border-bottom: 1px solid rgba(0,0,0,0.15); border-right:0; height: 32px; }
	.jm_table_12 ul li:last-child { border-bottom: 0; }
	.jm_table_12 { margin-top: 15px; border: 2px solid #009688;}
	.jm_table_12 ul li .bdr_top { border-top: 0 !important; height: 32px !important; }
	.jm_table_12 ul li:last-child .con_txt  { border-bottom:0 !important; }
	.jm_table_12 ul li:last-child .tit_txt  { border-bottom:0 !important; }
}

/*상단 리스트용 (타이틀 보이는 리스트)*/
.jm_table_12_2 { background:rgba(0,0,0,0.03); display: flex; } /*margin:50px 0;*/
.jm_table_12_2 ul { width:100%; }
.jm_table_12_2 ul li { float:left; border:1px solid #ccc; margin-left:-1px; text-align:center; }
.jm_table_12_2 ul li.no_tit { width:6%; } /*8%*/
.jm_table_12_2 ul li.zone_tit { width:8%; } /*10%*/
.jm_table_12_2 ul li.company_tit { width:calc(30% + 7px); }
.jm_table_12_2 ul li.ceo_tit { width:14%; } /*10%*/
.jm_table_12_2 ul li.tel_num { width:15%; }
.jm_table_12_2 ul li.biz_num { width:14%; } /*15%*/
.jm_table_12_2 ul li.regist_date { width:13%; }
.jm_table_12_2 ul li .tit_txt { padding:10px 7px; background: #009688; border: 0; color: #fff; height: 70px; display: flex; justify-content: center; align-items: center;  }
.jm_table_12_2 ul li .con_txt { padding:10px 7px; background: #fff; font-size:17px; }
.jm_table_12_2 ul li .con_txt a { }
.jm_table_12_2 ul li .con_txt a.company_name {  font-weight:400;  display: flex; align-items: center; transition:color 0.3s; }
.jm_table_12_2 ul li .con_txt a i { font-size: 21px; color:#1771BF; }
.jm_table_12_2 ul li .con_txt a:hover { color:#BF0413; }
.jm_table_12 ul li .tit_txt { display:none; }
@media (max-width:1180px) {
	.jm_table_12_2 ul li .bdr_top  { border-top: 1px solid rgba(0,0,0,0.15) !important; }
}
@media (max-width:1180px) {
	.jm_table_12_2 { width: 49%; margin-top: 15px; }
	.jm_table_12 ul li .tit_txt { display:block; height: 48px; }
	.jm_table_12_2 ul li { width:100%; border: 0; border-bottom: 0; }
	.jm_table_12_2 ul li.no_tit, .jm_table_12_2 ul li.zone_tit, .jm_table_12_2 ul li.company_tit, .jm_table_12_2 ul li.ceo_tit, .jm_table_12_2 ul li.tel_num, .jm_table_12_2 ul li.biz_num, .jm_table_12_2 ul li.regist_date { width:100%; }
	.jm_table_12_2 ul li .tit_txt, .jm_table_12_2 ul li .con_txt {  } /*width:50%; float:left;*/
	.jm_table_12_2 ul li .tit_txt { height:auto; border-bottom: 0;  width: 40%; float: left; }
	.jm_table_12_2 ul li .tit_txt { display:block; text-align:left; border-bottom: 1px solid rgba(255,255,255,0.3); height: 48px; }
	.jm_table_12_2 ul li:last-child { border-bottom:0; }
	/*.jm_table_12_2 ul li:first-child { border-top: 1px solid rgba(255,255,255,0.3); }*/
	.jm_table_12_2 ul li .con_txt { float: left; width:60%; height: 48px; text-align: left; background: #fff; border-bottom: 1px solid rgba(0,0,0,0.15); border-right: 1px solid rgba(0,0,0,0.15); }
	/*.jm_table_12_2 ul li:last-child .con_txt { border-bottom:0; }*/
}
@media (max-width:740px) {
	.jm_table_12_2 { width:100%;  }
	.jm_table_12_2 ul { overflow: hidden; padding: 20px 20px 0 20px; background: rgba(0,0,0,0.01); } /*border: 1px solid #ccc;*/
}
@media (max-width:640px) {
	.jm_table_12_2 ul li { margin-left: -1px; }
	.jm_table_12_2 ul li .tit_txt { float: left;  padding:7px; border-bottom: 1px solid rgba(255,255,255,0.15); height: 48px; }
	.jm_table_12_2 ul li .con_txt { padding:7px; }
}
@media (max-width:500px) {
	.jm_table_12_2 { border: 2px solid #009688; }
	.jm_table_12_2 ul {  padding:0px }
	.jm_table_12_2 ul li { border:none; }
	.jm_table_12_2 ul li .tit_txt { padding:5px; font-size: 14px; height: 32px; }
	.jm_table_12_2 ul li .con_txt { padding: 5px; font-size: 14px; border-right:0; height: 32px; }
	.jm_table_12_2 ul li:last-child { border-bottom: 0 !important; }
	.jm_table_12_2 ul li .bdr_top { border-top: 0 !important; height: 32px; }
	.jm_table_12_2 ul li:last-child .con_txt  { border-bottom:0 !important; }
	.jm_table_12_2 ul li:last-child .tit_txt  { border-bottom:0 !important; }
}

/*산학협력 - 산업자문 페이지 - 관련서식 테이블*/
.jm_table_13 {}
.jm_table_13 table {}
.jm_table_13 table th { background-color: #fafafa; font-weight: 400; color: #222; font-size: 15px; text-align:center;  border-top:2px solid #000; border-bottom: 1px solid #ddd; padding: 12px 10px; border-left:0; border-right:0; }
.jm_table_13 table tr { border-bottom:1px solid #ddd; }
.jm_table_13 table tr th:last-child, .jm_table_13 table tr td:last-child { border-left:1px solid #ddd; }
.jm_table_13 table td { height: 48px; }

/*산학협력 - 산업자문 페이지 - 신청 및 문의처 테이블*/
.jm_table_14 table .th_box { border-top:2px solid #000; }
.jm_table_14 table tr { border-bottom:1px solid #ddd; }
.jm_table_14 table th { vertical-align: middle; background:#fafafa; width:30%; text-align:center; font-size:18px; font-weight:500;}
.jm_table_14 table td { height: 48px; height: 100px; vertical-align: middle;  }
.jm_table_14 table td p { display:flex;  align-items: center; margin: 0px 0 0 3px; padding: 5px 24px; }
.jm_table_14 table td a { display: flex; align-items: center; }
.jm_table_14 table td a i { color:#feb155; font-size:20px; margin: 4px 0 0 3px; transition:all 0.3s; }
.jm_table_14 table td a:hover i { color:#2E83F2; }
.jm_table_14 table td .dot_bullet3 { margin-bottom: 0px; }
.jm_table_14 .tit_txt { background:#0d5daa;  color: rgb(22,27,42) !important; } /*color:#fff; */
.dot_bullet3::before { top: 15px; }
.jm_table_14 .th_box_ex1 { background:#eef4f9 !important; color:#222 !important; }
.jm_table_14 .th_box_ex1 span { display:flex; flex-direction: column; }
.jm_table_14 th i.human { color:#4093ff; font-size:33px; }

@media (max-width:1000px){
	.jm_table_14 table td p { align-items: center; padding: 5px 10px; }
	.dot_bullet3::before { left: 3px; }
}
@media (max-width:640px){
	.jm_table_14 .tit_txt { font-size: 16px; }
	.jm_table_14 th i.human { font-size:28px; }
}


/*산학협력 - 산업자문 - 신청절차 테이블*/
.jm_table_15 { background:#fff; }
.jm_table_15 table { border:2px solid #009688; }
.jm_table_15 table tr:last-child { border-bottom:0; }
.jm_table_15 table th { background:#ebf2f8; }
.jm_table_15 table thead th { background:#009688; color:#fff; border-bottom: 1px solid #009688; text-align:center; font-weight:400; }
.jm_table_15 table thead th:first-child { border-right:1px solid rgba(255,255,255,0.15); }
.jm_table_15 table td { vertical-align:middle; padding: 20px 10px; text-align:left;}
.jm_table_15 table td:first-child { border-right:1px solid #ddd; background:rgba(0,0,0,0.03); font-weight:500; width: 205px; }
.jm_table_15 table td .num_txt { background:#feb155; width:24px; height:24px; line-height:24px; text-align:center; display:inline-block; border-radius:50%; color:#fff; margin-right:3px; }

@media (max-width:640px) {
	.jm_table_15 table td { padding: 10px; height: 41.5px !important; } 
	.jm_table_15 table td:first-child { width: 115px; text-align: center; }
	.jm_table_15 table td {  } /*text-align:center;*/
	.jm_table_15 table td .tit_txt { display:block; margin-top:5px;}
}

/*산학협력 - 가족회사 현황 모달 팝업용 */
.jm_table16 table { width:calc(100% - 0px); border:1px solid #1771BF; font-size:17px; font-weight:400; color: #555; white-space:normal !important; }
.jm_table16 table th, .jm_table16 table td  {  border: 1px solid rgba(0,0,0,0.15); vertical-align:middle !important; padding:15px 8px !important; text-align:center; }
.jm_table16 table th { background:#1771BF; color:#fff; border-top:0!important; text-align:center; font-weight:500; }
.jm_table16 table td { height: 58px; text-align: left; }
.jm_table16 table td a.company_name {  display: flex; align-items: center; transition:all 0.3s; }
.jm_table16 table td a:hover { color:#2E83F2; }
.jm_table16 table td a i { font-size:24px; color:#1771BF; }

.jm_table16_modal .modal-header { background:#2E83F2; }
.jm_table16_modal .modal-header h5 { color:#fff; }
.jm_table16_modal td:nth-child(1) { background:#f0f8ff; color:#1771bf; width: 170px; }
.jm_table16_modal button.close { font-size: 2rem; font-weight: 300; color: #fff; text-shadow: 0 1px 0 #fff; opacity: .8; transition:opacity 0.3s; }
.jm_table16_modal button.close:hover { opacity:1 !important;  }
.jm_table16_modal .modal-footer { justify-content: center; border-top: 1px dashed #dee2e6; }
.jm_table16_modal button.close_btn { font-size:18px; padding: 0.375rem 2rem; }
.jm_table16_modal button.close_btn:hover { background:#2E83F2; border:1px solid #2E83F2; }

@media (max-width:768px) {
	
}

/*연구지원 - 연구비관리 - 연구비 카드발급 페이지*/
.two_divide_content_01 { overflow: hidden; }
.two_divide_content_01 .left_box { width:50%; display:inline-block; float:left; padding:15px; }
.two_divide_content_01 .right_box { width:50%; display:inline-block; float:left; padding:15px; }
.two_divide_content_01 .content_box { display:flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px 15px; text-align: center; border: 1px solid rgba(0,0,0,0.1);  background: #fff; min-height: 299px; }
.two_divide_content_01 .content_box .arrow { font-size: 24px; color: #F2B705; margin: 10px 0 0 0; }
.two_divide_content_01 .content_box .tit_txt2 { display: block; margin: 10px 0 0 0; font-size:18px; font-weight:400; color:#555; }
.two_divide_content_01 .content_box2 { display:flex; flex-direction: column; align-items: center; padding: 40px 15px; text-align: center; border: 1px solid rgba(0,0,0,0.1); border-top:none; background: #fff; }
.two_divide_content_01 .content_box2 .arrow { font-size: 24px; color: #F2B705; margin: 10px 0 0 0; }
.two_divide_content_01 .content_box2 .tit_txt2 { display: block; margin: 10px 0 0 0; font-size:18px; font-weight:400; color:#555; }
.two_divide_content_01 .right_box .content_box { } /*border-left:none;*/
.two_divide_content_01 .right_box .content_box2 { } /*border-left:none;*/
@media (max-width:768px) {
	.two_divide_content_01 .left_box { width:100%; float:unset; padding:0; }
	.two_divide_content_01 .right_box { width:100%; float:unset; padding:0; margin-top: 50px; }
	.two_divide_content_01 .right_box .content_box { border-left:1px solid rgba(0,0,0,0.1); }
	.two_divide_content_01 .right_box .content_box2 { border-left:1px solid rgba(0,0,0,0.1); }
}

/*고객서비스 - 고충상담 쓰기페이지 220107*/
.grievance_counseling .txt_box_01 {display: flex; align-items: center; position: relative; padding: 30px 40px; color: #333; font-size: 17px; border: 3px solid #ededed; margin-bottom: 40px; line-height: 30px; font-weight: 400; word-break: keep-all;} /*justify-content: center; text-align: center; height: 180px; */
.grievance_counseling .txt_box_01 .front_icon .icon { width:130px; height:130px; background: url('../images/sub/icon_grievance_counseling.svg') no-repeat; }
.grievance_counseling .txt_box_01::before, .grievance_counseling .txt_box_01::after {content: ""; position: absolute; width: 30px; height: 30px;}
.grievance_counseling .txt_box_01::before {top: -2px; left: -2px; border-top: 3px solid #0179e7; border-left: 3px solid #0179e7;}
.grievance_counseling .txt_box_01::after {bottom: -2px; right: -2px; border-bottom: 3px solid #0179e7; border-right: 3px solid #0179e7;}
.grievance_counseling .txt_box_01 .front_icon i { font-size:72px; 
background: rgb(219,54,164); 
background: -moz-linear-gradient(-45deg,  rgba(219,54,164,1) 0%, rgba(16,123,237,1) 68%, rgba(60,156,216,1) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(219,54,164,1) 0%,rgba(16,123,237,1) 68%,rgba(60,156,216,1) 100%);
background: linear-gradient(135deg,  rgba(219,54,164,1) 0%,rgba(16,123,237,1) 68%,rgba(60,156,216,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db36a4', endColorstr='#3c9cd8',GradientType=1 );
-webkit-background-clip:text; background-clip:text;
-webkit-text-fill-color:transparent; text-fill-color:transparent;
}
.grievance_counseling .txt_box_01 .right_content h3 { font-size:18px; font-weight:500; color:#0179e7; }
.grievance_counseling .txt_box_01 .right_content span {}
.grievance_counseling .txt_box_01 .right_content { margin-left: 42px; }
.grievance_counseling a.download_btn { background:#fff; padding:10px 10px; margin-top:10px; display: inline-block; border:1px solid #ccc; border-radius:5px; display: flex; align-items: center; justify-content: center; width: 230px; transition:all 0.3s; }
.grievance_counseling a.download_btn i { font-size:24px; }
.grievance_counseling a.download_btn:hover { background:#0068ce; border:1px solid #0068ce; color:#fff; }
.grievance_counseling_write { border-top: 3px solid #0179e7; }
.grievance_counseling_write .write_box_wrap1 { padding: 15px 0; border-bottom:1px dashed rgba(0,0,0,0.15); display: flex; width:100%; } /*border-left:0; border-right:0;  */
.grievance_counseling_write .write_box_wrap2 { padding: 15px 0; border-bottom:1px dashed rgba(0,0,0,0.15); display: flex;  width:50%; float:left; } 
.grievance_counseling_write .write_box_wrap3 { padding: 15px 0; border-bottom:1px solid rgba(0,0,0,0.15); display: flex;  width:100%; float:left; clear:both;} 
.grievance_counseling_write span.left_box { display:inline-block; background: #626262;color: #fff; font-weight: 400; text-align: center;width:100px; height:42px; line-height: 40px;  } /*padding-left: 10px;*/
.grievance_counseling_write span.right_box { height:42px; width: calc(100% - 100px); display: flex; } /*margin-left: 10px; */
.grievance_counseling_write span.right_box input { height:42px; border-left:0; }
.grievance_counseling_write span.right_box input.title_box { width:100%; background:#fff;  } 
.grievance_counseling_write span.right_box input { transition: all 0.3s; }
.grievance_counseling_write .right_box input:hover { background:#ecf4ff; border:1px solid rgba(23,113,191,0.5); border-left:0; }
.grievance_counseling_write .right_box input.title_box:hover { background:#ecf4ff; border:1px solid rgba(23,113,191,0.5); border-left:0; }
.grievance_counseling_write .right_box input.name_box:hover { background:#ecf4ff; border:1px solid rgba(23,113,191,0.5); border-left:0; }
.grievance_counseling_write .right_box input:focus { background:#ecf4ff; border:1px solid rgba(23,113,191,0.5); border-left:0; }
.grievance_counseling_write .right_box input.title_box:focus { background:#ecf4ff; border:1px solid rgba(23,113,191,0.5); border-left:0; }
.grievance_counseling_write .right_box input.name_box:focus { background:#ecf4ff; border:1px solid rgba(23,113,191,0.5); border-left:0; }
.grievance_counseling_write span.right_box input.name_box { width:calc(100% - 10px); background:#fff; } 
/*.grievance_counseling_write span.right_box input[type='file'] { width: calc(50% - 60px ); height: 42px; background: #ecf4ff; border: 1px solid #d9d8d8; }*/
/*.grievance_counseling_write span .password_wrap { display:inline-block; width: 150px; background:red; height: 42px; }*/
.grievance_counseling_write .password_box {  width:100%; background:#fff; }
.grievance_counseling_write .grievance_counseling_write .write_box_wrap3 .filebox .upload-name { display: inline-block; height: 42px; padding: 0 10px; vertical-align: middle; border: 1px solid #dddddd; border-left: 0; width:calc(50% - 59px); color: #999999; background: #ecf4ff; }
.grievance_counseling_write .grievance_counseling_write .write_box_wrap3 .filebox label { display: inline-block; padding: 10px 20px; color: #fff; vertical-align: middle; background-color:#1771BF; cursor: pointer; height: 42px; margin-left: 10px; }
.grievance_counseling_write .grievance_counseling_write .write_box_wrap3 .filebox input[type="file"]{ position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; }
/*.grievance_counseling_write .write_box_wrap3 span.right_box input { width:calc(50% - 60px); }*/ /*주석풀것*/
@media screen and (max-width: 1000px){
    .grievance_counseling .tab_box a {height: 45px; font-size: 15px;}
    .grievance_counseling .txt_box_01 { font-size: 16px; line-height: 24px; padding: 20px;} /*height: 140px;*/
}
@media screen and (max-width: 640px){
	.grievance_counseling_write span.left_box { width:100%; }
	.grievance_counseling_write span.right_box input.name_box { width:100%; }
	.grievance_counseling_write .write_box_wrap1 { flex-direction: column; }
	.grievance_counseling_write span.left_box { text-align:left; padding:2px 15px; }
	.grievance_counseling_write span.right_box {  width: calc(100% - 0px); border-left:1px solid #d9d8d8; }
	.grievance_counseling_write .write_box_wrap1 {  }
	.grievance_counseling_write .write_box_wrap2 { width:100%; flex-direction: column;  }
	.grievance_counseling_write .write_box_wrap3 span.left_box { width:74px; }

	.grievance_counseling .txt_box_01 { flex-direction: column; }
	.grievance_counseling .txt_box_01 .right_content { margin-left:0px; text-align:center; padding: 15px 0; }
	.grievance_counseling .txt_box_01 .right_content .front_icon { padding: 15px 0; }

	.grievance_counseling a.download_btn { margin: 15px auto 0; }
}
@media screen and (max-width: 480px) {
    .grievance_counseling .txt_box_01 {height: auto; line-height: 24px;}
}

/*input-file 스타일 변형*/

.filebox .upload-name { display: inline-block; height: 42px; padding: 0 10px; vertical-align: middle; border: 1px solid #dddddd; width: calc(50% - 60px); color: #999999; background:#fff; } /*width:78%;*/
.filebox label { display: flex; align-items:center; padding: 10px; color: #fff; vertical-align: middle; background-color: #1771BF; cursor: pointer; height: 42px; margin-left: 10px; transition:all 0.3s; }
.filebox label i { font-size:21px; margin-left:2px;}


.filebox label:hover { background:#2E83F2; }
.filebox input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; }
@media (max-width:640px) {
	.filebox .upload-name { width:100%;  }
	.filebox label { padding: 10px 10px; margin-left:0px; }
}


/*약관 규약 페이지*/
/*정보화윤리규약*/
/*
#contentWrap .content { width: 1240px; }
._contentBuilder { margin-top: 50px; }
._contentBuilder { width: 100%; height: 100%; }
._contentBuilder { position: relative; }
.contntMaster, .thisPath { display: none; position: fixed; top: 0; right: 0; font-size: 1em; line-height: 1.5; padding: 0 0.5em; border-width: 1px; border-style: solid; z-index: 999; background-color: #000; color: #fff; }
.multipleContentsDiv, .multipleDiv { position: relative; color: #777; font-size: 16px; }
#multipleDiv_chosun_2628 { height: auto; }
#multipleContentsDiv_chosun_2628 { width: 100%; height: 100%; margin: 0px auto; }
#menu137_obj2629 { width: auto; height: auto; margin: 0px 0px 30px; }
._obj { overflow: hidden; position: relative; }
.textbox_wrap { border: 1px solid #d9dee2; background-color: #f7f7f7; position: relative; padding: 20px 40px; width: 100%; box-sizing: border-box; }
.textbox_wrap:before {
    top: -1px;
    left: -1px;
}
.textbox_wrap:after {
    bottom: -1px;
    right: -1px;
    background-position: right bottom;
}
.textbox_wrap:before, .textbox_wrap:after {
    content: "";
    position: absolute;
    background: url('/images/sub/textBox_edge.png') left top no-repeat;
    width: 15px;
    height: 15px;
}
.textbox_wrap:before, .textbox_wrap:after { content: ""; position: absolute; background: url('/images/sub/textBox_edge.png') left top no-repeat; width: 15px; height: 15px; }
.textbox_wrap .wrap { position: relative; display: table-cell; vertical-align: middle; height: 70px; }
._contentBuilder ._obj .marB20 { margin-bottom: 20px !important; }
.textbox_wrap:after { bottom: -1px; right: -1px; background-position: right bottom; }
#_contentBuilder .objHeading_h3 { font-size: 20px; color: #333; line-height: 1.2; padding: 0 0 0 25px; background: url('/images/sub/objHeading_h3Bg.png') left 2px no-repeat; font-weight: 600; margin-bottom: 15px; }
#menu137_obj2633 { width: auto; height: auto; margin: 0px 0px 50px;}
.content .ul_1, .content .ul_2, .content .ul_3, .content .ol_1 { margin-top: 10px; }
.textbox_wrap .ul_1 > li { background: url('/images/sub/contents_ul.png') left 7px no-repeat; padding-left: 15px; margin-bottom: 10px; }
.textbox_wrap .ul_2 > li { background: url('/images/sub/textBox_ul2.png') left 9px no-repeat; padding-left: 15px; margin-bottom: 10px; }
.ul_1 > li { background: url('/images/sub/contents_ul.png') left 7px no-repeat;  padding-left: 15px;  margin-bottom: 10px;}
.ul_3 > li { background: url('/images/sub/contents_ul_3.png') left 10px no-repeat; padding-left: 12px; margin-bottom: 10px; }
.ul_1, .ul_2, .ul_3, .ol_1 { margin-top: 10px; }
.textbox_wrap.iconNo { border: none; background-color: #f3f9ff; }
._contentBuilder ._obj._objHtml .tableWrap, ._contentBuilder ._obj._objTag .tableWrap, ._contentBuilder .tableWrap { overflow: hidden; border-top-color: #2460db; border-top-style: solid; border-top-width: 1px; border-left-color: #FFF; border-left-style: solid; border-left-width: 0px; }
._contentBuilder ._obj .marT10 { margin-top: 10px !important; }
._contentBuilder ._obj._objHtml .tableWrap table { width:100%; }
._contentBuilder ._obj._objHtml .tableWrap table, ._contentBuilder ._obj._objTag .tableWrap table, ._contentBuilder .tableWrap table { background-color: #fff; margin-left: -1px; margin-bottom: 15px; }
._contentBuilder ._obj._objHtml .tableWrap table thead th, ._contentBuilder ._obj._objTag .tableWrap table thead th, ._contentBuilder .tableWrap table thead th { text-align: center; color: #333; background-color: #f3f5f7; }
._contentBuilder ._obj._objHtml .tableWrap table th, ._contentBuilder ._obj._objHtml .tableWrap table td, ._contentBuilder ._obj._objTag .tableWrap table th, ._contentBuilder ._obj._objTag .tableWrap table td, ._contentBuilder .tableWrap table th, ._contentBuilder .tableWrap table td { border-width: 0 0 1px 1px !important; border-color: #cecece !important; border-style: solid; width: auto; padding: 15px 10px; text-align: center;}
.content .ul_4 > li { margin-bottom: 10px; }
a.blank-text { color: #0055bc; text-decoration: underline; padding: 2px 5px; font-weight: 600; transition: ease all 0.3s; border-radius: 3px; }
a.blank-text:after {content: ''; width: 16px; height: 15px; display: inline-block; background: url('/images/sub/btn_blankB.png') no-repeat; vertical-align: middle; margin: -4px 0 0 5px; }
._contentBuilder ._obj._objHtml .tableWrap table .ul_4 { text-align:center; }
a.down-text { color: #0055bc; text-decoration: underline; font-weight: 600; padding: 2px 5px; transition: ease all 0.3s; border-radius: 3px; }
a.down-text:after { content: ''; width: 16px; height: 15px; display: inline-block; background: url('/images/sub/btn_down.png') no-repeat; vertical-align: middle; margin: -4px 0 0 5px; }
#_contentBuilder .objHeading_h4 { font-size: 18px; color: #333; line-height: 1.2; padding: 0 0 0 25px; margin-bottom: 0; background: url('/images/sub/objHeading_h4Bg.png') left 5px no-repeat; }
@media (max-width: 639px) {
	.textbox_wrap { display: block; padding: 15px; }
}
@media (min-width: 421px) and (max-width: 1024px) {
	#menu137_obj2631 { width: auto; height: auto; margin: 0px 0px 50px; }
	#menu653_obj5932 { width: auto; height: auto; margin: 50px 0px 0px; }
	#menu653_obj5935 { width: auto; height: auto; margin: 50px 0px 0px; }
	#menu656_obj8800 { margin: 30px 0px 0px; width: auto; height: auto; }
	#menu656_obj8802 { margin: 30px 0px 0px; width: auto; height: auto; }
	#menu656_obj8815 { margin: 30px 0px 0px; width: auto; height: auto; }
	#menu656_obj8820 { margin: 30px 0px 0px; width: auto; height: auto; }
	#menu656_obj8822 { margin: 30px 0px 0px; width: auto; height: auto; }
	#menu656_obj8824 { margin: 30px 0px 0px; width: auto; height: auto; }
	#menu656_obj8827 { margin: 30px 0px 0px; width: auto; height: auto; }
	#menu656_obj8829 { margin: 30px 0px 0px; width: auto; height: auto; }
	#menu656_obj8831 { margin: 30px 0px 0px; width: auto; height: auto; }
	#menu656_obj8833 { margin: 30px 0px 0px; width: auto; height: auto; }
	#menu656_obj8835 { margin: 30px 0px 0px; width: auto; height: auto; }
	#menu656_obj8838 { margin: 30px 0px 0px; width: auto; height: auto; }
	#menu656_obj8840 { margin: 30px 0px 0px; width: auto; height: auto; }
}
@media (min-width: 1025px){
	#menu137_obj2630 { width: auto; height: auto; margin: 0px 0px 10px; }
	#menu137_obj2631 { width: auto; height: auto; margin: 0px 0px 50px; }
	#menu137_obj2632 { width: auto; height: auto; margin: 0px 0px 10px; }
	#menu653_obj5932 { width: auto; height: auto; margin: 50px 0px 0px; }
	#menu653_obj5935 { width: auto; height: auto; margin: 50px 0px 0px; }
	#menu656_obj8800 { margin: 50px 0px 0px; width: auto; height: auto; }
	#menu656_obj8802 { margin: 60px 0px 0px; width: auto; height: auto; }
	#menu656_obj8815 { margin: 60px 0px 0px; width: auto; height: auto; }
	#menu656_obj8820 { margin: 60px 0px 0px; width: auto; height: auto; }
	#menu656_obj8822 { margin: 60px 0px 0px; width: auto; height: auto; }
	#menu656_obj8824 { margin: 60px 0px 0px; width: auto; height: auto; }
	#menu656_obj8827 { margin: 60px 0px 0px; width: auto; height: auto; }
	#menu656_obj8829 { margin: 60px 0px 0px; width: auto; height: auto; }
	#menu656_obj8831 { margin: 60px 0px 0px; width: auto; height: auto; }
	#menu656_obj8833 { margin: 60px 0px 0px; width: auto; height: auto; }
	#menu656_obj8835 { margin: 60px 0px 0px; width: auto; height: auto; }
	#menu656_obj8838 { margin: 60px 0px 0px; width: auto; height: auto; }
	#menu656_obj8840 { margin: 50px 0px 0px; width: auto; height: auto; }
}
*/

/*이용약관 타입2*/
.bullet-type01 { margin-top:10px; }