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

.res{ display:none}

@media screen and (max-width:1400px){
.res.w1400{ display: block}

/* sub */
/* 공통 */
.page_tit .t1{font-size: 2.13em;}
.page_tit .t8{font-size: 1.06em;}

/* CEO인사말 */
.greeting_wrapper .greetingTxt .tt br{display: none;}

/* 연구소 소개 */
}

@media screen and (max-width:1280px){
.res.w1280{ display: block}
body{ font-size:15px}

}

@media screen and (max-width:1024px){
.res.w1024{ display: block}
body{ font-size:13px}

.scr_i{display: inline-flex; align-items: center; gap:.2em; margin-top: 5px; color:var(--siteC);  }
.scr_i .xi{ transform: rotate(90deg);}
.scroll_wrap{width: 100%; overflow-x: auto;}
.scroll_wrap table {min-width: 1000px; width: max-content; border-collapse: collapse;}
.dp2_performance .scroll_wrap table{min-width: 700px; width: auto;}
.scroll_wrap table.mt20{margin-top: .5em !important;}
.scroll_wrap.st1{overflow-x: unset;}
.scroll_wrap.st1 table{min-width: 0; width: auto;}

/* header */
#header .top_wrap .wrapF{ justify-content: space-between;}
html:not(.allOn) #header .top_wrap .gnb_wrap{display: none;}
html.intro #header,
#header.st2:not(:hover){background: #fff;}

.allOn #header{padding-right: 0;}
.allOn #header:before{display: none;}
.allOn #header .all_wrap .allBtn .ico:before{color: #111;}
.allOn #header .gnb_wrap .gnb{gap: 3em;}
.allOn #header .gnb_wrap .gnb > li{width: calc((100% - 3em) / 2); flex: none;}
.allOn #header .gnb_wrap .gnb > li.m_product{width: 47%;}
.allOn #header .gnb_wrap .gnb > li .dp2 > li > a{ padding: 3.4vmin 2vmin;}
.allOn #header .gnb_wrap .gnb > li .dp2 > li > a .tt{ font-size: 2.6vmin;}
.allOn #header .gnb_wrap .gnb > li .dp2 > li .dp3 > li > a{font-size: 1.2em; }

.allOn #header .top_wrap .etc_wrap{ margin: 2.5em 0 4em; flex-basis: 100%; }
.allOn #header .top_wrap .wrapF{gap: 0;}

/* main */
.visualSlide_wrap .slogan .t1{margin: 0 8vmin;}
.visualSlide_wrap .keyword{ flex-wrap: wrap; justify-content: center; margin: 0 8vmin;}
.visualSlideSlogan_wrap .wrapF{flex-direction: column; align-items: flex-end; gap: 0;}
.visualSlide_control .control{ align-items: flex-end;}
.visualSlide_control .paging{flex-direction: column; margin: 0; align-items: flex-start;}
.swiperControl .paging.grow{display: none;}

.mainCompany .companyW{flex-direction: column;}
#section1,
#section1 .slimScrollDiv,
#section1 .fp-scrollable,
#section3,
#section4,
#section5,
#section5 .slimScrollDiv,
#section5 .fp-scrollable{height: auto !important;}
#section4{overflow: hidden !important;}

.mainCompany .companyW .vodW{width: 100%;}
.mainCompany .companyW .conW .link{background: #fff; border-radius: 1em; flex-wrap: wrap;}
.mainCompany .companyW .conW .link > li{flex: 1 1 50%;}
#section1 .wrapIn,
#section2 .wrapIn{padding-bottom: 7em;}
#section5 .wrapIn{padding-bottom: 9em;}

.mainBusiSlide .el{width: 50%;}
.mainGlobal .bgW .el{display: none;}
.mainGlobal .mainTit{position: static; padding: 0;}
.mainGlobal .locSlider_container{margin-top: 0;}

.mainManage .list{flex-direction: column; overflow: hidden; border-radius: 1em;}
.mainManage .list > li{width: 100%; height: 20em; flex: none; overflow:unset;}
.mainManage .list > li .con{padding: 5em 4em;}
.mainManage .list > li:first-child .bg { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.mainManage .list > li:last-child .bg { border-top-right-radius: 0; border-bottom-right-radius: 0; }

/* footer */
#footer .logo_wrap{flex-direction: column; align-items: start;}
#footer .menu_wrap{margin-left: 0; flex-wrap: wrap; justify-content: start; gap: 1em 1.5em;}
#footer .menu_wrap > li:not(:first-child) > a:before{left: -0.8em}
#footer .info_wrap{ flex-direction: column-reverse;}
#footer .site_wrap{margin-left: 0; margin-bottom: 3em;}
#footer .info > li{width: auto !important;}

/* sub */
/* 공통 */
.sub #contents{overflow: hidden;}
.page_tt br,
.page_tit br{display: none;}
.page_tit .t1{font-size: 2.62em;}
.page_tit .t8{font-size: 1.31em;}


/* 회사소개 */
#contents .sub_top_wrap .subTab{display: none;}

.descWrap.s2 > li,
.introInner .descWrap.s2 > li > b{font-size: 1.25em;}
.introInner .innerWrap{text-align: center;}

.overview_numWrap .box-item{width: calc((100% - 2em) / 2); background: #f7f7f7; justify-content: flex-start; height: auto;}
.overview_numWrap .box-item .tt{transform: translateY(0);}
.overview_numWrap .box-item > .ttCon { overflow: unset; height: auto;}
.overview_numWrap .box-item:hover > .ttCon{height: auto;}
.overview_numWrap .box-item:before{display: none;}
.overview_numWrap .box-item .numCon > .numWrap{font-size: 3.23em;}
.overview_numWrap .box-item .numCon > .numWrap > .num{color: var(--siteC);}

/* ceo인사말 */
.greeting_wrapper .greetingBtm .ceoImg{position: static; width: 60%; margin-top: 6em;}
.greeting_wrapper .greetingBtm .BtmContainer{display: flex; flex-direction: column-reverse; align-items: center;}
.greeting_wrapper .greetingBtm .BtmContainer .txtWrap{width: 100%;}

/* 가치경영 */
.value_wrapper .value_item .roundItem{ width: 400px;}
.intro_wrapper .intro_con{flex-direction: column; align-items: flex-start;}
.intro_wrapper .intro_con:nth-child(2n){flex-direction: column-reverse; align-items: flex-end;}
.intro_wrapper .intro_con .info{width: 50%;}

/* 인증 */
.page_certificate .list > li{ flex: 0 0 calc((100% - 4em) / 3);}

/* ci */
.page_col{flex-direction: column; gap: 0;}
.ci-container .type-wrap .logoBox{flex-direction: column;}
.ci-container .type-wrap .logoBox > li,
.page_col > li.w2{width: 100%;}
.page_col > li.w2 .l-title{margin-bottom: 2em;}

/* 찾아오시는 길 */
.page_location .loc-inner .info{flex-direction: column;}
.dp2_location .loc-tab > li{ flex: 1 1 calc((100% - .5em) / 2); max-width: calc((100% - .5em) / 2);}

/* 제품군 소개 */
.proaboutWrapper .proaboutTop{height: 55vh;}

/* 핵심경쟁력 */
.core_container .coreItem_Wrapper{position: static;}
.core_container .cirContainer{display: none;}

.core_container .coreItem_Wrapper{gap: 2em; }
.core_container .coreItem_Wrapper .coreItem{background: #f1f1f1; padding: 2.5em 2em; box-sizing: border-box; border-radius: 1em; width: calc((100% - 2em) / 2);}
.core_container .coreItem_Wrapper .coreItem .innerItem{margin-top: 1em;}
.core_container .coreItem_Wrapper .coreItem .innerItem > .innerBtm{height: auto;}
/* .core_container .coreItem_Wrapper .coreItem:nth-child(4) .iconCon{ top: -8em;}
.core_container .coreItem_Wrapper .coreItem:nth-child(3) .iconCon{ top: -6.2em;} */
.core_container .coreItem_Wrapper .coreItem .iconCon{position: static !important;}
.core_container .coreItem_Wrapper .coreItem:nth-child(2n) .innerItem > .innerBtm,
.core_container .coreItem_Wrapper .coreItem:nth-child(2n) .innerItem > .innerTop > .tit{text-align: left;}
.core_container .coreItem_Wrapper .coreItem:nth-child(2n) .innerItem > .innerBtm{padding-left: 0;}
.core_container .coreItem_Wrapper .coreItem .innerItem > .innerBtm{padding-right: 0;}
.core_container .coreItem_Wrapper .coreItem:nth-child(2n){flex-direction: row;}
.core_container .coreItem_Wrapper .coreItem:nth-child(3),
.core_container .coreItem_Wrapper .coreItem:nth-child(4){align-items: start;}

/* 연구소 소개 */
.rnd_slogan .txtWrap .tit{font-size: 2.77em;}
.major-wrapper > .left{width: 100%;}
.major-wrapper > .right{width: 100%;}

/* 인재상 */
.comapanyInfo .boxInfo .boxList{gap: 3em;}
.comapanyInfo .boxInfo .boxList > li{flex: 1 1 calc((100% - 6em) / 3); max-width: calc((100% - 6em) / 3); }
.comapanyInfo .boxInfo .boxList > li > .in{margin: 0; }

/* 조직문화 */
.IconWideLay .iconItem{flex-direction: column; gap: 1em;}
.IconWideLay .iconItem .txt-box:before{display: none;}
.IconWideLay .iconItem .txt-box{width: 100%;}
.IconWideLay .iconItem .txt-box .txt{text-align: center;}

}

@media screen and (max-width:768px){

/* main */
.mainBusiSlide .el{width: 100%;}
.mainNewsSlide .el{width: 50%;}

.mainTit .tt1{font-size: 1.23em;}

/* sub */
/* 공통 */
.page_tit .t1{font-size: 2em;}
.page_tit br{display: none;}


/* 회사소개 */
.descWrap.s2 > li br{display: none;}
.introInner .innerWrap .t1 > i{font-size: 1em;}

.overview_numWrap .box-item .tit{font-size: 1.38em;}

/* 가치경영 */
.value_wrapper .value_item .roundItem{ width: 280px;}
.intro_wrapper .intro_con .img_con,
.intro_wrapper .intro_con .info{width: 100%;}
.intro_wrapper .intro_con{gap: 2em;}
.intro_wrapper .intro_con .info > .tit{font-size: 2em;}

/* 연혁 */
.history_wrap .container:before,
.history_wrap .scrollAniHis,
.history_wrap:before{left: 1em;}
.history_wrap .hisItem{ flex-direction: column; gap: 3em; margin-left: 4.5em;}
.history_wrap .hisItem .left{width: 100%;}
.history_wrap .hisItem .right{width: 100%;}

/* 인사말 */
.board_flex.partner_list > li{width: 50%;}

/* 인증 */
html.pop .popWrap.img{width: 58vw;}
.page_certificate .list{gap: 4em 2em;}
.page_certificate .list > li{ flex: 0 0 calc((100% - 2em) / 2);}

.page_txt .txt .page_tt{display: inline;}

/* CI */
.l-color .list{flex-wrap: wrap;}
.l-color .list > li{flex: none; width: 100%;}

/* 네트워크 */
.mainGlobal.subGlobal .bgW{display: none;}
.mainGlobal.subGlobal .locSlider_container{position: static; transform: translateX(0); margin-top: 2em;}

/* 제품군 소개 */
.proaboutWrapper .linkList{flex-wrap: wrap; }
.proaboutWrapper .linkList > li{width: 50%; max-width: 50%;}

/* 제품 소개 */
.product_head .page_tit{text-align: center;}
.product_head .proPic > li{max-width: 100%; flex: 1 1 100%;}

.pageProWrap .pordInner{flex-direction: column; gap: 3em;}
.pageProWrap .pordInner > .prodImg,
.pageProWrap .pordInner > .prodInfo{width: 100%;}

.loc-tab{ justify-content: flex-start;}
.loc-tab > li{ flex: 1 1 calc((100% - .5em) / 2); max-width: calc((100% - .5em) / 2);}

.pageProWrap .page_item .struc_wrap{flex-direction: column;}
.pageProWrap .page_item .struc_wrap .struc_item{width: 100%;}
.pageProWrap .pordInner > .prodImg{height: 50em;}
.pageProWrap .pordInner > .prodInfo{text-align: center;}
.pageProWrap .pordInner > .prodInfo > .title{font-size: 1.85em;}
.pageProWrap .pordInner > .prodInfo > .txtList > li > .con > .tit{text-align: left;}
.page_dot_list > li{text-align: left;}
.product_list{gap: 2em;}
.product_list li{width: calc((100% - 2em) / 2);}


/* 핵심 경쟁력 */
.core_container .coreItem_Wrapper .coreItem{width: 100%;}

/* 연구소 소개 */
.newpro > li{flex: 1 1 100% !important; max-width: 100% !important; margin-bottom: 2.5em;}
.pageWrapper .page_con.pori{padding: 6em 0 7em;}
.pageWrapper .page_con.pori .flex_box{margin-top: 4em !important;}
.security_wrap{ display: flex ; flex-direction: column; align-items: center; padding: 0;}
.security_wrap .cir_inner{position: static; transform: translate(0); margin-bottom: 7em;}
.security_wrap .security_list > li > .in > .inner{padding: 3em 2em;}
.security_wrap .security_list > li:nth-child(2n) .in > .inner{padding-left: 2em; text-align: left; align-items: flex-start;}

/* 주요연구 분야 */
.major-wrapper{flex-direction: column-reverse; gap: 2em;}
.major-wrapper > .left > .topLeft > .subtit{margin-bottom: 1em;}
.major-wrapper > .left > .topLeft > .subtit br{display: none; }

.majorBox > li{ flex: 1 1 50% !important; max-width: 50% !important;}

/* 연구인프라 */
.rnd_proWrap .intro_con{flex-direction: column;}
.rnd_proWrap .intro_con:nth-child(2){flex-direction: column-reverse;}
.rnd_proWrap .intro_con .img_con,
.rnd_proWrap .intro_con .info{width: 100%; }
.rnd_proWrap .intro_con .info,
.rnd_proWrap .intro_con:nth-child(2n) .info{padding-left: 2em; margin: 2em 0 2em;}

/* 인재상 */
.comapanyInfo .boxInfo .boxList > li{flex: 1 1 100%; max-width: 100%; }
.comapanyInfo .boxInfo .boxList > li > .in > .imgCon{height: 34em;}

/* 조직문화 */
.IconWideLay .iconItem .txt-box{padding: 0 1em;}
.systemList > li{flex: 1 1 100% !important; max-width: 100% !important;}
.systemList > li > .in > .icon{position: static; margin-bottom: 1em;}

/* 복리후생 */
.benifitList > li{flex: 1 1 50% !important; max-width: 50% !important;}

/* esg */
.esg_intro_container .esgTop{flex-direction: column;}
.esg_intro_container .esgTop > .page_tit,
.esg_intro_container .esgTop > .imgCon{width: 100%;}

/* RE100 */
.re100_wrapper{flex-direction: column; gap: 2em;}
.re100_wrapper .leftImg{width: 100%; height: 28em;}
.re100_wrapper .rightInfo .main_more{margin-top: 1em !important;}
}

@media screen and (max-width:640px){


/* header */
#header .top_wrap .logo{height: 2.75em;}
#header .top_wrap .wrapH{height: 6em;}
#header .top_wrap .etc_wrap{gap: 0;}

.allOn #header .gnb_wrap .gnb > li{width: 100%;}
.allOn #header .gnb_wrap .gnb > li.m_product{width: 100%;}
.allOn #header .gnb_wrap .gnb > li .dp1 .tt{font-size: 5.1vmin;}
.allOn #header .gnb_wrap .gnb > li .dp2 > li > a{padding: 5.4vmin 2vmin;}
.allOn #header .gnb_wrap .gnb > li .dp2 > li > a .tt{font-size: 1.3em;}
.allOn #header .gnb_wrap .gnb > li .dp2 > li .dp3 > li > a{font-size: 1.3em; padding: 1.5vmin 1vmin;}

/* main */
.mainScroll{width: 8em;}

.visualSlide_wrap .slogan .t1 .el > i br{display: none;}
.visualSlide_wrap .keyword > li > a{height: 2em; padding: 0 1em;}
.visualSlide_wrap .keyword > li > a .tt{font-size: 1em;}

.mainNewsSlide .el{width: 100%; height: 100%;}

.mainManage .list > li{height: 16em;}
.mainManage .list > li .con{padding: 3em 2em;}
.mainManage .list > li .con .t1{font-size: 1.85em;}

/* footer */
#footer .logo_wrap,
#footer .wrapF{gap: 2.5em;}
#footer .info > li{ margin-bottom: 0.6em;}

html.pop .popWrap{ max-width: 90vw;}

/* sub */
/* 공통 */
.page_tit .t0{font-size: 2.46em;}
.page_tit .t8{font-size: 1.125em;}
.page_tit .t1{font-size: 1.85em;}

#contents .sub_top_wrap{ height: 35vh;}
.greeting_wrapper .greetingTop > .page_tit > .t0 br{display: none;}

.pageWrapper .page_con{ padding: 0 0 4em 0;}

/* 회사소개 */
.overview_numWrap .box-item{width: 100%;}
.overview_numWrap .box-item .tt br{display: none;}

/* ceo인사말 */
.greeting_wrapper .greetingBtm .ceoImg{width: 100%; margin-top: 4em; height: 29em;}

/* 가치경영 */
.value_wrapper .value_item:nth-child(1){ right: -1em;}
.value_wrapper .value_item:nth-child(2){left: -1em;}
.value_wrapper .value_item .roundItem{ width: 180px; height: 180px;}
.value_wrapper .value_item .roundItem > .tt{font-size: 1.54em;}
.value_wrapper .value_item .title > .tit{font-size: 1.85em;}
.intro_wrapper .intro_con{margin-bottom: 4em;}
.intro_wrapper .intro_con .info > .tit{font-size: 1.69em;}

/* 연혁 */
.history_wrap .hisItem{margin-left: 2em;}

/* 인증 */
.page_certificate .list > li{ flex: 0 0 100%;}
html.pop .popWrap.img{width: 80vw;}

/* CI */
.page_tt.s4{font-size: 1.125em;}
.page_tt.s12{font-size: 2.62em;}
.ci-container .type-wrap .logoBox > li > .img-wrap .imgfix > .logo{height: 48px;}

/* 찾아오시는 길 */
.page_location .loc-inner .info .tit{font-size: 2em; margin-top: 0.7em !important;}
.page_location .loc-inner .info .left{flex: 0 0 380px;}
.page_location .loc-inner .info .left .img-area .imgfix{height: 300px;}
.page_location .loc-inner .info .list > li > dl{font-size: 1.15em;}
.page_location .loc-inner .info .list > li > dl > dt{ min-width: 3em;}

/* 제품군 소개 */
.product_head .page_tit .t4{font-size: 1.85em;}
.proaboutWrapper .proaboutTop{ height: 46vh;}
.proaboutWrapper .linkList > li{width: 100%; max-width: 100%;}

.loc-tab > li { flex: 1 1 100%; max-width: 100%; }

.pageProWrap .page_item .struc_wrap .struc_item{flex-direction: column;}
.pageProWrap .pordInner > .prodImg{height: auto; border-radius: 0;}
.pageProWrap .pordInner > .prodImg.ctn{padding: 0;}
.pageProWrap .page_item .struc_wrap .struc_item > .struc_img,
.pageProWrap .page_item .struc_wrap .struc_item > .page_dot_list{width: 100%;}
.pageProWrap .pordInner > .prodInfo > .txtList > li > .con > .page_dot_list{ padding: 2em 1.3em;}

.product_list li{width: 100%;}

/* 핵심 경쟁력 */
.core_container .coreItem_Wrapper .coreItem{ padding: 2em 1.5em;}
.core_container .coreItem_Wrapper .coreItem .innerItem > .innerTop > .tit{font-size: 1.54em;}

/* 연구소 소개 */
.rnd_slogan .txtWrap .tit{font-size: 2.15em;}
.newpro{padding: 0;}
.newpro > li > .in > .inner{padding: 3em 2em;}
.newpro > li > .in > .inner > .listCon > li{width: 100%;}
.security_wrap .cir_inner{margin-bottom: 5em;}
.security_wrap .security_list > li{flex: 1 1 100%; max-width: 100%;}
.security_wrap .security_list > li > .in > .inner > .title{font-size: 1.85em;}

/* 주요연구분야 */
.majorBox > li{ flex: 1 1 100% !important; max-width: 100% !important;}

/* 연구인프라 */
.rnd_proWrap .intro_con .info,
.rnd_proWrap .intro_con:nth-child(2n) .info{ padding-left: 1em;}
.rnd_proWrap .intro_con .info > .tit{font-size: 1.85em;}

/* 인재상 */
.comapanyInfo .boxInfo .boxList > li > .in > .imgCon{height: 25em;}

/* 조직문화 */
.IconWideLay .iconItem .tit-box > .tit{font-size: 1.85em;}
.IconWideLay .iconItem .txt-box .txt{font-size: 1.15em;}
.systemList > li > .in{padding: 3em 2em;}

/* 복리후생 */
.benifitList > li > .in{padding: 2em 1em;}
.page_tit .t8 span{display: inline;}

/* 윤리경영 */
.ethical_wrap .message_list > li > dl{flex-direction: column; align-items: flex-start; gap: 0.5em;}
.ethical_wrap .message_list > li dd{margin-left: 0; width: 100%;}
.ethical_wrap .message_list > li dt:before{transform: translateY(-50%) rotate(180deg);}
.ethical_wrap .message_list > li dt{ width: 4rem;}
.ethical_wrap .message_list > li{padding: 2em;}
.ethical_wrap .imgCon > img{ object-position: 65%;}

/* RE100 */
.re100_wrapper{padding: 2em;}
.re100_wrapper .rightInfo{width: 100%;}

/* 온라인문의 */
.table_form .wrap_in .ti_wrap{width: 8em;}
.table_form .wrap_in .con_wrap > *{flex-wrap: wrap; gap: 0.5em;}
.table_form .wrap_in .con_wrap .col-wrap .field{width: 100%; margin-right: 0;}
.table_form .wrap_in .con_wrap .col-wrap .field:nth-child(2),
.filebox label{margin-left: 0 !important;}
.form_label_wrap > li{margin-right: 1em;}
.table_form .wrap_in .con_wrap .input_st{min-width: 0;}

/* 인사말 */
.board_flex.partner_list > li{width: 100%;}

.quick_layer #quickW{width: 9em;}
#header.quick_close .quick_layer #quickW{right: -9em;}
#header.quick_close .quick_layer #quickW .quick_btn{right: 100%;}

/* 사업영역 */
.pageProWrap .pordInner > .prodImg > .roundInfoTit{position: relative; bottom: 0;}
}

@media screen and (max-width:380px){


}
@media all and (orientation:landscape){

}