@charset 'utf-8';

@media all and (min-width:992px){
.content{max-width:1220px; margin:0 auto 140px auto; padding:0 15px;}
.content.full-content{max-width:inherit; margin:0; padding:0;}
#wrap{position:relative; height:100%;}
#m-header{display:none;}
#pc-header{position:fixed; top:0; left:0; width:100%; z-index:100; background:linear-gradient( to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.0) );}
#pc-header .inner-header:after{clear:both; display:block; overflow:hidden; content:""; height:0}
#pc-header .inner-header{position:relative; text-align:center; height:115px; -webkit-transition:background .3s; transition:background .3s;}
#pc-header .inner-header.on{background:rgba(2, 10, 20, 0.8); -webkit-transition:background .3s; transition:background .3s;}
#pc-header .logo{position:absolute; width:183px; height:38px; top:40px; left:60px; transition:0.2s}
#pc-header .logo a{display:block; }
#pc-header .logo a img{display:block; width:180px;}
#pc-header .gnb:after{clear:both; display:block; overflow:hidden; content:""; height:0}
#pc-header .gnb{display:flex; align-items: center; justify-content:center; padding-top:55px;}
#pc-header .gnb > li{position:relative; transition:0.2s; width:160px;}
#pc-header .gnb > li:first-child{padding-left:0;}
#pc-header .gnb > li:last-child{padding-right:0;}
#pc-header .gnb > li > a{font-size:20px; color:#fff; font-family:'HMHMedium'; position:relative; letter-spacing: -1px; display: inline-block; line-height:0;}
#pc-header .gnb > li > a span{position:absolute; bottom:-13px; left:50%; width:0%; height:2px; background-color:#FFF; -webkit-transition:width .2s, left .2s; transition:width .2s, left .2s; transition-timing-function:ease-out;}
#pc-header .gnb > li > a.on span{position:absolute; bottom:-13px; left:0%; width:100%; height:2px; background-color:#FFF; -webkit-transition:width .2s, left .2s; transition:width .2s, left .2s; transition-timing-function:ease-out;}
#pc-header .gnb > li > a.en-new-bar.on span{bottom:-40px;}
#pc-header .gnb .sub-menu{background:rgba(2, 10, 20, 0.8); position:absolute; top:60px; left:0; width:100%; display:none;}
#pc-header .gnb .sub-menu li:last-child{padding-bottom:25px;}

#pc-header .gnb .sub-menu li:first-child{padding-top:20px;}
#pc-header .gnb .sub-menu li{padding:10px 0}
#pc-header .gnb .sub-menu li a{color:#d5d5d5; font-size:15px; font-family:'HMHMedium'; transition:0.2s; display: block; width:100%;}
#pc-header .gnb .sub-menu li a.on{color:#2698e0; transition:0.2s}
#pc-header .utill .inner-utill:after{clear:both; display:block; overflow:hidden; content:""; height:0}
#pc-header .utill{display:flex; align-items: center; justify-content: space-between; width:215px; position:absolute; top:48px; right:60px; transition:0.2s}
#pc-header .utill button{display:block; padding:0;}
#pc-header .utill > div:first-child{margin-left:0;}
#pc-header .utill .search-btn button{background:url('/images/common/btn/search_ico.png') no-repeat center bottom; width:33px; height:33px; margin:0; text-indent:-9999px}
#pc-header .utill .search-btn button.on{background:url('/images/common/btn/search_ico_close.png') no-repeat center}
#pc-header .utill img{display:block;}
#pc-header .utill .language-area{position:relative;}
#pc-header .utill .language-area > button{width:24px; height:24px; background:url('/images/industrial/btn/lang.png') no-repeat center;}
#pc-header .utill .language-select{display:none; width:80px; position:absolute; top:39px; left:50%; transform:translate(-50%, 0);  background-color:#01549e; padding:10px 0;}
#pc-header .utill .language-select li{margin-bottom:7px; text-align:center;}
#pc-header .utill .language-select li:last-child{margin-bottom:0;}
#pc-header .utill .language-select li > a{color:#85bdee; font-size:15px; transition:0.2s;}
#pc-header .utill .language-select li > a:hover{color:#fff;}
#pc-header .utill .dealer a{box-sizing:border-box; display:inline-block; text-align:center; height:33px; line-height:34px; border:1px solid #fff; border-radius:5px; font-size:15px; font-family:'HMHMedium'; color:#fff; padding:0 10px;}

#pc-header .utill .group-site{position:relative;}
#pc-header .utill .group-site button{display:block; font-size:15px; color:#fff; font-family:'HMHLight'; padding-right:50px; background:url('/images/industrial/ico/bottom_arrow.png') no-repeat right 5px center; height:33px; line-height:35px; padding:0 5px 0 10px; width:180px; text-align:left; border-bottom:1px solid #fff}
#pc-header .utill .group-site button.on{background:url('/images/industrial/ico/bottom_arrow2.png') no-repeat right 5px center}
#pc-header .utill .group-site .inner-group{display:none; background-color:#01549e; padding:15px; position:absolute; top:auto; right:0; width:100%; box-sizing:border-box; width:180px;}
#pc-header .utill .group-site .inner-group li{margin-bottom:7px; text-align:left}
#pc-header .utill .group-site .inner-group li:last-child{margin-bottom:0;}
#pc-header .utill .group-site .inner-group a{font-size:15px; color:#85bdee; transition:0.2s}
#pc-header .utill .group-site .inner-group a:hover{color:#fff;}




.sub-visual{height:460px;}
.sub-visual.type1{background:url('/images/industrial/bg/sub_visual_01.jpg') no-repeat center; background-size:cover;}
.sub-visual.type2{background:url('/images/industrial/bg/sub_visual_02.jpg') no-repeat center; background-size:cover;}
.sub-visual.type3{background:url('/images/industrial/bg/sub_visual_03.jpg') no-repeat center; background-size:cover;}
.sub-visual.type4{background:url('/images/industrial/bg/sub_visual_04.jpg') no-repeat center; background-size:cover;}
.sub-visual.type5{background:url('/images/industrial/bg/sub_visual_05.jpg') no-repeat center; background-size:cover;}
.sub-visual.type6{background:url('/images/industrial/bg/sub_visual_06.jpg') no-repeat center; background-size:cover;}
.sub-visual .page-title{text-align:center; color:#fff; padding-top:215px;}
.sub-visual .page-title span{display:block; font-size:24px; height:29px; font-family:'HMHMedium'; padding-bottom:10px;}
.sub-visual .page-title h2{font-size:52px; font-family:'HMHBold'; font-weight:normal;}
.lnb-area{border-bottom:1px solid #ddd; position:relative; height:66px; margin-bottom:80px;}
.lnb-area .lnb-depth1{position:absolute; top:0; left:95px; transition:0.2s}
.lnb-area .lnb-depth1:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.lnb-area .lnb-depth1 > li{float:left; border-right:1px solid #d9d9d9; box-sizing:border-box; position:relative;}
.lnb-area .lnb-depth1 > li.first{padding:0; border-left:1px solid #d9d9d9;}
.lnb-area .lnb-depth1 > li.first > a{text-indent:-9999px; background:url('/images/industrial/btn/home_btn.png') no-repeat center; width:80px; height:66px; display:block; padding:0;}
.lnb-area .lnb-depth1 > li.first:before{display:none;}
.lnb-area .lnb-depth1 > li > a{background:url('/images/industrial/btn/arrow.png') no-repeat right 20px center; font-size:18px; color:#555; font-family:'HMHMedium'; position:relative; line-height:70px; height:66px; display:block; padding:0 55px 0 30px;}
.lnb-area .lnb-depth1 > li > a.on{background:url('/images/common/btn/c_arrow.png') no-repeat right 20px center; color:#222;}
.lnb-area .lnb-depth1 > li.depth2.type2{width:280px}
.lnb-area .lnb-depth1 > li.depth2.type3{width:321px}
.lnb-area .lnb-depth2{position:absolute; top:66px; left:-1px; background-color:#FFF; z-index:10; width:100%; border:1px solid #ddd;; display:none; border-top:0;}
.lnb-area .lnb-depth2 li{padding:0 20px;}
.lnb-area .lnb-depth2 li:first-child a{padding-top:0;}
.lnb-area .lnb-depth2 li:last-child{padding-bottom:6px;}
.lnb-area .lnb-depth2 li a{transition:0.2s; color:#444; font-family:'HMHLight'; font-size:17px; padding:6px 0; display:block;}
.lnb-area .lnb-depth2 li a:hover{transition:0.2s; color:#01549e;}


/** footer **/
#footer-area{background-color:#393b3b; position:relative; padding:40px 0;}
#footer-area .top-btn{width:78px; height:40px; display:block; background:url('/images/industrial/btn/footer_top_btn.png') no-repeat; position:absolute; top:-40px; left:50%; margin-left:-39px; padding:0; z-index:10;}
#footer-area .inner-footer{max-width:1170px; margin:0 auto; padding:0 15px; position:relative;}
#footer-area .inner-footer .footer-items:after{clear:both; display:block; overflow:hidden; content:""; height:0}
#footer-area .item1.new-footer-item.m-item1{display: none;}
#footer-area .item1 li:last-child{margin-bottom:0;}
#footer-area .item1 li.type1 a{color:#73b0df;}
#footer-area .item1 li a{font-family:'HMHLight'; color:#e9e9e9; font-size:16px;}
#footer-area .footer-info{color:#aaa; font-size:14px; font-family:'HMHLight'; font-weight:normal; margin-top:40px;}
#footer-area .footer-info img{display: inline-block; width:230px;}
#footer-area p{color:#aaa; font-size:14px; font-family:'HMHLight';}
#footer-area p.copyright{margin-top:10px;}
#footer-area p a{color:#aaa;}
.new-footer-item{display:flex; align-items: center;}
.new-footer-item li{margin-right:20px;}
.new-footer-item li:last-child{margin-right:0;}
.f-youtube{position: absolute; top:40px; right:70px; display: flex; align-items: center; color:#e9e9e9;}
.f-youtube img{display: block; width:33px; margin-right:15px;}



.cookie-area{position: fixed; bottom: 0; left: 0; width: 100%; padding: 30px 0; background-color:#01549e; text-align: center; z-index: 10;}
.cookie-area.none{display:none;}
.cookie-area p{color:#fff; font-family:'HMHLight'; font-size:18px; display:inline-block; padding-right:20px;}
.cookie-area a.cookie-btn{color:#333; font-family:'HMHMedium'; font-size:18px; display:inline-block; border:1px solid #fff; color:#fff; padding:0 37px; line-height:50px; text-align:center}

.error-content .error-head{height:182px; position:relative;}
.error-content .error-head h1{position:absolute; top:56px; left:110px; transition:0.2s;}
.error-content .error-head h1 a{background:url('/images/common/error_logo01.png') no-repeat; width:275px; height:52px; text-indent:-9999px; display:block;}
.error-content .error-body{background-color:#e1e7ed; margin-bottom:70px;}
.error-content .error-content{background:url('/images/common/ico/error_ico.png') no-repeat left 38px center; padding:75px 0;}
.error-content .error-content:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.error-content .error-content div{float:right; width:calc(100% - 486px); height:290px; display:-webkit-box; display:-ms-flexbox; -webkit-justify-content:center; justify-content:left; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; transition:0.2s;}
.error-content .error-content strong{font-size:34px; color:#1f2023; font-family:'HMHMedium'; font-weight:normal; display:block; padding-bottom:60px; padding-top:35px}
.error-content .error-content p{font-size:24px; color:#545454; line-height:34px; font-family:'HMHLight';}
.error-content .error-content p .d-b{display:block; padding-top:15px;}
.error-content .home-btn{display:block; width:270px; height:60px; line-height:60px; font-size:24px; color:#fff; text-align:center; margin:0 auto; background-color:#01549e;}


}

/*************************************************큰 태블릿*************************************************/
@media all and (min-width:992px) and (max-width:1690px){
/* #pc-header .inner-header{height:130px} */
/* #pc-header .logo{top:72px;} */
#pc-header .gnb{margin-left:-30px;} /* margin-top:78px;*/
#pc-header .gnb > li{width:130px}
/* #pc-header .utill{top:68px;}
#pc-header .gnb .sub-menu{top:52px} */

/** footer **/
.f-youtube{right:40px; }
}

/*************************************************큰 태블릿*************************************************/
@media all and (min-width:992px) and (max-width:1349px){
#pc-header .logo{left:15px;}
#pc-header .utill{right:15px;}
.lnb-area .lnb-depth1{left:15px;}
.error-content .error-head h1{left:15px;}
.error-content .error-content div{width:calc(100% - 436px);}
}

/*************************************************큰 태블릿*************************************************/
@media all and (min-width:992px) and (max-width:1199px){
#pc-header .gnb > li > a{font-size:19px;}
#pc-header .logo a img{width:145px;}
#pc-header .gnb > li{width:125px}
#pc-header .gnb .sub-menu li a{letter-spacing:-1px}
#pc-header .utill{width:180px;}
#pc-header .utill .group-site .inner-group{width:170px;}
#pc-header .utill .group-site button{width:157px; font-size:14px;}

.new-footer-item li{margin-right:15px;}
#footer-area .item1 li a{font-size:15px;}
.f-youtube{font-size:15px;}
}

@media all and (max-width:1100px){
	#footer-area{padding:30px 0 40px 0;}
	.new-footer-item{width: calc(100% - 29%); flex-wrap: wrap;}
	.new-footer-item li{padding-top:10px;}
	
}

/*************************************************모바일&태블릿*************************************************/
@media all and (max-width:991px){
#pc-header{display:none;}
#m-header{position:fixed; top:0;left:0; width:100%; display:block; z-index:10; border-bottom:2px solid rgba(255, 255, 255, 0.3);}
#m-header .m-gnb{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.74); overflow-x:scroll; display:none; z-index:10;}
#m-header .inner-m-gnb{width:90%; float:right; overflow:hidden; clear:both; background-color:#FFF;}
#m-header .logo a{display:block; background:url('/images/industrial/logo_eng.png') no-repeat; text-indent:-9999px; transition: 0.3s;}
#m-header .inner-header.on .logo a{display:block; background:url('/images/industrial/logo_eng_c.png') no-repeat; text-indent:-9999px; transition: 0.3s;}
#m-header .m-gnb-btn{display:inline-block;}
#m-header .m-gnb-btn button{display:block; background:url('/images/industrial/btn/menu.png') no-repeat; text-indent:-9999px; padding:0; transition: 0.3s;}
#m-header .inner-header.on .m-gnb-btn button{display:block; background:url('/images/industrial/btn/menu_c.png') no-repeat; text-indent:-9999px; padding:0; transition: 0.3s;}
#m-header .m-gnb-head{border-bottom:1px solid #bababa;}
#m-header .m-gnb-head .inner-m-gnb-head:after{clear:both; display:block; overflow:hidden; content:""; height:0}
#m-header .m-gnb-head .inner-m-gnb-head{position:relative;}
#m-header .inner-m-gnb-head > a{color:#fff; background-color:#197bb8; text-align:center; display:block; font-family:'HMHMedium'; float:left;}
#m-header .inner-m-gnb-head > button{background:url('/images/industrial/btn/m_gnb_close_btn.png') no-repeat; text-indent:-9999px; padding:0; margin:0; display:block; position:absolute;}
#m-header .m-gnb-head ul.language:after{clear:both; display:block; overflow:hidden; content:""; height:0}
#m-header .m-gnb-head ul.language li{float:left; width:33.3%; text-align:center;}
#m-header .m-gnb-head ul.language li:first-child{text-align:left;}
#m-header .m-gnb-head ul.language li:last-child{text-align:right;}
#m-header .m-gnb-head ul.language li a{color:#333; font-family:'HMHLight'; display:inline-block;}
#m-header .m-gnb-head ul.language li a.on{position:relative; color:#197bb8;}
#m-header .m-gnb-head ul.language li a.on:before{content:''; position:absolute; left:0; width:100%; background-color:#197bb8;}
#m-header .m-gnb-menu > li > a{color:#333; display:block; font-family:'HMHMedium'; background:url('/images/common/ico/m_gnb_arrow.png') no-repeat right 45px center; border-bottom:1px solid #bababa;}
#m-header .m-gnb-menu .depth2{display:none; border-bottom:1px solid #bababa;}
#m-header .m-gnb-menu .depth2 li a{color:#8f8f8f; font-family:'HMHMedium'; display:block;}
#m-header .m-gnb-menu .depth2 li a.on{color:#197bb8;}
#m-header .utill .search-btn{display:inline-block;}
#m-header .utill .search-btn button{display:block; background:url('/images/common/btn/m_search_ico.png') no-repeat; text-indent:-9999px; padding:0;}
#m-header .utill .search-btn button.on{background:url('/images/common/btn/m_gnb_close_btn.png') no-repeat center}
#m-header .inner-search{width:100%; position:relative; background-color:#e8eef3;}
#m-header .inner-search .search-btn{background:url('/images/common/btn/m_search_ico.png') no-repeat center; padding:0; margin:0; display:block; position:absolute;}
#m-header .inner-search input{border:0; font-family:'HMHLight'; color:#343434; margin:0 auto; box-sizing:border-box; background-color:#e8eef3; display:block;}





.sub-visual.type1{background:url('/images/industrial/bg/sub_visual_01.jpg') no-repeat center; background-size:cover;}
.sub-visual.type2{background:url('/images/industrial/bg/sub_visual_02.jpg') no-repeat center; background-size:cover;}
.sub-visual.type3{background:url('/images/industrial/bg/sub_visual_03.jpg') no-repeat center; background-size:cover;}
.sub-visual.type4{background:url('/images/industrial/bg/sub_visual_04.jpg') no-repeat center; background-size:cover;}
.sub-visual.type5{background:url('/images/industrial/bg/sub_visual_05.jpg') no-repeat center; background-size:cover;}
.sub-visual.type6{background:url('/images/industrial/bg/sub_visual_06.jpg') no-repeat center; background-size:cover;}
.sub-visual .page-title{text-align:center; color:#fff; }
.sub-visual .page-title span{display:block; height:21px; font-family:'HMHMedium'; word-break: break-word;}
.sub-visual .page-title h2{font-family:'HMHBold'; font-weight:normal;}
.lnb-area{display:none;}

.main #footer{margin-top:0;}
#footer-area{background-color:#393b3b; position:relative;}
#footer-area .top-btn{display:block; background:url('/images/industrial/btn/m_footer_top_btn.png') no-repeat; position:absolute; left:50%; padding:0; z-index:1; transform: translate(-50%, 0);}
#footer-area .inner-footer{max-width:1170px; margin:0 auto;}
#footer-area .inner-footer .footer-items:after{clear:both; display:block; overflow:hidden; content:""; height:0}
#footer-area .item1 li:last-child{margin-bottom:0;}
#footer-area .item1 li.type1 a{color:#73b0df;}
#footer-area .item1 li a{font-family:'HMHLight'; color:#e9e9e9;}
#footer-area .item2{float:right;}
#footer-area .item2 .footer-utill{display:flex; flex-direction:column-reverse;}
#footer-area .item2 .footer-utill:after{clear:both; display:block; overflow:hidden; content:""; height:0}
#footer-area .item2 .footer-utill .youtube{float:none; width:100%;}
#footer-area .item2 .footer-utill .youtube a{display:block; height:100%; background:url('/images/common/btn/m_youtube_btn.png') no-repeat; text-indent:-9999px;}
#footer-area .footer-info{color:#aaa; font-family:'HMHLight'; font-family:normal;}
#footer-area p{color:#aaa; font-family:'HMHLight';}
#footer-area p a{color:#aaa;}

.error-content .error-head{position:relative;}
.error-content .error-head h1{position:absolute; left:50%; transition:0.2s;}
.error-content .error-head h1 a{background:url('/images/common/error_logo01.png') no-repeat; text-indent:-9999px; display:block;}
.error-content .error-body{background-color:#e1e7ed;}
.error-content .error-content{}
.error-content .error-content div{text-align:center;}
.error-content .error-content strong{color:#1f2023; font-family:'HMHMedium'; font-weight:normal; display:block;}
.error-content .error-content p{color:#545454; font-family:'HMHLight';}
.error-content .error-content p .d-b{display:block;}
.error-content .error-content p .d-b2{display:block;}
.error-content .home-btn{display:block; color:#fff; text-align:center; margin:0 auto; background-color:#01549e;}

.cookie-area.none{display:none;}
}

/*************************************************태블릿*************************************************/
@media all and (min-width:768px) and (max-width:991px){
.content{max-width:1170px; margin:0 auto 200px auto; padding:0 40px;}
.content.full-content{max-width:inherit; margin:0; padding:0;}

#m-header .logo{}
#m-header .logo a{width:220px; height:62px; display: inline-block;}
#m-header .inner-header{display:flex; align-items: center; justify-content: space-between;  padding:40px 40px; transition: 0.3s;}
#m-header .inner-header.on{background:#fff; transition: 0.3s;}
#m-header .m-gnb-btn{width:49px; height:37px;}
#m-header .m-gnb-btn button{width:49px; height:37px;}
#m-header .m-gnb-head{padding:35px 35px 50px 35px;}
#m-header .m-gnb-head .inner-m-gnb-head{margin-bottom:45px;}
#m-header .inner-m-gnb-head > a{font-size:32px; padding:0 25px; height:70px; line-height:76px; border-radius:8px;}
#m-header .inner-m-gnb-head .group-site{width:375px; font-size:32px; color:#01549e}
#m-header .inner-m-gnb-head > a.mr10{margin-right:10px;}
#m-header .inner-m-gnb-head .group-site select{width:100%; border:0; font-family:'HMHMedium'; height:65px; background: url('/images/industrial/ico/m_b_arrow2.png') no-repeat 95% center; -webkit-appearance: none; -moz-appearance: none; margin: 0; border-radius: 0;}
#m-header .inner-m-gnb-head > button{width:46px; height:46px; top:5px; right:10px;}
#m-header .m-gnb-head ul.language li{padding-bottom:20px;}
#m-header .m-gnb-head ul.language li a{font-size:32px; margin:0 10px;}
#m-header .m-gnb-head ul.language li a.on:before{bottom:-20px; height:3px;}
#m-header .m-gnb-menu > li > a{font-size:32px; padding:30px 45px 30px 40px; background:url('/images/industrial/ico/m_gnb_arrow.png') no-repeat right 45px center;}
#m-header .m-gnb-menu > li > a.opened{background:url('/images/industrial/ico/m_gnb_arrow2.png') no-repeat right 45px center;}
#m-header .m-gnb-menu > li > a.none-submenu{background:none}
#m-header .m-gnb-menu .depth2{padding:20px 0;}
#m-header .m-gnb-menu .depth2 li a{font-size:28px; padding:18px 0 18px 90px;}
#m-header .m-gnb-menu .depth2 li.product-m-ca a i{width:29px; height:29px; background:url('/images/common/ico/ico_c_m_down.png')no-repeat center; background-size:29px; display:inline-block; vertical-align:middle; margin-left:10px;}

#m-header .utill .search-btn{width:51px; height:51px; margin-right:20px;}
#m-header .utill .search-btn button{width:51px; height:51px;}
#m-header .inner-search{padding:60px 0 90px;}
#m-header .inner-search .search-btn{width:60px; height:60px; bottom:109px; right:58px;}
#m-header .inner-search input{font-size:30px; width:calc(100% - 80px); border-bottom:4px solid #093c71; height:90px;}

.sub-visual{height:460px; margin-bottom:110px;}
.sub-visual .page-title{padding-top:220px;}
.sub-visual .page-title span{font-size:34px; height: 41px; padding-bottom:10px;}
.sub-visual .page-title h2{font-size:58px;}


/** footer **/
#footer-area{padding:80px 0;}
#footer-area .top-btn{width: 111px; height: 58px; top: -57px;}
#footer-area .inner-footer{padding:0 40px;}
#footer-area .item1{display: flex; align-items: center; flex-wrap: wrap; width:100%;}
#footer-area .item1 li a{font-size:30px;}
#footer-area .footer-info{font-size:26px; margin-top:60px;}
#footer-area .footer-info > a:nth-child(1){display:inline-block; margin-bottom:20px;}
#footer-area .footer-info address{margin-bottom:10px;}
#footer-area p{font-size:26px;}
#footer-area p:nth-child(3){margin-bottom:10px;}
#footer-area .copyright{font-size:26px;}
#footer-area .item1.new-footer-item.pc-item1{display: none;}
.new-footer-item{margin-bottom:30px;}
.new-footer-item:last-child{margin-bottom:0;}
.new-footer-item li{padding:0 30px; position: relative;}
.new-footer-item li:after{width:1px; height:24px; background:#e9e9e9; content:''; position: absolute; top:50%; right:0; transform: translate(0 , -50%);}
.new-footer-item li:last-child:after{display: none;}
.new-footer-item li:last-child{padding-right:0;}
.new-footer-item li:first-child{padding-left:0;}
.new-footer-ico{position:absolute; top:60px; right:40px;}
.m-b{display: block; margin-bottom:10px;}
.f-youtube{font-size:34px; margin-bottom:60px; padding:0 40px; display: inline-flex; align-items: center; color:#e9e9e9;}
.f-youtube img{display: block; margin-right:30px;}

.error-content .error-head{height:130px;}
.error-content .error-head h1{top:40px; margin-left:-120px;}
.error-content .error-head h1 a{width:275px; height:52px;}
.error-content .error-body{margin-bottom:150px;}
.error-content .error-content{background:url('/images/common/ico/m_error_ico.jpg') no-repeat center top 75px; padding:530px 0 130px;}
.error-content .error-content strong{font-size:42px; margin:70px; line-height:50px;}
.error-content .error-content p{font-size:34px; line-height:42px;}
.error-content .home-btn{width:400px; height:100px; line-height:100px; font-size:38px;}
}

/*************************************************모바일*************************************************/
@media all and (max-width:767px){
.content{max-width:1170px; margin:0 auto 100px auto; padding:0 20px;}
.content.full-content{max-width:inherit; margin:0; padding:0;}
#m-header .logo a, #m-header .inner-header.on .logo a{width: 110px; height:31px; background-size:100%; transition: 0.3s;}
#m-header .inner-header{display:flex; align-items: center; justify-content: space-between; padding:21px 20px;}
#m-header .inner-header.on{background:#fff; transition: 0.3s;}
#m-header .m-gnb-btn{width:25px;; height:19px;}
#m-header .m-gnb-btn button, #m-header .inner-header.on .m-gnb-btn button{width:25px;; height:19px; background-size:100%; transition: 0.3s;}

#m-header .m-gnb-head{padding:18px 18px 25px 18px;}
#m-header .m-gnb-head .inner-m-gnb-head{margin-bottom:22px;}
#m-header .inner-m-gnb-head > a{font-size:18px; padding:0 9px; height:35px; line-height:39px; border-radius:4px;}
#m-header .inner-m-gnb-head .group-site{width:190px;margin:0; font-size:16px; color:#01549e}
#m-header .inner-m-gnb-head > a.mr10{margin-right:10px;}
#m-header .inner-m-gnb-head .group-site select{width:100%; border:0; font-family:'HMHMedium'; height:35px; background: url('/images/industrial/ico/m_b_arrow2.png') no-repeat 95% center; -webkit-appearance: none; -moz-appearance: none; margin: 0; border-radius: 0; background-size: 20px 10px;}
#m-header .inner-m-gnb-head > button{width:23px; height:23px; top:3px; background-size:23px; right:5px;}
#m-header .m-gnb-head ul.language li{padding-bottom:10px;}
#m-header .m-gnb-head ul.language li a{font-size:18px; margin:0 5px;}
#m-header .m-gnb-head ul.language li a.on:before{bottom:-10px; height:2px;}
#m-header .m-gnb-menu > li > a{font-size:18px; padding:15px 22px 15px 20px; background:url('/images/industrial/ico/m_gnb_arrow.png') no-repeat right 22px center; background-size:27px 15px;}
#m-header .m-gnb-menu > li > a.opened{background:url('/images/industrial/ico/m_gnb_arrow2.png') no-repeat right 22px center; background-size:27px 15px;}
#m-header .m-gnb-menu > li > a.none-submenu{background:none}
#m-header .m-gnb-menu .depth2{padding:10px 0;}
#m-header .m-gnb-menu .depth2 li a{font-size:16px; padding:10px 0 10px 45px;}
#m-header .m-gnb-menu .depth2 li.product-m-ca a i{width:15px; height:16px; background:url('/images/common/ico/ico_c_m_down.png')no-repeat center; background-size:15px 16px; display:inline-block; vertical-align:middle; margin-left:5px;}

#m-header .utill .search-btn{width:25px; height:25px; margin-right:10px;}
#m-header .utill .search-btn button{width:25px; height:25px; background-size:25px}
#m-header .utill .search-btn button.on{background-size:20px}
#m-header .inner-search{padding:30px 0 45px;}
#m-header .inner-search .search-btn{width:30px; height:30px; bottom:55px; right:29px; background-size:30px;}
#m-header .inner-search input{font-size:16px; width:calc(100% - 40px); border-bottom:2px solid #093c71; height:45px;}

.sub-visual{height:230px; margin-bottom:55px}
.sub-visual .page-title{padding-top:110px;}
.sub-visual .page-title span{font-size:18px; height:21px; padding-bottom:5px; }
.sub-visual .page-title h2{font-size:30px;}


/** footer **/
#footer-area{padding:40px 0;}
#footer-area .top-btn{width: 55px; height: 29px; top: -28px; background-size: 55px 29px;}
#footer-area .inner-footer{padding:0 20px;}
#footer-area .item1{display: flex; align-items: center; flex-wrap: wrap; width:100%;}
#footer-area .item1 li a{font-size:15px;}
#footer-area .footer-info{font-size:13px; margin-top:30px;}
#footer-area .footer-info > a:nth-child(1){margin-bottom:10px; display: inline-block;}
#footer-area .footer-info > a:nth-child(1) img{width:209px}
#footer-area .footer-info address{margin-bottom:10px;}
#footer-area p{font-size:13px;}
#footer-area p:nth-child(3){margin-bottom:5px;}
#footer-area .copyright{font-size:13px;}
#footer-area .item1.new-footer-item.pc-item1{display: none;}
.new-footer-item{margin-bottom:15px;}
.new-footer-item:last-child{margin-bottom:0;}
.new-footer-item li{padding:0 15px; position: relative; margin-right:0;}
.new-footer-item li:after{width:1px; height:12px; background:#e9e9e9; content:''; position: absolute; top:50%; right:0; transform: translate(0 , -50%);}
.new-footer-item li:last-child:after{display: none;}
.new-footer-item li:last-child{padding-right:0;}
.new-footer-item li:first-child{padding-left:0;}
.new-footer-ico{position:absolute; top:30px; right:20px;}
.m-b{display: block; margin-bottom:5px;}
.f-youtube{font-size:17px; margin-bottom:15px; padding:0 20px; display: inline-flex; align-items: center; color:#e9e9e9;}
.f-youtube img{display: block; margin-right:15px; width:33px;}


.error-content .error-head{height:65px;}
.error-content .error-head h1{top:20px; margin-left:-60px;}
.error-content .error-head h1 a{width:168px; height:34px; background-size:100%;}
.error-content .error-body{margin-bottom:35px;}
.error-content .error-content{background:url('/images/common/ico/m_error_ico.jpg') no-repeat center top 35px; padding:265px 0 65px; background-size:343px 227px;}
.error-content .error-content strong{font-size:22px; margin:35px; line-height:28px;}
.error-content .error-content p{font-size:18px; line-height:26px;}
.error-content .home-btn{width:200px; height:50px; line-height:50px; font-size:20px;}

.cookie-area.none{display:none;}

}

@media (max-width: 360px){
	.new-footer-item li{padding:0 7px;}
	#footer-area .item1 li a{font-size:13px;}
}



/*20200928 css 추가*/
@media all and (max-width: 1900px) and (min-width: 1690px){
#pc-header .utill{right:50px}
#pc-header .gnb{margin-left:-60px;}
}