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

.res{ display:none}
@media screen and (max-width:1550px){
.department-info .department-list .item .work-box .tit-top {flex-wrap: wrap;gap: 1em;}
.department-info .department-list .item .work-box .tit-top .tit {width: 100%;text-align: center;gap: 1em;}

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

.department-info .department-list .item {height:6em; border: none;}
.department-info .department-list .item .charge {height: 100%; display: flex; align-items: center; justify-content: center;}
}
@media screen and (max-width:1280px){
.res.w1280{ display: block}
body{ font-size:15px}
/* CONTENTS */
.dp1_product  .sub_lnb{display: none;}

/* COMPANY - LOCATION */
.location_info > .con > .address > .add_info {align-items: flex-start;flex-direction: column;}
.location_info > .con > .address > h3 {font-size: 20px;}
}
@media screen and (max-width:1100px){
/* MAIN */

/* COMPANY - GREETINGS */
.ceo_wrap {flex-direction: column-reverse; gap: 2em;}
.ceo_wrap > .infoT {width: 100%;}
.ceo_wrap > .ceo_img {width: 100%;height: 29em;object-fit: cover;}

/* COMPANY - HISTORY */
.history-bg {height: 340px;}
.history-list > li > .year > .tit { font-size: 3em;}
.history-list > li > .year {left: -73px;}
}
@media screen and (max-width:1024px){
.res.w1024{ display: block}
body{ font-size:13px}
/*HEADER*/
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb {display: none;}
.allOn #header .gnb_wrap .gnb > li .dp2 > li > a .tt {font-size: 1.7vmin;}
.allOn #header .gnb_wrap .gnb > li .dp2 > li .dp4{display: block !important;padding: .5em; box-sizing: border-box; background-color: #f9f9f9; border-radius: .5em;margin-top: .3em;  width: 80%; margin-left: 2em; color: #777;}
.allOn #header .gnb_wrap .gnb > li .dp2 > li .dp4 > li {padding: .5em 0;}
.allOn #header .gnb_wrap .gnb > li .dp2 > li .dp4 > li:hover >a .tt, 
.allOn #header .gnb_wrap .gnb > li .dp2 > li .dp4 > li.on >a .tt{text-decoration: underline;}

.allOn #header .gnb_wrap .gnb > li .dp2 > li .dp4 > li >a .tt{font-size: 1.7vmin;}
/* MAIN - VISUAL */
.visualSlide_wrap .slogan .t1 {font-size: 5.5vmin;}
.visualSlide_wrap .slogan .t2 {font-size: 2.5vmin;}

/**/
.department-info .department-list .item .work-box .tit-top .call-list {flex-direction: column;}

/* CONTENTS */
/* .sub_lnb{display: none;} */
}
@media screen and (max-width:950px){
/* .visualSlide .el {height: 80vh;} */
.allOn #header .gnb_wrap .gnb > li.m_product .dp2 > li {width: calc(33% - 1.5vmin);}
/* CONTENTS */
.sub_lnb{display: none;}

.dp2_C0006  .flex_box .fst2 > li {flex: 1 1 100%;max-width: 100%;}
}
@media screen and (max-width:850px){
/* CONTENTS */
.sub_lnb{display: none;}

/* MAIN - Inquiry */
.mainInquiry .main_tit {width: 100%;    align-items: center;}
.main_tit .tit0 {font-size: 3vmin;}
.main_tit .tt1{text-align: center;}
.mainBox .wrapF.dRow {flex-wrap: wrap;}
.mainInquiry .main_tit {width: 100%;}

/* PRODUCT - 1*/
.flex_box .fst4 > li {flex: 1 1 33%; max-width: 33%;}

/* PRODUCT - 2 */
.flex_box .fst6 > li {flex: 1 1 20%; max-width: 20%;}
.storyBox .boxCon {flex-direction: column;}
.storyBox .boxCon .img_box {width: 100%; height: 20em;}

/* FOOTER */
#footer .wrapF {flex-wrap: wrap;flex-direction: row-reverse;}
#footer .menu_wrap {order: -1;}
#footer .info_wrap {flex: 1 1 100%;}
}
@media screen and (max-width:768px){
body{ font-size:11px}
/* HEADER */
.allOn #header .gnb_wrap .gnb > li {flex: 1 1 27%;}
.allOn #header .gnb_wrap .gnb > li.m_product .dp2 > li {width: calc(33% - 1.5vmin);}
/* MAIN */
.mainAbout .about .con .list {flex-wrap: wrap;}
.mainAbout .about .con .list > li {flex: 1 1 33%;}

.mainProduct .inRow .imgW {width: 24%;}
.prodSlideW .el {width: 33%;}
.mainPartnerSlide .el {width: 33%;}

/* COMPANY - HISTORY */
.history-bg {height: 240px;}

/* COMPANY -  ORGANIZATION */
.department-info .department-list .item .work-box .tit-top {justify-content: center;}
.department-info .department-list .item .work-box .tit-top .call-list {flex-direction: column;}
.department-info .department-list .item .work-box .info_list > li { width: calc(100% - .5em);}

/* PARTNER */
.flex_box .fst3 > li {flex: 1 1 50%; max-width: 50%;}

/* PRODUCT */
.coreW{flex-direction: column;}
.boxSub.flex .pageInner_wrapper2 {width: 100%; border-left: 0;margin-left: 0em;padding-left: 0em; margin-top: 2em; padding-top: 2em;  border-top: 1px dashed #ddd;}

/* PRODUCT -2 */
.imgBoxList > li > .in > .imgCon {height: 18.5em;}

/* PRODUCT - 6 */
.cableSt > li > .in > .linkTable > li {width: calc(50% - 2em);}
.cableSt > li > .in > .linkTable > li:before{ position: absolute; right: -1.5em; top: 0; width: 1px; height: 100%; background: rgba(0,0,0, .08); content: '';}
.cableSt > li > .in > .linkTable > li:nth-child(3n):before{ display: block;}
.cableSt > li > .in > .linkTable > li:nth-child(2n):before{ display: none;}


.table_form > li {flex-direction: column;gap: 1em;}
.table_form .wrap_in:nth-of-type(2) {border-top: 1px dashed #ddd; padding-top: .8em;}
.table_form .wrap_in .ti_wrap {width: 9em;}
.table_form .wrap_in .emsW {flex-wrap: wrap;}
.table_form .wrap_in .con_wrap .ems .input_st{max-width: 9em;}
.table_form .wrap_in .con_wrap select {width:100%}
}
@media screen and (max-width:670px){
/*product*/
.pageDl .dd {flex: 1 1 100%;min-width: 0;}
.pageDl.st1 {flex-direction: column; gap: 0;}
.pageDl.st1 .dt {width: 100%;  padding: 5vmin 3vmin 3vmin 0;}
.pageDl.st1 .dd {padding: 2.5vmin; border-top: 3px solid #eee;}

.flex_box .fst2 > li {flex: 1 1 100%; max-width: 100%;}

/* PRODUCT - 2 */
.flex_box .fst6 > li {flex: 1 1 25%; max-width: 25%;}

/* PRODUCT - 3 */
.storyBox .boxCon {gap: 25px;}
.storyBox .boxCon .txt_box > .tit {font-size: 3.5vmin;}

}
@media screen and (max-width:640px){
body{ font-size:11px}

.visualSlide .el {height: 80vh;}
.visualSlide_wrap .slogan {    transform: translate3d(0px, -1.0394vh, 0px) !important;}
.visualSlide_wrap .slogan .t2 {font-size: 2.2vmin;}
.visualSlide_control { margin: 4vmin 0 6vmin 0;}
/* COMPANY - HISTORY */
.history-list > li > .year > .tit {font-size: 2.5em;}
.history-list > li > dl > dd {font-size: 1rem;}

/* COMPANY - LOCATION */
.location_info > .con {padding: 29px;}
.location_info > .con > .map_view {width: 12em;}
.location_info > .con > .address > h3 {font-size: 18px;}

/* COMPANY -  ORGANIZATION */
.department-info .department-list .item .charge {font-size: 14px;}
.department-info .department-list .item .work-box .tit-top .tit {font-size: 18px;}
.department-info .department-list .item .work-box .tit-top .call-list .call {font-size: 14px;}

/* PRODUCT */
.tableW{width: auto; overflow-x: scroll;}

/* PRODUCT - 1*/
.flex_box .fst4 > li {flex: 1 1 50%; max-width: 50%;}

/* PRODUCT -2 */
.imgBoxList > li > .in > .imgCon {height: 15.5em;}

/* BOARD */
.board_search .total {display: none;}
.board_search .search {width: 100%;}
.board_search .grow .inp{width: 100%;}
}
@media screen and (max-width:620px){
/* HEADER*/
.allOn #header .gnb_wrap .gnb > li.m_product .dp2 > li {width: calc(50% - 1.5vmin);}

/* CONTENTS */
#contents .sub_tit_wrap .titW .t1 {font-size: 4vmin;}

/* COMPANY - HISTORY */
.history-list > li > dl {padding-left: calc(49% + 30px);padding-bottom: 0;}


/* PRODUCT */
.dp2_C0001  .pageInner_wrapper .innerCon {width: auto; overflow-x: auto;}

/* PRODUCT - 3` */
}
@media screen and (max-width:561px){
.fs32 {font-size: 1.8em !important;}
.prodSlideW .el {width: 50%;}
.mainPartnerSlide .el {width: 50%;}
.history-list > li > .year {top: -55px;left: -60px; }

.ceo_wrap > .infoT > .tit {font-size: 4vmin;}
.ceo_wrap > .infoT > .tt {font-size: 3.5vmin;}

.allOn #header .gnb_wrap .gnb > li .dp2 > li .dp3 > li > a .tt {font-size: 2vmin;}

/* COMPANY - LOCATION */
.location_info > .con > .address > h3 {font-size: 15px;}

/* COMPANY -  ORGANIZATION */
.department-info .department-tit {width: 160px;height: 160px;}
.department-info .department-tit::before {width: 200px;height: 200px;}
.department-info .department-list .item .work-box .tit-top .tit {font-size: 16px;}
.department-info .department-list .item {width: calc(34% - 2.2%);}
.department-info .department-list .item .charge {font-size: 11px;  word-break: keep-all;}
.department-info .department-list .item .work-box .tit-top .call-list .call {font-size: 10px;} 


.filebox label {padding: 10px;width: 5.25em;min-width: 4.25em;}

/*PRODUCT*/
#contents .sub_tit_wrap .nav > li {font-size: .838em;}

/* PRODUCT - 2 */
.flex_box .fst3 > li {flex: 1 1 100%; max-width: 100%;}
.flex_box .fst6 > li {flex: 1 1 33%; max-width: 33%;}

/* PRODUCT - 3 */
.storyBox .boxCon .txt_box > .descB > .tt {font-size: 2.5vmin;}

/* PRODUCT - 6 */
.aSt i{font-size: 2.7vmin;}
.prodSt .conW .tText {font-size: 2.7vmin;}

/* PRODUCT - 11 */
.wideBinner .innerBox{flex-direction: column;}
.subDI {width: 100%;}
.grayBox.w2 {width: 90%;}
}
@media screen and (max-width:460px){

/* HEADER */
.allOn #header .gnb_wrap .gnb > li {flex: 1 1 45%;}
.allOn #header .gnb_wrap .gnb > li.m_product .dp2 > li {width: calc(50% - 1.5vmin);}

/* MAIN */
.mainProduct .inRow .imgW .swiperControl {padding: 2vmin 2vmin 2vmin 0;}
.swiperBtn {width: 1.75em;height: 1.75em;}

.mainInquiry .formSt .wrap_in {justify-content: center; flex-wrap: wrap;}
.mainInquiry .formSt .btnW .btn {margin-left: unset; }
/* COMPANY - GREETINGS */
.ceo_wrap > .infoT > .tt {font-size: 14px;}   


/* COMPANY - ORAGANIZATION */
.department-info .department-tit {width: 140px;  height: 140px;}
.department-info .department-tit::before { width: 180px; height: 180px;}

/* COMPANY - HISTORY */
.history-bg {height: 200px;}
.history-list > li > .year {left: -45px;}
.history-list > li > dl {padding-left: calc(46% + 30px);}
.history-list > li > dl > dd {padding-left: 0em;font-size: .8rem;}
.label_st {font-size: 0.85em;}
.table_form .wrap_in .con_wrap .ems .input_st{max-width: auto;}
.ml10 {margin-left: 00px !important;}


/*PRODUCT*/
#contents .sub_tit_wrap .nav > li {font-size: .75em; display: flex;}


/* PRODUCT - 1 */
.flex_box .fst4 > li {flex: 1 1 100%; max-width: 100%;}

/* PRODUCT - 3 */
.descArea > .txtBox {flex-direction: column;}
.descArea > .txtBox > .Tbox:before {right: -50%;top: 125%;transform: translate(-50%, 50%);width: 100%;height: 1px;}

/* PRODUCT - 6 */
.cableSt > li > .in > .linkTable > li {width: calc(100% - 2em);}
.cableSt > li > .in > .linkTable > li:before{ position: absolute; right: 0em; top: -15px; width: 100%; height: 1px; background: rgba(0,0,0, .08); content: '';}
.cableSt > li > .in > .linkTable > li:nth-child(1):before{ display: none;}
.cableSt > li > .in > .linkTable > li:nth-child(3n):before{ display: block;}
.cableSt > li > .in > .linkTable > li:nth-child(2n):before{ display: block;}

}
@media screen and (max-width:400px){
body{ font-size:11px}

/*PRODUCT*/
#contents .sub_tit_wrap .nav > li {font-size: .65em; display: unset;}

/* CONPANY - GREETINGS */
.ceo_wrap > .infoT > .tt {font-size: 12px;}
/* COMPANY -  ORGANIZATION */
.department-info .department-tit {width: 120px;height: 120px;}
.department-info .department-tit::before {width: 150px;height: 150px;}
.department-info .department-tit .tit {font-size: 20px;}
.department-info .department-list .item .work-box .tit-top .call-list .call {font-size: 10px;}
.department-info .department-list .item .work-box .tit-top .call-list .call::before {width: 20px;height: 20px;left: 0em;}

/* COMPANY - HISTORY */
.history-list > li > .year > .tit {font-size: 2.35em;}
.history-list > li > .year {left: -52px;}

/* COMPANY - LOCATION */
.location_info > .con {padding: 20px;flex-wrap: wrap; gap: 1.5em;}
.location_info > .con > .office {width: 100%;}
.location_info > .con > .address {position: relative; right: 0em; width: 60%;}
.location_info > .con > .map_view {width: 7em;}

/* PRODUCT */
.pageInner_wrapper .innerCon {width: auto; overflow-x: auto;}

/* FOOTER */
#footer .menu_wrap {margin-left: unset;}
#footer .wrapF {justify-content: flex-end;}
}
@media screen and (max-width:380px){
body{ font-size:11px}

}
@media all and (orientation:landscape){

}