@charset "utf-8";
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * Bootstrap 속성 추가 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
@media (min-width: 1920px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:1400px
    }
}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 테마 Custom *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
body {word-break: keep-all;}
#header {display: none;}
.navbar .navbar-nav .nav-link.kor {font-weight: 500;}
.about-intro .imgs .img1 {width: 90%; margin:30px auto 0;}
.footer-container {transform: unset !important;}
.page-header {min-height: unset;}
.hamenu .menu-links{height: 530px;}
.works.thecontainer.grid-1 {width: 50vh;}
.works.thecontainer.grid-2 {width: 100vh;}
.works.thecontainer.grid-3 {width: 150vh;}
.works.thecontainer.grid-4 {width: 200vh;}
.works.thecontainer.grid-5 {width: 250vh;}
.works.thecontainer.grid-6 {width: 300vh;}

.showcase-full .parallax-slider .caption h1{font-size: 70px}
.showcase-full .parallax-slider .caption h5{font-weight: 700; font-size: 28px} 
.showcase-full .parallax-slider .caption h6{font-size: 18px; font-weight: 500;}

@media screen and (max-width: 992px) {
    .page-header {padding-bottom: unset !important;}
    .section-padding {padding: 80px 0; box-sizing: border-box;}
}

.topnav.dark .menu-icon{display: flex; align-items: center;}
.topnav.dark .menu-icon .icon i{width: 26px; margin: 5px 0;}
.topnav .menu-icon .text .word{font-size: 18px;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

* programCon Custom *

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.programCon {max-width: 1400px; margin: auto; width: 93.75%;}
.er_cont img.er_mark {max-width: fit-content;}

/* --- product list --- */
.programCon .prod_list {display: flex; gap: 40px 80px; flex-wrap: wrap; margin: 0; padding: 0; list-style-type: none;}
.programCon .prod_list li {width: calc(50% - 40px); position: relative;}
.programCon .prod_list li.no-data {width: 100%;}
.programCon .prod_list li .img_box {width: 100%; aspect-ratio: 1/0.67; background-color: #eee; position: relative; overflow: hidden;}
.programCon .prod_list li .img_box img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: fit-content;}
.programCon .prod_list li .txt_box {padding: 20px 0; box-sizing: border-box;}
.programCon .prod_list li .txt_box h6 {font-weight: 500; font-size: 22px; line-height: 1.27em; letter-spacing: -0.04em; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: 0.25s;}
.programCon .prod_list li .txt_box p {font-weight: 300; font-size: 18px; line-height: 1.55em; letter-spacing: -0.04em; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.programCon .prod_list li .sub_txt {position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.65); width: 100%; max-width: fit-content; padding: 15px 20px; box-sizing: border-box; transition: 0.25s}
.programCon .prod_list li .sub_txt p {font-weight: 500; font-size: 18px; line-height: 1.55em; color: #fff;}
/* hover */
.programCon .prod_list li:hover .sub_txt {background-color: #f07d00;}
.programCon .prod_list li:hover .txt_box h6 {color: #f07d00;}

@media all and (max-width: 1024px) {
    .programCon .prod_list {gap: 40px 40px;}
    .programCon .prod_list li {width: calc(50% - 20px);}
}
@media all and (max-width:1000px){
    .programCon_Custom .program_search{display: flex;}
    .programCon_Custom .program_search > span{margin-top: 0; width: 70%;}
    .programCon_Custom .program_search input[type="text"]{width: calc(100% - 115px);}
}


@media all and (max-width: 767px) {
    .programCon .prod_list li {width: 100%;}
    .programCon .prod_list li .txt_box h6 {font-size: 18px;}
    .programCon .prod_list li .txt_box p {font-size: 14px;}
    .programCon .prod_list li .sub_txt p {font-size: 14px;}
}
@media all and (max-width:640px){
    .programCon_Custom .program_search input[type="text"]{width: calc(100% - 110px);}
}
/* --- 제휴문의 --- */
.partner .writeForm {margin-top: 0;}
.partner .writeForm .note p {font-weight: 300; font-size: 16px; line-height: 1.625em; letter-spacing: -0.04em; color: #f07d00;}
.partner .writeForm > table {table-layout: fixed;}
.partner .writeForm > table > tbody + tbody {border-top: 1px solid #c1c2c4;}
.partner .writeForm > table > tbody > tr:first-child > * {padding-top: 30px;}
.partner .writeForm > table > tbody > tr:last-child > * {padding-bottom: 30px;}
.partner .writeForm > table > tbody > tr {border: none;}
.partner .writeForm > table > tbody > tr > th {background-color: transparent; padding: 0 10px; font-size: 18px; font-weight: 500; line-height: 1.55em; letter-spacing: -0.04em; color: #333;}
.partner .writeForm > table > tbody > tr > td {padding: 10px 0; font-weight: 300; font-size: 18px; line-height: 1.55em; letter-spacing: -0.04em; color: #666;}
.partner .writeForm > table > tbody > tr > td .flex_wrap {display: flex; flex-wrap: wrap;}
.partner .writeForm table tr td .flex_wrap label {font-size: 18px;}
.partner .writeForm table tr td input[type="text"],
.partner .writeForm table tr td select,
.partner .writeForm table tr td input[type="password"],
.partner .writeForm table tr td input[type="file"] {height: 60px; border-radius: 10px; font-weight: 300; font-size: 18px; letter-spacing: -0.04em; color: #666; text-align: left; text-align-last: left; background-color: #fff;}
.partner .writeForm table tr td select option {text-align: left;}
.partner .writeForm table tr td .inputTxt {width: 100%;}
.partner .writeForm > table {border: none;}

.partner .writeForm table tr td select.selectNum {width: 248px;}
.partner .writeForm table tr td .inputNum {width: 248px;}
.partner .writeForm table tr td .inputTit {width: 100%;}
.partner .writeForm table tr td .inputPass {width: 100%;}
.partner .note-editor {background-color: #fff;}

.partner .programCon .join .ScrollLy {background-color: #fff;}
.partner .programCon .join .joinTop .jcheck {border: none; text-align: left; background-color: transparent;}
.partner .writeForm table tr td input[type="checkbox"] {margin-left: 0;}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 기업부설연구소 sub_visual *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.lab .sub_visual{padding-top: 72.5px;}
.lab .sub_visual .container{max-width: unset; padding: 0;}
.lab .sub_visual .d-flex{padding: 0 !important;}
.lab .sub_visual .position-re{padding-left: 15%; box-sizing: border-box;}

.lab .sub_visual .text.desc{padding: 80px 15% 80px 80px; box-sizing: border-box; background-color: #f07d00;}
.lab .sub_visual .text.desc p{color: #fff;}

@media all and (max-width:992px) {
    .lab .sub_visual .position-re{padding: 0;}
    .lab .sub_visual .text.desc {padding: 50px;}
}