@charset "utf-8";
/*************** 1440px 이하 ***************/
@media only screen and (max-width: 1440px) {


}
  
/*************** 1180px 이하 ***************/
@media only screen and (max-width: 1180px) {

.fs_t00{font-size:10px;}
.fs_t01{font-size:12px;}
.fs_t02{font-size:14px;}
.fs_t03{font-size:16px;}
.fs_t04{font-size:18px;}
.fs_t05{font-size:20px;}
.fs_t06{font-size:22px;}
.fs_t07{font-size:24px;}
.fs_t08{font-size:26px;}
.fs_t09{font-size:28px;}
.fs_t10{font-size:30px;}
.fs_t11{font-size:32px;}
.fs_t12{font-size:34px;}
.fs_t13{font-size:36px;}
.fs_t14{font-size:38px;}
.fs_t15{font-size:40px;}
.fs_t16{font-size:42px;}
.fs_t17{font-size:44px;}
.fs_t18{font-size:46px;}
.fs_t19{font-size:48px;}
.fs_t20{font-size:50px;}
.fs_t21{font-size:52px;}
.fs_t22{font-size:54px;}
.fs_t23{font-size:56px;}
.fs_t24{font-size:58px;}
.fs_t25{font-size:60px;}
.fs_t26{font-size:62px;}
.fs_t27{font-size:64px;}

/* common */
.inner{width:90vw}
section{padding:120px 0}

.modalInner{width:90vw; height:80dvh; padding: 100px 40px 40px 40px}
.modalHeader{height:80px; padding:0 40px}
.solutionModalCnt{height:calc(80dvh - 100px)}

/* footer */
footer{padding:80px 0}
footer > .inner > p{width:60%; margin:32px 0}

/* mainBanner */
.mainBanner{height:100dvh}
.scrollDown{position:absolute; bottom:5dvh !important; left:50%; transform:translateX(-50%); z-index:10}


/* intro */
.introTop{margin-bottom:40px;}
.service > .inner > div{height:540px}

.serviceLeft{width:40vw}

.solutionResult{padding:32px 24px}
.solutionTitImg{height:480px;}
.serviceBtn{margin-top:56px; height:372px; justify-content:space-between;}

.modalOpenIcon{width:40px; top:32px; right:24px}

/* product */
.productBox > img{width:60%; height:auto}
.plusLink > img{height:100%; width:auto}

.solutionModalCnt img{width:100%}

.productSlider{margin:40px 0}
.productModaldetail:before{border:4px solid #183497}

/* subBanner */
.subBanner{background-position: 60%; height:320px;}

/* history */
.swiper.historySwiper{width:95vw; margin-left:5vw}
.historySwiper img{margin-top:76px}
.historyCnt{margin:6px 0 0 0 }


/* news */
.boardLink{height:32px;top:8px;}
.boardLink img{height:100%}

.latestImg{height:260px; margin-bottom:20px}

#newsLatest > .latestImg:nth-child(2){width: calc(30% - 20px);padding:24px}
#newsLatest > .latestImg:nth-child(3){padding:24px}
#newsLatest > .latestImg:nth-child(4){width: calc(42% - 20px);padding:24px;}
#newsLatest > .latestImg:nth-child(5){width: calc(30% - 20px);padding:24px}
#newsLatest > .latestImg:nth-child(6){padding:24px}
#newsLatest > .latestImg:nth-child(7){width:calc(30% - 20px)}

.latestImg .fs_w07{margin-bottom:12px;}
.latestImg .fs_w03{-webkit-line-clamp:2;}
#newsLatest > .latestImg:nth-child(6) .fs_w03{-webkit-line-clamp:1}
.latestImg .boardHref{right:24px; bottom:24px}


/* online */
.onlineBanner{height:330px;}

/* product list */
.subProduct .productDetail{width:calc(33.333% - 24px); margin-right:24px; margin-bottom:40px}
.subProduct .productDetailImg{height:calc(30vw - 24px)}


/* news board */
.newsBox{width:calc(33.333% - 24px); margin-right:24px; }
.newsBg{height:220px; margin-bottom:16px}
.newsImg span:nth-child(3){margin: 6px 0 12px}

.boardListLink{margin:56px auto 40px}

/* policy */
.policyPageTit{margin-bottom:64px}
}

/*************** 1024px 이하 ***************/
@media only screen and (max-width: 1024px) {

}

/*************** 960px 이하(ipad 세로) ***************/
@media only screen and (max-width: 960px) {
/** header **/
header{height:90px}
header > .inner{height:100%; justify-content: center; }
.menu{display:none;}
.logo{width:35vmin; height:100%;}

/* common */
section{padding:80px 0}
/* intro */
.introTop{flex-direction: column;}
.introTop > .fs_w04{width:100%; margin-top:20px}

/* service */
.service > .inner{flex-direction: column;}

.service > .inner > div{width:100%}

.service > .inner > .serviceLeft{justify-content: flex-start; height:auto; margin-bottom:40px}
.serviceBtn{flex-direction: row; align-items: center; flex-wrap:wrap; justify-content: flex-start; height:auto; width:90vw; overflow-x:scroll}
.serviceBtn  a{width:50%; margin-bottom:24px}

.service > .inner > .serviceRight{width:85vw; margin-left:5vw}
.solutionTitImg{left:-5vw}
}



/*************** 860px 이하 ***************/
@media only screen and (max-width: 860px) {

.fs_m00{font-size:10px;}
.fs_m01{font-size:12px;}
.fs_m02{font-size:14px;}
.fs_m03{font-size:16px;}
.fs_m04{font-size:18px;}
.fs_m05{font-size:20px;}
.fs_m06{font-size:22px;}
.fs_m07{font-size:24px;}
.fs_m08{font-size:26px;}
.fs_m09{font-size:28px;}
.fs_m10{font-size:30px;}
.fs_m11{font-size:32px;}
.fs_m12{font-size:34px;}
.fs_m13{font-size:36px;}
.fs_m14{font-size:38px;}
.fs_m15{font-size:40px;}
.fs_m16{font-size:42px;}
.fs_m17{font-size:44px;}
.fs_m18{font-size:46px;}
.fs_m19{font-size:48px;}
.fs_m20{font-size:50px;}
.fs_m21{font-size:52px;}
.fs_m22{font-size:54px;}
.fs_m23{font-size:56px;}
.fs_m24{font-size:58px;}
.fs_m25{font-size:60px;}
.fs_m26{font-size:62px;}
.fs_m27{font-size:64px;}

}

/*************** 768px 이하 ***************/
@media only screen and (max-width: 768px) {
/* common */
section{padding:60px 0}

.modalInner{padding:40px 24px 24px}
.modalHeader{height:56px; padding:0 24px}
.solutionTit{margin:40px 0 16px}
.modalClose{width:20px}
.modalClose img{width: 100%;}
.solutionModalCnt{padding-bottom: 12px;}
/* header, footer */
header{height:56px}

.footTop{flex-direction: column;}
.footLink{margin-top:24px}
.footLink a{margin-left:0; margin-right:40px}
footer > .inner > p{width:100%}
footer > .inner > p > span:nth-child(2n + 1){width:100%}
footer > .inner > p > span:nth-child(2n){width:100%; margin-bottom:24px}

/* mainBanner */
.mainBannerP .fs_w27{ margin-top:20px}

/* intro */
.introTop{margin-bottom:24px}
.introTopBox{width:100%; }
.introTopBox > .fs_w03{margin-bottom:8px}
.introTop > .fs_w04{margin-top:16px}

/* service */
.solutionTitImg{width:50%; height:auto}
.serviceBtn a{width:100%; margin-bottom:20px}
.serviceBtn a:nth-last-child(1){margin-bottom:0}
.service > .inner > div{height:200px}
.serviceBtn{margin-top:24px}
.solutionResult:after{width:85vw; height:40px}
.solutionResult{padding:20px}
.modalOpenIcon{width:24px; top:20px; right:20px}
.service > .inner > .serviceLeft{margin-bottom:24px}
.solutionModalBtn{margin-bottom:24px}
.solutionModalBtn > a{width:100%; margin-bottom:4px}

.productModaldetail:before{border:2px solid #183497; width:8px; height:8px; margin-top:2px}

/* product */
.product > .inner > .fs_w19{margin-bottom:24px}
.productBox{width:50%; height:150px; padding:56px 0}
.productBox.dpn{display: none;}

.productBtn{flex-direction: column;}
.productTblBtn{margin-right:0; margin-bottom:4px}
.swiperBtn > div{height:40px; width:20px; top:50%}
.swiperPrevBtn{left:0}
.productSlider{margin:0 0 20px}
.swiperBtn > div:after{width:8px; height:8px}

.productTbl table tr > .pointTd{width:30%}

.subProduct > .inner > p{margin-bottom:24px}
.subProduct .productDetail{padding:0}
.subProduct .productDetail{width:100%; margin-right:0}
.subProduct .productDetailImg{height:90vw; padding:20px; margin-bottom:20px}
.subProduct .productDetailImg img{width:80%; }


/* subBanner */
.subBanner{height:240px}
.subBanner br{display: none;}

/* history */
.historyBox{margin-top:24px}
.historySwiper img{margin-top:40px}

/* news */
#newsLatest{flex-direction: column;}
#newsLatest{margin-top:24px}
.boardLink img{height:24px}
#newsLatest > .latestImg:nth-child(1), #newsLatest > .latestImg:nth-child(7){display: none;}
#newsLatest > .latestImg:nth-child(2), #newsLatest > .latestImg:nth-child(3),
#newsLatest > .latestImg:nth-child(4), #newsLatest > .latestImg:nth-child(5), #newsLatest > .latestImg:nth-child(6){width:100%}
.latestImg{height:150px; padding:16px !important}
.latestImg .fs_w07{margin-bottom:4px}
.latestImg .fs_w03, .latestImg .fs_w07{-webkit-line-clamp:1;}
#newsLatest > .latestImg:nth-child(6) .fs_w03{-webkit-line-clamp:1}

.newsBoard > .inner > p{margin-bottom:24px;}
.newsForm li{width:100%; margin-right:0}
.newsBg{height:180px}
.boardWrite{bottom:0}

.boardTit{padding-bottom:24px}
.bo_v_nb > li{flex-direction: column; align-items: flex-start; padding:24px 0}
.bo_v_nb a{text-overflow: ellipsis; overflow:hidden; word-break: break-word; display: -webkit-box;  -webkit-box-orient:vertical;-webkit-line-clamp:1;}

/* online Banner */
.onlineBanner > .inner{flex-direction: column; justify-content: center; align-items: flex-start;}
#online{margin-top:24px; width:140px; height:46px}

.onlineTit{margin-top:40px}
.onlineCnt{margin:24px 0 20px}
.contactBox{flex-direction: column;}
.onlineInput{width:100%; margin-bottom:20px}
.onlineInput > input{height:40px}
.onlineInput > input, .onlineInput > textarea{padding:6px 8px}
.onlineTextarea{margin-top:0;}
.onlineTextarea textarea{height:150px}
.onlineChck{margin-top:24px; flex-direction: column; align-items: flex-start;}
.onlineChck a{margin-top:12px; margin-left:34px}
.onlineSubmit{width:100%; margin-left:0}

.onlineBoardView, .newsBoard{margin:24px 0 80px}
.boardView{margin-top:20px}
.onlineBoardView tr td:nth-child(1){width:25%; padding:0}

.onlineBoard{padding:20px 0 80px}

/* login */
.loginSection form{width:90vw}
.loginSection form fieldset{margin-bottom:24px}
}

/*************** 480px 이하 ***************/
@media only screen and (max-width: 480px) {

}

/*************** 320px 이하 ***************/
@media only screen and (max-width: 320px) {

}