@charset "utf-8";

/*************************************************************************
* @ 서비스명   : commonui
* @ 파일명     : /css/commonui.css
* @ 페이지설명  : commonui.css
* @ 작성자     : 김정은 (pointweb)
* @ 작성일     : 2021-08-26
************************** 수정이력 **************************************
* 날짜                    작업자                  변경내용
* 2021-08-26              김정은                  최초작성
**************************************************************************/


* {box-sizing: border-box;}
html{font-size:100px;}
body{overflow: inherit;}
body.on{overflow: hidden !important;}
.layout{margin:0 auto;width:100%;max-width:12.8rem;position:relative;}
.no-data{font-size:0.16rem;padding: 0.1rem 0 0.3rem;}

/* color */

/* text */
.align-left{text-align:left !important;}
.color-default{color:#16469d;}
.text-bold{font-weight:bold;}

/* dl style */
.dl-style1{}
.dl-style1 dt{clear:left;float:left;}
.dl-style1 dd{width:100%;}
.dl-style1 dd:after {content: "";display: table;clear: both;}

/* filebox */
.filebox{}
.filebox .filebox-tit{display:inline-block;vertical-align:top;width:1.5rem;height:0.53rem;background:#fff;color:#222;font-weight:500;font-size:0.18rem;text-align:center;line-height:0.53rem;}
.filebox label{position: relative;display: inline-block;vertical-align:top;width: 1.5rem;color:#fff;font-size: 0.18rem;font-weight:500;vertical-align: middle;cursor: pointer;line-height: 0.53rem;text-align: center;}
.filebox label::before{content:'';width:0.3rem;height:0.3rem;background:url('/_public/images/@draft/sp_ico.png') no-repeat;background-size:6rem;background-position:-0.3rem -0.2rem;position:absolute;right:0.09rem;top:0.1rem;}
.filebox input[type="file"]{position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}
.filebox .upload-name::placeholder{color:#fff;}
.filebox .upload-name{display: inline-block;vertical-align:top;width: calc(100% - 3rem);height: 0.53rem;font-size: 0.18rem;padding: 0 0.2rem;vertical-align: middle;background: transparent;border: 0;color: #fff;}

/* calendar */
.term-calendar{margin-left:30px;}
.term-calendar span{position: relative;display:inline-block;vertical-align: top;}
.term-calendar span:after{content: "";position:absolute;right:8px;top:5px;display:inline-block;width:20px;height:20px;background: url("/_public/images/@draft/sp_ico.png") no-repeat;background-position:-140px 0;}
.term-calendar input[type="text"]{font-size:14px;vertical-align: top;position:relative;display:inline-block;padding: 0 30px 0 10px;width:150px;height:32px;border:1px solid #e5e5e5;background: #fff;}
.term-calendar em{vertical-align: top;display:inline-block;width:20px;line-height: 32px;font-size:18px;}

/* sub-visual */
.sub-visual{height:4.19rem;position:relative;}
.sub-visual.sub01{background:url('/_public/images/sub/sub_visual01.jpg') no-repeat 50% 50%;background-size:cover;}
.sub-visual.sub02{background:url('/_public/images/sub/sub_visual02.jpg') no-repeat 50% 50%;background-size:cover;}
.sub-visual.sub03{background:url('/_public/images/sub/sub_visual03.jpg') no-repeat 50% 50%;background-size:cover;}
.sub-visual.sub04{background:url('/_public/images/sub/sub_visual04.jpg') no-repeat 50% 50%;background-size:cover;}
.sub-visual .tit-box{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.sub-visual .tit-box strong{display:block;font-size:0.48rem;color:#fff;text-align:center;}
.sub-visual .tit-box p{text-align:center;}
.sub-visual .tit-box p span{display:inline-block;font-size:0.16rem;font-weight:300;color:#fff;margin-top:0.14rem;padding-right:0.35rem;margin-right:0.1rem;position:relative;}
.sub-visual .tit-box p span::after{content:'';width:0.2rem;height:0.2rem;background:url('/_public/images/@draft/sp_ico.png') no-repeat;background-size:6rem;background-position:-0.8rem 0;position:absolute;top:0.03rem;right:0;}
.sub-visual .tit-box p span:last-child{padding-right:0;margin-right:0;}
.sub-visual .tit-box p span:last-child::after{display:none;}

/* left-nav */
.left-nav{display: inline-block;vertical-align: top;width: 23%;}
.left-nav h3{font-size:0.24rem;padding-left:0.3rem;}
.left-nav h3::before{content:'';width:0.3rem;height:0.3rem;background:url('/_public/images/@draft/sp_ico.png') no-repeat;background-size:6rem;background-position:-1.8rem -0.2rem;position:absolute;left:0;}
.left-nav ul{margin-top:0.4rem;}
.left-nav ul li{font-size:0.18rem;font-weight:400;line-height:0.65rem;background:#f5f5f5;border-bottom:0.01rem solid #fff;}
.left-nav ul li > a{display:block;width:100%;height:100%;padding:0 0.2rem;}
.left-nav ul li .depth1{display:block;width:100%;line-height:0.65rem;text-align:left;font-size:0.18rem;padding:0 0.2rem;position:relative;}
.left-nav ul li .depth1::after{content:'';width:0.2rem;height:0.2rem;background:url('/_public/images/@draft/sp_ico.png') no-repeat;background-size:6rem;background-position:-1.4rem 0;position:absolute;right:0.2rem;top:0.23rem;}
.left-nav ul li .depth1.on::after{background-position:-1.82rem 0;}
.left-nav ul li .depth2{display:none;background:#fff;padding:0.1rem 0.2rem;}
.left-nav ul li .depth2 a{display:block;color:#707070;padding-left:0.1rem;position:relative;line-height:0.5rem;font-weight:400;}
.left-nav ul li .depth2 a:hover{color:#16469d;}
.left-nav ul li .depth2 a:hover::before{content:'';width:0.05rem;height:0.05rem;background:#16469d;border-radius:50%;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.left-nav ul li.active .depth2{display:block;}
.left-nav ul li.active .depth1::after{background-position:-1.6rem 0;}
.left-nav ul li.active .depth1.on::after{background-position:-2.4rem 0;}
.left-nav ul li:hover .depth1.on::after{background-position:-1.6rem 0;}
.left-nav ul li.active,
.left-nav ul li:hover,
.left-nav ul li.active .depth1,
.left-nav ul li:hover .depth1{background:#16469d;color:#fff;}
/* .left-nav ul li.active .depth1::after, */
.left-nav ul li:hover .depth1::after{background-position:-2.4rem 0;}
.left-nav ul li.active:hover .depth1::after{background-position:-1.6rem 0;}
.left-nav ul li.active .depth2 a:hover,
.left-nav ul li.active .depth2 a.active{color:#16469d;position:relative;}
.left-nav ul li.active .depth2 a:hover::before,
.left-nav ul li.active .depth2 a.active::before{content:'';width:0.05rem;height:0.05rem;background:#16469d;border-radius:50%;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.left-nav ul li.active > a,
.left-nav ul li:hover > a{color:#fff;}

.popup-bottom { background: #fff;  padding: 10px;  display: block;  position: relative;  margin-top: -5px;}
.popup-bottom button:nth-child(2) {float: right;background: #f44336;color: #fff;padding: 10px 15px;margin: -10px;}


/* sub-tit */
.sub .hgroup{}
.sub .hgroup .sub-tit{font-size:0.36rem;word-break:keep-all;}
.sub .hgroup .sub-txt{font-size:0.16rem;margin-top:0.4rem;font-weight:400;}
.sub .hgroup .sub-txt span{font-weight:500;}
.sub .hgroup .sub-txt em{display:block;font-weight:600;margin-bottom:0.15rem;}

/* quick menu */
.quick{}
.quick .facebook{position:fixed;right:0.2rem;bottom:1.7rem;display:block;width:0.55rem;height:0.55rem;background:url('/_public/images/@draft/sp_ico.png') no-repeat;background-size:6rem;background-position:0 -0.85rem;font-size:0;}
.quick .gotop{display:none;position:fixed;right:0.2rem;bottom:1rem;width:0.55rem;height:0.55rem;background:url('/_public/images/@draft/sp_ico.png') no-repeat;background-size:6rem;background-position:-1.1rem -0.85rem;font-size:0;}

/* checkbox-type */
.checkbox-type1{display:inline-block;vertical-align:top;width:33.333%;margin:0.1rem 0;}
.checkbox-type1 input[type="checkbox"]{position:absolute;opacity:0;}
.checkbox-type1 label{display:block;font-size:0.18rem;padding-left:0.4rem;position:relative;cursor:pointer;}
.checkbox-type1 label::before{content:'';width:0.3rem;height:0.3rem;border:0.01rem solid #fff;border-radius:50%;position:absolute;left:0;}
.checkbox-type1 label::after{display:none;content:'';width:0.07rem;height:0.13rem;border-right:0.02rem solid #fff;border-bottom:0.02rem solid #fff;transform:rotate(45deg);position:absolute;left:0.11rem;top:0.07rem;}
.checkbox-type1 input[type="checkbox"]:checked + label::before{background:#16469d;border-color:#16469d;}
.checkbox-type1 input[type="checkbox"]:checked + label::after{display:block;}

.checkbox-type2{margin-top:0.6rem;}
.checkbox-type2 input[type="checkbox"]{position:absolute;opacity:0;}
.checkbox-type2 label{display:block;font-size:0.18rem;font-weight:500;padding-left:0.4rem;position:relative;cursor:pointer;}
.checkbox-type2 label::before{content:'';width:0.3rem;height:0.3rem;border:0.01rem solid #fff;border-radius:50%;position:absolute;left:0;}
.checkbox-type2 label::after{display:none;content:'';width:0.13rem;height:0.13rem;border-radius:50%;background:#fff;position:absolute;left:0.1rem;top:0.09rem;}
.checkbox-type2 input[type="checkbox"]:checked + label::after{display:block;}
.checkbox-type2 label .private-open{display:inline-block;font-size:0.18rem;font-weight:400;color:#fff;text-decoration:underline;margin-left:0.2rem;}

/* radio-type */
.radio-type1{display:inline-block;vertical-align:middle;width:33.333%;}
.radio-type1 input[type="radio"]{position:absolute;opacity:0;}
.radio-type1 label{display:block;font-size:0.18rem;padding-left:0.4rem;margin-top:0.2rem;position:relative;cursor:pointer;}
.radio-type1 label::before{content:'';width:0.3rem;height:0.3rem;border:0.01rem solid #fff;border-radius:50%;position:absolute;left:0;}
.radio-type1 label::after{display:none;content:'';width:0.13rem;height:0.13rem;border-radius:50%;background:#fff;position:absolute;left:0.1rem;top:0.09rem;}
.radio-type1 input[type="radio"]:checked + label::after{display:block;}

.m-img{display:none;}

#header{position:fixed;width:100%;left:0;top:0;z-index:1000;}
#header .logo{display:inline-block;vertical-align:top;width:1.3rem;height:0.5rem;background:url('/_public/images/common/logo.png') no-repeat;font-size:0;margin-top:0.17rem;}
#header .gnb{display:inline-block;vertical-align:top;width:80%;}
#header .gnb .level1{font-size:0;}
#header .gnb .level1 > li{display:inline-block;vertical-align:top;width:25%;font-size:0.21rem;text-align:center;font-weight:500;}
#header .gnb .level1 > li > a{color:#fff;line-height:0.85rem;}
#header .gnb .level1 > li .level2{display:none;height:6rem;border-right:0.01rem solid #ccc;padding:0.2rem 0;border-top:0.03rem solid transparent;}
#header .gnb .level1 > li .level2 a{display:block;font-size:0.16rem;color:#666;text-align:center;line-height:0.4rem;font-weight:300;}
#header .gnb .level1 > li:first-child .level2{border-left:0.01rem solid #ccc;}
#header .menu-icon{width:0.35rem;height:0.35rem;background:url('/_public/images/@draft/sp_ico.png') no-repeat;background-size:6rem;background-position:0 -0.5rem;font-size:0;position:absolute;top:0.26rem;right:0;}
#header .m-close-icon{display:none;}
#header .level2-bg{display:none;width:100%;height:6rem;background:#fff;position:absolute;left:0;top:0.85rem;z-index:-1;border-top:0.01rem solid #ccc;}
#header .allmenu{display:none;width:100%;height:100vh;background:#fff;position:absolute;top:0;left:0;}
#header .allmenu .allmenu-close{width:0.3rem;height:0.3rem;background:url('/_public/images/@draft/sp_ico.png') no-repeat;background-size:6rem;background-position:-1.2rem -0.2rem;font-size:0;position:absolute;top:4%;right:0;}
#header .allmenu .allmenu-level1{font-size:0;text-align:center;padding:8% 0;}
#header .allmenu .allmenu-level1 > li{display:inline-block;vertical-align:top;width:25%;height:8rem;border-left:0.01rem solid #ccc;}
#header .allmenu .allmenu-level1 > li:first-child{border-left:0;}
#header .allmenu .allmenu-level1 > li > a{display:block;font-size:0.32rem;color:#16469d;font-weight:700;}
#header .allmenu .allmenu-level1 > li .allmenu-level2{margin-top:0.2rem;}
#header .allmenu .allmenu-level1 > li .allmenu-level2 > a{display:block;font-size:0.2rem;color:#666;font-weight:400;line-height:0.5rem;}
#header .allmenu .allmenu-level1 > li .allmenu-level2 .allmenu-level3{}
#header .allmenu .allmenu-level1 > li .allmenu-level2 .allmenu-level3 span{display:block;font-size:0.2rem;color:#666;font-weight:400;line-height:0.5rem;cursor:pointer;position:relative;}
#header .allmenu .allmenu-level1 > li .allmenu-level2 .allmenu-level3 span::after{content:'';width:0.2rem;height:0.2rem;background:url('/_public/images/@draft/sp_ico.png') no-repeat;background-size:6rem;background-position:-1.4rem 0;position:absolute;top:0.17rem;margin-left:0.1rem;}
#header .allmenu .allmenu-level1 > li .allmenu-level2 .allmenu-level3 span.on::after{background-position:-1.8rem 0;}
#header .allmenu .allmenu-level1 > li .allmenu-level2 .allmenu-level3 div{display:none;}
#header .allmenu .allmenu-level1 > li .allmenu-level2 .allmenu-level3 div a{display:block;font-size:0.18rem;color:#666;line-height:0.4rem;}
#header .allmenu .allmenu-level1 > li .allmenu-level2 > a:hover{color:#16469d;}
#header .allmenu .allmenu-level1 > li .allmenu-level2 .allmenu-level3 span:hover{color:#16469d;}
#header .allmenu .allmenu-level1 > li .allmenu-level2 .allmenu-level3 div a:hover{color:#16469d;}
#header.active{background:#fff;}
#header.active .logo{background:url('/_public/images/common/logo02.png') no-repeat;}
#header.active .gnb .level1 > li > a{color:#222;}
#header.active .gnb .level1 > li:hover > a{color:#16469d;}
#header.active .gnb .level1 > li:hover .level2{border-top:0.03rem solid #16469d;}
#header.active .gnb .level1 > li .level2 a:hover{color:#16469d;font-weight:500;}
#header.active .menu-icon{background-position:-0.35rem -0.5rem;}
#header.fixed{background:#fff;}
#header.fixed .logo{background:url('/_public/images/common/logo02.png') no-repeat;}
#header.fixed .gnb .level1 > li > a{color:#222;}
#header.fixed .menu-icon{background-position:-0.35rem -0.5rem;}

#footer{background:#fff;padding:0.55rem 0;}
#footer .footer-slide{}
#footer .footer-slide div{margin:0 0.2rem;padding-bottom: 0.01rem;}
#footer .footer-slide img{border:0.01rem solid #ccc;width:100%;box-sizing: border-box;}
#footer .footer-bottom{margin-top:0.6rem;position:relative;}
#footer .footer-bottom address{font-style:normal;}
#footer .footer-bottom address p{font-size:0.16rem;color:#666;line-height:0.24rem;}
#footer .footer-bottom address p span{padding-right:0.1rem;margin-right:0.05rem;position:relative;}
#footer .footer-bottom address p span::after{content:'';width:0.01rem;height:0.16rem;background:#666;position:absolute;top:0.05rem;right:0;}
#footer .footer-bottom address p span:last-child::after{display:none;}
#footer .footer-bottom .private{font-size:0.18rem;color:#666;font-weight:500;position:absolute;top:0;right:0;}
#footer .footer-bottom .copyright{font-size:0.16rem;color:#666;position:absolute;bottom:0;right:0;}

#main{}
#main .main-tit{font-size:0.42rem;font-weight:800;text-align:center;}
#main .section1{position:relative;}
#main .section1 video{width:100%;}
#main .section1 p{position:absolute;bottom:2rem;font-size:0.48rem;font-weight:600;color:#fff;}
#main .section2{background:#f5f5f5;padding:0.88rem 0 1rem;}
#main .section2 ul{font-size:0;margin:0.7rem -1% 0;}
#main .section2 ul li{position:relative;top:0;display:inline-block;vertical-align:top;width:23%;background:#fff;margin:1%;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
#main .section2 ul li a{display:block;padding:0.8rem 0 0.4rem;}
#main .section2 ul li a em{display:block;width:0.9rem;height:0.9rem;background:url('/_public/images/@draft/sp_ico.png') no-repeat;background-size:6rem;margin:0 auto;}
#main .section2 ul li:nth-child(1) a em{background-position:0 -1.4rem;}
#main .section2 ul li:nth-child(2) a em{background-position:0 -2.3rem;}
#main .section2 ul li:nth-child(3) a em{background-position:-3.6rem -1.4rem;}
#main .section2 ul li:nth-child(4) a em{background-position:-1.8rem -1.4rem;}
#main .section2 ul li:nth-child(5) a em{background-position:0 -4.1rem;}
#main .section2 ul li:nth-child(6) a em{background-position:-1.8rem -2.3rem;}
#main .section2 ul li:nth-child(7) a em{background-position:-3.6rem -2.3rem;}
#main .section2 ul li:nth-child(8) a em{background-position:0 -3.2rem;}
#main .section2 ul li:nth-child(9) a em{background-position:-1.8rem -3.2rem;}
#main .section2 ul li:nth-child(10) a em{background-position:-3.6rem -3.2rem;}
#main .section2 ul li:nth-child(11) a em{background-position:-1.8rem -4.1rem;}
#main .section2 ul li:nth-child(12) a em{background-position:-3.6rem -4.1rem;}
#main .section2 ul li:nth-child(13) a em{background-position:0 -5rem;}
#main .section2 ul li:nth-child(14) a em{background-position:-1.8rem -5rem;}
#main .section2 ul li:nth-child(15){width:48%;padding:1.1rem 0 1rem;text-align:center;}
#main .section2 ul li:hover{background:url('/_public/images/main/section2_hover.jpg') no-repeat;background-size:cover;top:-0.2rem;box-shadow:10px 10px 20px rgb(0 0 0 / 30%)}
#main .section2 ul li:hover a .txt-box strong{color:#fff;}
#main .section2 ul li:hover a .txt-box p::before{background:#fff;}
#main .section2 ul li:hover a .txt-box p{color:#fff;}
#main .section2 ul li:hover:nth-child(1) a em{background-position:-0.9rem -1.4rem;}
#main .section2 ul li:hover:nth-child(2) a em{background-position:-0.9rem -2.3rem;}
#main .section2 ul li:hover:nth-child(3) a em{background-position:-4.51rem -1.4rem;}
#main .section2 ul li:hover:nth-child(4) a em{background-position:-2.7rem -1.4rem;}
#main .section2 ul li:hover:nth-child(5) a em{background-position:-0.9rem -4.1rem;}
#main .section2 ul li:hover:nth-child(6) a em{background-position:-2.7rem -2.3rem;}
#main .section2 ul li:hover:nth-child(7) a em{background-position:-4.5rem -2.3rem;}
#main .section2 ul li:hover:nth-child(8) a em{background-position:-0.9rem -3.2rem;}
#main .section2 ul li:hover:nth-child(9) a em{background-position:-2.7rem -3.2rem;}
#main .section2 ul li:hover:nth-child(10) a em{background-position:-4.5rem -3.2rem;}
#main .section2 ul li:hover:nth-child(11) a em{background-position:-2.7rem -4.1rem;}
#main .section2 ul li:hover:nth-child(12) a em{background-position:-4.5rem -4.1rem;}
#main .section2 ul li:hover:nth-child(13) a em{background-position:-0.9rem -5rem;}
#main .section2 ul li:hover:nth-child(14) a em{background-position:-2.7rem -5rem;}
#main .section2 ul li:hover:nth-child(15){background:#fff;top:0;box-shadow:none;}
#main .section2 ul li a .txt-box{text-align:center;margin-top:0.22rem;}
#main .section2 ul li a .txt-box strong{display:block;font-size:0.2rem;}
#main .section2 ul li a .txt-box strong br{display:none;}
#main .section2 ul li a .txt-box p{font-size:0.16rem;font-weight:400;padding-top:0.3rem;position:relative;}
#main .section2 ul li a .txt-box p::before{content:'';width:0.2rem;height:0.02rem;background:#222;position:absolute;top:0.12rem;left:50%;margin-left:-0.1rem;}
#main .section3{padding:1rem 0;}
#main .section3 .inner{margin:1rem -2% 0;font-size:0;}
#main .section3 .left{position:relative;display:inline-block;vertical-align:bottom;width:46%;margin:0 2%;}
#main .section3 .left .tab-wrap{font-size:0;border-bottom:0.01rem solid #222;}
#main .section3 .left .tab-wrap li{display:inline-block;vertical-align:top;width:1.2rem;height:0.5rem;font-size:0.18rem;text-align:center;line-height:0.5rem;border:0.01rem solid #222;border-bottom:0;}
#main .section3 .left .tab-wrap li a{display:block;width:100%;height:100%;}
#main .section3 .left .tab-wrap li:first-child{border-right:0;}
#main .section3 .left .tab-wrap li:hover,
#main .section3 .left .tab-wrap li.active{background:#16469d;}
#main .section3 .left .tab-wrap li:hover a,
#main .section3 .left .tab-wrap li.active a{color:#fff;}
#main .section3 .left .tab{}
#main .section3 .left .tab ul{height:3.3rem;margin-top:0.3rem;}
#main .section3 .left .tab ul li{font-weight:400;border-bottom:0.01rem solid #ccc;}
#main .section3 .left .tab ul li a{display:block;padding:0.2rem 0.1rem;font-size:0;}
#main .section3 .left .tab ul li a span{display:inline-block;vertical-align:middle;font-size:0.18rem;}
#main .section3 .left .tab ul li a span:nth-child(1){width:15%;font-weight:600;}
#main .section3 .left .tab ul li a span:nth-child(2){width:70%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#main .section3 .left .tab ul li a span:nth-child(3){width:15%;font-size:0.16rem;color:#666;text-align:right;}
#main .section3 .left .tab ul.news{}
#main .section3 .left .tab ul.news li{display:inline-block;vertical-align:top;width:50%;border-bottom:0;}
#main .section3 .left .tab ul.news li a {}
#main .section3 .left .tab ul.news li a figure{height:1.9rem;}
#main .section3 .left .tab ul.news li a figure img{height:100%;}
#main .section3 .left .tab ul.news li a .txt-box{}
#main .section3 .left .tab ul.news li a .txt-box .tit{font-size:0.16rem;font-weight:500;margin-top:0.2rem;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:0.23rem;height:0.46rem;}
#main .section3 .left .tab ul.news li a .txt-box .date{display:block;font-size:0.14rem;color:#999;margin-top:0.2rem;}
#main .section3 .left .tab .more-view{position:absolute;top:0.1rem;right:0.1rem;display:block;width:0.3rem;height:0.3rem;background:url('/_public/images/@draft/sp_ico.png') no-repeat;background-size:6rem;background-position:0 -0.2rem;font-size:0;}
#main .section3 .right{display:inline-block;vertical-align:bottom;width:46%;margin:0 2%;}
#main .section3 .right .inner{margin:0 -2%;}
#main .section3 .right .tit{font-size:0.18rem;font-weight:600;}
#main .section3 .right .slide{position:relative;display:inline-block;vertical-align:top;width:52%;margin:0 2%;}
#main .section3 .right .slide .noti-slide{height:3.6rem;overflow:hidden;margin-top:0.1rem;position:relative;}
#main .section3 .right .slide .noti-slide img{}
#main .section3 .right .slide .noti-slide .slick-dots{position:absolute;bottom:0.2rem;width:100%;text-align:center;}
#main .section3 .right .slide .noti-slide .slick-dots li{position:relative;display:inline-block;width:0.15rem;height:0.15rem;border-radius:50%;border:0.01rem solid #fff;margin:0 0.05rem;}
#main .section3 .right .slide .noti-slide .slick-dots li button{position:absolute;display:block;width:100%;font-size:0;}
#main .section3 .right .slide .noti-slide .slick-dots li.slick-active button{top:0.03rem;left:0.03rem;width:0.07rem;height:0.07rem;border-radius:50%;background:#fff;}
#main .section3 .right .slide .arrowSlider{position:absolute;top:0.03rem;left:0.7rem;display:inline-block; vertical-align:middle;}
#main .section3 .right .slide .arrowSlider button{width:0.2rem;height:0.2rem;font-size:0;background:url('/_public/images/@draft/sp_ico.png') no-repeat;background-size:6rem;}
#main .section3 .right .slide .arrowSlider .prev{background-position:0 0;}
#main .section3 .right .slide .arrowSlider .pause{background-position:-0.2rem 0;display:none;}
#main .section3 .right .slide .arrowSlider .play{background-position:-2rem 0;display:none;}
#main .section3 .right .slide .arrowSlider .pause.active{display:inline-block;}
#main .section3 .right .slide .arrowSlider .play.active{display:inline-block;}
#main .section3 .right .slide .arrowSlider .next{background-position:0 0;transform:rotate(180deg);}
#main .section3 .right .catalogue{display:inline-block;vertical-align:top;width:40%;margin:0 2%;}
#main .section3 .right .catalogue a{display:block;margin-top:0.1rem;}
#main .section4{background:url('/_public/images/main/section4_bg.jpg') no-repeat 50% 50%;background-size:cover;color:#fff;padding:1rem 0;}
#main .section4 .main-tit{}
#main .section4 .inner{margin-top:1rem;font-size:0;}
#main .section4 .inner .left{display:inline-block;vertical-align:top;width:30%;}
#main .section4 .inner .left p{font-size:0.2rem;}
#main .section4 .inner .left ul{margin-top:1rem;}
#main .section4 .inner .left ul li{font-size:0.18rem;}
#main .section4 .inner .left ul li + li{margin-top:0.3rem;}
#main .section4 .inner .left ul li strong{display:block;font-size:0.2rem;position:relative;padding-left:0.5rem;}
#main .section4 .inner .left ul li strong::before{content:'';width:0.35rem;height:0.35rem;background:url('/_public/images/@draft/sp_ico.png') no-repeat;background-size:6rem;position:absolute;left:0;top:-0.05rem;}
#main .section4 .inner .left ul li span{display:block;margin-top:0.12rem;padding-left:0.5rem;}
#main .section4 .inner .left ul li:nth-child(1) strong::before{background-position:-0.7rem -0.5rem;}
#main .section4 .inner .left ul li:nth-child(2) strong::before{background-position:-1.05rem -0.5rem;}
#main .section4 .inner .left ul li:nth-child(3) strong::before{background-position:-1.4rem -0.5rem;}
#main .section4 .inner .right{display:inline-block;vertical-align:top;width:70%;padding-left:0.4rem;}
#main .section4 .inner .right .form{}
#main .section4 .inner .right .form .form-group{font-size:0;}
#main .section4 .inner .right .form .form-group + .form-group{margin-top:0.4rem;}
#main .section4 .inner .right .form .form-group .form-box{}
#main .section4 .inner .right .form .form-group .form-box + .form-box{margin-top:0.2rem;}
#main .section4 .inner .right .form .form-group .form-box.flex{display:flex;}
#main .section4 .inner .right .form .form-group .form-box.flex > div{flex:1;}
#main .section4 .inner .right .form .form-group .form-box.flex > div + div{margin-left:0.2rem;}
#main .section4 .inner .right .form .form-group .form-box.select{margin-top:0.2rem;}
#main .section4 .inner .right .form .form-group .form-box.select .field{display:inline-block;vertical-align:top;margin-right:0.2rem;}
#main .section4 .inner .right .form .form-group .form-box .field{border:0.01rem solid #fff;}
#main .section4 .inner .right .form .form-group .form-box .field input[type="text"],
#main .section4 .inner .right .form .form-group .form-box .field input[type="tel"],
#main .section4 .inner .right .form .form-group .form-box .field input[type="email"],
#main .section4 .inner .right .form .form-group .form-box .field input[type="date"]{width:100%;height:0.5rem;padding:0 0.2rem;font-size:0.18rem;color:#fff;}
#main .section4 .inner .right .form .form-group .form-box .field input[type="date"]{background:transparent;cursor:pointer;}
#main .section4 .inner .right .form .form-group .form-box .field input[type="text"]::placeholder,
#main .section4 .inner .right .form .form-group .form-box .field input[type="tel"]::placeholder,
#main .section4 .inner .right .form .form-group .form-box .field input[type="email"]::placeholder,
#main .section4 .inner .right .form .form-group .form-box .field input[type="date"]::placeholder{color:#fff;}
#main .section4 .inner .right .form .form-group .form-box .field #datepicker1{position:relative;background:url('/_public/images/@draft/calendar_icon.png') no-repeat 95% 50%;}
#main .section4 .inner .right .form .form-group .form-box .field #tel_time{background:url('/_public/images/@draft/select_icon.png') no-repeat 95% 50%;}
#main .section4 .inner .right .form .form-group .form-box .field textarea{width:100%;height:1.5rem;background:transparent;resize:none;border:0;padding:0.2rem;font-size:0.18rem;color:#fff;}
#main .section4 .inner .right .form .form-group .form-box .field textarea::placeholder{color:#fff;}
#main .section4 .inner .right .form .form-group .form-box .field select{width:2.6rem;height:0.5rem;font-size:0.18rem;color:#fff;padding:0 0.2rem;background-position:95% 50%;cursor:pointer;}
#main .section4 .inner .right .form .form-group .form-box .field select option{color:#222;}
#main .section4 .inner .right .form .form-group p{font-size:0.2rem;font-weight:600;}
#main .section4 .inner .right .inquiry{position:absolute;bottom:0;right:0;width:1.8rem;height:0.65rem;font-size:0.18rem;color:#fff;border:0.01rem solid #fff;}
#main .section4 .inner .right .inquiry:hover{border:0.01rem solid #16469d;background:#16469d;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#main .section4 .inner .right .go-inquiry{display:none;}

.sub{padding:0.4rem 0 2rem;border-bottom:0.01rem solid #ccc;}
.contents{display: inline-block;vertical-align: top;width: 76%;padding-left: 5%;margin-top:0.4rem;}

/* 회사소개 */
.greeting{}
.greeting section{margin-top:0.57rem;}
.greeting section .img{}
.greeting section .img img{display:block;}
.greeting section .txt-box{letter-spacing:-0.01rem;margin-top:0.4rem;}
.greeting section .txt-box + .txt-box{margin-top:0.6rem;}
.greeting section .txt-box h3{font-size:0.24rem;}
.greeting section .txt-box p{font-size:0.16rem;line-height:0.28rem;margin-top:0.4rem;}
.greeting section .ceo{font-size:0.16rem;font-weight:500;letter-spacing:-0.01rem;text-align:right;color:#999;margin-top:0.4rem;}
.greeting section .ceo span{display:inline-block;font-size:0.25rem;color:#222;font-weight:600;letter-spacing:0.05rem;margin-left:0.2rem;}

.direction{}
.direction section{margin-top:0.8rem;}
.direction .map-area{height:4.8rem;}
.direction .map-area .root_daum_roughmap{width:100%;height:100%;}
.direction .map-area .root_daum_roughmap .wrap_map{width:100%;height:100%;}
.direction ul{border-top:0.01rem solid #222;border-bottom:0.01rem solid #222;margin-top:0.4rem;}
.direction ul li{border-top:0.01rem solid #ccc;font-size:0;}
.direction ul li:first-child{border-top:0;}
.direction ul li span{display:inline-block;vertical-align:middle;word-break:keep-all;}
.direction ul li span:nth-child(1){width:30%;font-size:0.18rem;font-weight:600;text-align:center;background:#EEF2F8;border-right:0.01rem solid #ccc;padding:0.2rem 0;}
.direction ul li span:nth-child(2){width:70%;font-size:0.16rem;padding-left:0.2rem;}

/* 사업영역 */
.m-link{display:none;}

.business{}
.business .hgroup .sub-txt span{display:block;font-weight:300;}
.business section{margin-top:0.8rem;}
.business section .list{}
.business section .list + .list{margin-top:0.8rem;}
.business section .list h3{font-size:0.24rem;}
.business section .list h3 span{display:inline-block;color:#ccc;margin-right:0.2rem;}
.business section .list h4{font-size:0.20rem; margin-bottom:20px }
.business section .list h4 span{display:inline-block;color:#16469D;margin-right:0.05rem;}

.business section .blue-list { margin-top: 40px; margin-bottom: 80px; padding-left: 40px;}
.business section .blue-box { padding: 20px 30px; background: #F6F9FF; margin-bottom: 10px;}
.business section .blue-box h5 { font-weight: 600; font-size:0.18rem; color: #16469D; }
.business section .blue-box h5 span { color: #999; font-weight: 500; font-size:0.16rem;}
.business section .blue-box ul { margin-top: 15px; color: #222; font-weight:400;}
.business section .blue-box ul li { font-size:0.18rem; position: relative; padding-left: 12px;}
.business section .blue-box ul li::before { content: ""; display: block; position: absolute; background: #16469D; width: 5px; height: 5px; border-radius: 99px; left:0; top: 10px;}
.business section .blue-box ul li ul { margin-top: 8px; }
.business section .blue-box ul li ul li {  font-size:0.16rem; padding-left: 0}
.business section .blue-box ul li ul li + li {margin-top:2px;}
.business section .blue-box ul li ul li::before { content: ""; display: none; }
.business section .blue-img { margin-top: 20px;}
.business section .blue-img img:first-child { margin-right: 20px }

.business section .list .txt-box{padding-left:0.4rem; font-size:0.18rem;font-weight:400;}
.business section .list .txt-box p{position:relative;padding-left:0.1rem;margin-top:0.4rem;word-break:keep-all;}
.business section .list .txt-box p::before{content:'';width:0.05rem;height:0.05rem;border-radius:50%;background:#16469d;position:absolute;left:0;top:0.11rem;}
.business section .list .txt-box p + p{margin-top:0.2rem;}
.business section .list .txt-box p span{display:block;font-size:0.14rem;}
.business section .list .txt-box p em{display:block;}
.business section .list .txt-box p > em:first-child{margin-top:0.2rem;}
.business section .list .txt-box > div{margin-top:0.2rem;}
.business section .list .txt-box > div span{display:block;padding-left:0.4rem;font-size:0.16rem;}
.business section .list .grid{}
.business section .list .grid p{font-size:0.2rem;font-weight:500;margin-top:0.4rem;}
.business section .list .grid p.mscroll{display:none;}
.business section .list .grid table{border-top:0.01rem solid #222;border-bottom:0.01rem solid #222;margin-top:0.2rem;}
.business section .list .grid table thead{}
.business section .list .grid table thead tr{}
.business section .list .grid table thead tr td{background:rgba(22,70,157,0.1);font-size:0.18rem;font-weight:500;text-align:center;padding:0.1rem 0;border-bottom:0.01rem solid #ccc;border-left:0.01rem solid #ccc;}
.business section .list .grid table thead tr td:first-child{border-left:0;}
.business section .list .grid table tbody{}
.business section .list .grid table tbody tr{}
.business section .list .grid table tbody tr td{font-size:0.18rem;font-weight:400;text-align:center;padding:0.2rem;border-left:0.01rem solid #ccc;border-top:0.01rem solid #ccc;word-break:keep-all;line-height:1.7;}
.business section .list .grid table tbody tr td.bg-blue{background:#EEF2F8;font-weight:500;border-left:0;border-right:0.01rem solid #ccc;}
.business section .list .grid table tbody tr td span{font-size:0.14rem;}
.business section .list .grid table tbody tr td strong {color:#16469d;}
.business section .list .grid.type2 table tbody tr td:first-child{border-left:0;}
.business section .list .grid.type3 table tbody tr td.align-left{border-left:0;}
.business section .list .grid.type4 table tbody tr:first-child td{border-top:0.01rem solid #222;}
.business section .list .grid .txt-box .txt2 {font-size:0.18rem;font-weight:400;position:relative;padding-left:0.1rem;margin-top:0.4rem;word-break:keep-all;}
.business section .list .stepbox-type1{}
.business section .list .stepbox-type1 ul{font-size:0;margin:0.3rem -2% 0;}
.business section .list .stepbox-type1 ul li{display:inline-block;vertical-align:top;width:21%;margin:2%;text-align:center;padding:0.3rem 0.1rem;border:0.01rem solid #ccc;}
.business section .list .stepbox-type1 ul li p{position:relative;font-size:0.14rem;font-weight:600;color:#16469d;padding-top:0.8rem;}
.business section .list .stepbox-type1 ul li p::before{content:'';width:0.65rem;height:0.65rem;background:url('/_public/images/@draft/sp_ico.png') no-repeat;background-size:6rem;position:absolute;top:0;left:50%;transform:translateX(-50%);}
.business section .list .stepbox-type1 ul li:nth-child(1) p::before{background-position:0 -5.9rem;}
.business section .list .stepbox-type1 ul li:nth-child(2) p::before{background-position:-0.65rem -5.9rem;}
.business section .list .stepbox-type1 ul li:nth-child(3) p::before{background-position:-1.3rem -5.9rem;}
.business section .list .stepbox-type1 ul li:nth-child(4) p::before{background-position:-1.95rem -5.9rem;}
.business section .list .stepbox-type1 ul li:nth-child(5) p::before{background-position:-2.6rem -5.9rem;}
.business section .list .stepbox-type1 ul li:nth-child(6) p::before{background-position:-3.25rem -5.9rem;}
.business section .list .stepbox-type1 ul li:nth-child(7) p::before{background-position:-3.9rem -5.9rem;}
.business section .list .stepbox-type1 ul li:nth-child(8) p::before{background-position:-4.55rem -5.9rem;}
.business section .list .stepbox-type1 ul li strong{display:block;font-size:0.16rem;font-weight:400;margin-top:0.05rem;word-break: keep-all;}
.business section .list .stepbox-type1 ul li span{display:block;font-size:0.14rem;color:#666;margin-top:0.1rem;word-break: keep-all;}
.business section .list .stepbox-type1.business03 ul li:nth-child(4) p::before{background-position:-2.6rem -5.9rem;}
.business section .list .stepbox-type1.business03 ul li:nth-child(5) p::before{background-position:-3.25rem -5.9rem;}
.business section .list .stepbox-type1.business03 ul li:nth-child(6) p::before{background-position:-0.65rem -6.55rem;}
.business section .list .stepbox-type1.business03 ul li:nth-child(7) p::before{background-position:-4.55rem -5.9rem;}
.business section .list .stepbox-type1.business04 ul li{height:2.2rem;}
.business section .list .stepbox-type1.business04 ul li:nth-child(1) p::before{background-position:0 -6.55rem;}
.business section .list .stepbox-type1.business04 ul li:nth-child(4) p::before{background-position:-5.2rem -5.9rem;}
.business section .list .stepbox-type1.business04 ul li:nth-child(5) p::before{background-position:-3.25rem -5.9rem;}
.business section .list .stepbox-type1.business04 ul li:nth-child(6) p::before{background-position:-3.9rem -5.9rem;}
.business section .list .stepbox-type1.business04 ul li:nth-child(7) p::before{background-position:-4.55rem -5.9rem;}
.business section .list .stepbox-type1.business06 ul li:nth-child(1) p::before{background-position:0 -6.55rem;}
.business section .list .stepbox-type1.business06 ul li:nth-child(3) p::before{background-position:-1.3rem -6.55rem;}
.business section .list .stepbox-type1.business06 ul li:nth-child(4) p::before{background-position:-2.6rem -5.9rem;}
.business section .list .stepbox-type1.business06 ul li:nth-child(5) p::before{background-position:-1.95rem -6.55rem;}
.business section .list .stepbox-type1.business06 ul li:nth-child(6) p::before{background-position:-0.65rem -6.55rem;}
.business section .list .stepbox-type1.business07 ul li{height:2.5rem;}
.business section .list .stepbox-type1.business07 ul li:nth-child(1) p::before{background-position:0 -6.55rem;}
.business section .list .stepbox-type1.business07 ul li:nth-child(4) p::before{background-position:-3.25rem -5.9rem;}
.business section .list .stepbox-type1.business07 ul li:nth-child(5) p::before{background-position:-3.9rem -5.9rem;}
.business section .list .stepbox-type1.business07 ul li:nth-child(6) p::before{background-position:-4.55rem -5.9rem;}
.business section .list .stepbox-type1.business11 ul li:nth-child(4) p::before{background-position:-2.6rem -5.9rem;}
.business section .list .stepbox-type1.business11 ul li{height:2.5rem;}
.business section .list .stepbox-type1.business11 ul li:nth-child(5){height:2.8rem;}
.business section .list .stepbox-type1.business11 ul li:nth-child(5) p::before{background-position:-4.55rem -5.9rem;}

.business section .list .stepbox-type2{border:0.01rem solid #ccc;padding:0.4rem;font-size:0;margin-top:0.4rem;}
.business section .list .stepbox-type2 .box{display:inline-block;vertical-align:top;}
.business section .list .stepbox-type2 .box:nth-child(1){width:40%;border-right:0.01rem solid #ccc;}
.business section .list .stepbox-type2 .box:nth-child(2){width:60%;}
.business section .list .stepbox-type2 .box:nth-child(2) h4{padding-left:0.3rem;}
.business section .list .stepbox-type2 .box h4{font-size:0.18rem;}
.business section .list .stepbox-type2 .box ul{display:flex;margin-top:0.2rem;}
.business section .list .stepbox-type2 .box ul li{flex:1;display:inline-block;vertical-align:top;text-align:center;font-size:0.16rem;}
.business section .list .stepbox-type2 .box ul li em{display:block;width:0.4rem;line-height:0.4rem;border-radius:50%;font-weight:600;color:#16469d;background:#EEF2F8;text-align:center;margin:0 auto;}
.business section .list .stepbox-type2 .box ul li strong{display:block;margin-top:0.2rem;}
.business section .list .stepbox-type2 .box ul li p{margin-top:0.1rem;}
.business section .list .stepbox-type3{}
.business section .list .stepbox-type3 ul{font-size:0;margin:0.3rem -2% 0;}
.business section .list .stepbox-type3 ul li{display:inline-block;vertical-align:top;width:29%;height:2.3rem;margin:2%;text-align:center;padding:0.3rem 0.2rem;border:0.01rem solid #ccc;word-break:keep-all;}
.business section .list .stepbox-type3 ul li em{display:block;width:0.4rem;line-height:0.4rem;border-radius:50%;font-size:0.16rem;font-weight:600;color:#16469d;background:#EEF2F8;text-align:center;margin:0 auto;}
.business section .list .stepbox-type3 ul li strong{display:block;font-size:0.16rem;font-weight:400;margin-top:0.05rem;}
.business section .list .stepbox-type3 ul li span{display:block;font-size:0.14rem;color:#666;margin-top:0.1rem;}
.business section .list > span{display:block;font-size:0.14rem;margin-top:0.2rem;}
.business section .list > span + span{margin-top:0.1rem;}
.business section .list .imgbox{}
.business section .list .imgbox img{}
.business section .list .imgbox.type2{}
.business section .list .imgbox.type2 ul{font-size:0;margin:0.3rem -1% 0;}
.business section .list .imgbox.type2 ul li{display:inline-block;vertical-align:top;width:31.333%;margin:1%;border:0.01rem solid #ccc;text-align:center;padding:0.1rem;}
.business section .list .imgbox.type2 ul li img{}
.business section .list .imgbox.type2 ul li p{font-size:0.16rem;margin-top:0.2rem;}
.business section .list .imgbox.type3 ul{font-size:0;margin:0.3rem -1% 0;}
.business section .list .imgbox.type3 ul li{display:inline-block;vertical-align:top;width:31.333%;margin:1%;}
.business section .list .imgbox.type3 ul li img{display:block;width:100%;}

/* 2026.1.12 스마트제조지원사업 추가 */
.business.smart .smat-box {word-break:keep-all;margin-top:0.4rem;}
.business.smart .smat-box {display:flex;gap:0.2rem;justify-content:space-between;}
.business.smart .smat-box .sb-f {width:calc(25% - 0.15rem);}
.business.smart .smat-box .sb-f img {display:block;margin:0 auto 0.2rem;}
.business.smart .smat-box .sb-f strong {display:inline-block;margin:0 auto 0.15rem;padding:0.06rem 0.2rem;border-radius:0.5rem;background:#16469D;color:#fff;font-size:0.18rem;font-weight:700;}
.business.smart .smat-box .sb-f p {font-size:0.16rem;font-weight:500;margin-bottom:0.05rem;}
.business.smart .smat-box .sb-f p em {color:#616161;font-weight:500;}
.business.smart .smat-box .sb-f span {display:block;font-size:0.15rem;color:#616161;}
.business.smart .smat-box .sb-f .con1 {padding:0.3rem 0.2rem 0.2rem;text-align:center;border:1px solid #ccc;}
.business.smart .smat-box .sb-f .con2 {padding:0.2rem 0.15rem;background:#f5f5f5;position:relative;text-align:center;margin-top:0.2rem;min-height:1.05rem;}
.business.smart .smat-box .sb-f .con2:before {content:"";display:block;width:1px;height:0.2rem;background:#ccc;position:absolute;top:-0.2rem;left:50%;}
.business.smart .smat-box .sb-f .con2 p {font-size:0.15rem;margin:0;}
.business.smart .smat-box .sb-f .con2 span {margin-top:0.05rem;}
.business.smart section .blue-img {display:flex;gap:20px;}
.business.smart section .blue-img div {position:relative;}
.business.smart section .blue-img div:nth-child(1)::before {content:"H/W";display:block;font-size:0.15rem;font-weight:700;position:absolute;top:0.08rem;left:0.1rem;}
.business.smart section .blue-img div:nth-child(2)::before {content:"S/W";display:block;font-size:0.15rem;font-weight:700;position:absolute;top:0.08rem;left:0.1rem;}
.business.smart section .blue-img img {margin:0;}



/* 고객문의 */
.inquiry{}
.inquiry .hgroup .sub-txt br{display:none;}
.inquiry .checkbox-type1 label::before,
.inquiry .checkbox-type2 label::before,
.inquiry .radio-type1 label::before{border:0.01rem solid #16469d;}
.inquiry .checkbox-type2 label::after,
.inquiry .radio-type1 label::after{background:#16469d;}
.inquiry .checkbox-type2 label .private-open{color:#aaa;}
.inquiry section{margin-top:0.8rem;}
.inquiry .form-group{font-size:0;}
.inquiry .form-group + .form-group{margin-top:0.4rem;}
.inquiry .form-group .form-box{}
.inquiry .form-group .form-box + .form-box{margin-top:0.2rem;}
.inquiry .form-group .form-box.flex{display:flex;}
.inquiry .form-group .form-box.flex > div{flex:1;}
.inquiry .form-group .form-box.flex > div + div{margin-left:0.2rem;}
.inquiry .form-group .form-box.select{margin-top:0.2rem;}
.inquiry .form-group .form-box.select .field{display:inline-block;vertical-align:top;margin-right:0.2rem;}
.inquiry .form-group .form-box .field{border:0.01rem solid #16469d;}
.inquiry .form-group .form-box .field input[type="text"],
.inquiry .form-group .form-box .field input[type="tel"],
.inquiry .form-group .form-box .field input[type="email"],
.inquiry .form-group .form-box .field input[type="date"]{width:100%;height:0.5rem;padding:0 0.2rem;font-size:0.18rem;color:#222;}
.inquiry .form-group .form-box .field input[type="text"]::placeholder,
.inquiry .form-group .form-box .field input[type="tel"]::placeholder,
.inquiry .form-group .form-box .field input[type="email"]::placeholder,
.inquiry .form-group .form-box .field input[type="date"]::placeholder{color:#aaa;}
.inquiry .form-group .form-box .field #datepicker2{background: url('/_public/images/@draft/calendar_icon02.png') no-repeat 95% 50%;}
.inquiry .form-group .form-box .field #tel_time{background:url('/_public/images/@draft/select_icon02.png') no-repeat 95% 50%;}
.inquiry .form-group .form-box .field textarea{width:100%;height:1.5rem;background:transparent;resize:none;border:0;padding:0.2rem;font-size:0.18rem;color:#222;}
.inquiry .form-group .form-box .field textarea::placeholder{color:#aaa;}
.inquiry .filebox{}
.inquiry .filebox .filebox-tit{background:#16469d;color:#fff;font-weight:500;}
.inquiry .filebox .upload-name{color:#222;}
.inquiry .filebox .upload-name::placeholder{color:#aaa;}
.inquiry .filebox label{color:#16469d;}
.inquiry .filebox label::before{background-position:-0.6rem -0.2rem;}
.inquiry .form-group p{font-size:0.2rem;font-weight:600;}
.inquiry .inquiry-button{position:absolute;bottom:0;right:0;width:1.8rem;height:0.65rem;font-size:0.18rem;font-weight:500;color:#16469d;border:0.01rem solid #16469d;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.inquiry .inquiry-button:hover{color:#fff;background:#16469d;}

.catalogue{}
.catalogue .list{margin-top:0.8rem;}
.catalogue .list li{display:flex;height:1rem;background:#f5f5f5;padding:0 0.4rem;text-align:center;}
.catalogue .list li + li{margin-top:0.2rem;}
.catalogue .list li span{display:inline-block;vertical-align:middle;width:10%;font-size:0.18rem;font-weight:400;}
.catalogue .list li span.logo{width:25%;}
.catalogue .list li span.logo img{display:block;margin-top:0.26rem;}
.catalogue .list li span.tit{width:70%;text-align:left;margin-top:0.38rem;}
.catalogue .list li span.type{font-size:0.14rem;color:#999;margin-top:0.42rem;}
.catalogue .list li span.download{}
.catalogue .list li span.download a{display:block;width:0.33rem;height:0.35rem;background:url('/_public/images/@draft/sp_ico.png') no-repeat;background-size:6rem;background-position:-1.77rem -0.5rem;font-size:0;margin:0.32rem auto;}
.catalogue .list li:hover{background:#eef2f8;}


@media all and (max-width:1024px){
    /* sub-visual */
    .sub-visual{height:3rem;margin-top:0.6rem;}
    .sub-visual .tit-box strong{font-size:0.3rem;}

    /* left-nav */
    .left-nav{display:block;width:100%;}
    .left-nav h3{font-size:0.3rem;}
    .left-nav h3::before{top:0.07rem;}
    .left-nav ul{display:none;}

    /* checkbox-type */
    .checkbox-type1{width:auto;margin:0.1rem;}

    .checkbox-type2{display:none;}

    .pc-img{display:none;}
    .m-img{display:block;}

    #header{padding:0.15rem 0;}
    #header .mask{width:100%;height:100vh;background:rgba(0,0,0,0.5);position:absolute;top:0;left:-100%;z-index:10;}
    #header .mask.on{left:0;}
    #header .logo{width:1rem;height:0.3rem;background-size:contain;margin-left:0.2rem;margin-top:0;}
    #header .gnb{display:block;width:80%;background:#fff;position:fixed;top:0;right:-100%;z-index:1000;transition:0.3s;}
    #header .gnb.active{right:0;}
    #header .gnb .level1{padding:0.9rem 0.2rem;height:100vh;}
    #header .gnb .level1 > li{display:block;width:100%;font-size:0.16rem;text-align:left;padding-left:0.2rem;border-bottom:0.01rem solid #ccc;}
    #header .gnb .level1 > li > a{display:block;color:#222;line-height:0.4rem;position:relative;}
    #header .gnb .level1 > li > a::after{content:'';width:0.2rem;height:0.2rem;background:url('/_public/images/@draft/sp_ico.png') no-repeat;background-size:6rem;background-position:-1.4rem 0;position:absolute;top:0.11rem;right:0.2rem;}
    #header .gnb .level1 > li > a.on{color:#16469d;}
    #header .gnb .level1 > li > a.on::after{background-position:-1.8rem 0;}
    #header .gnb .level1 > li .level2{height:auto;padding:0 0.2rem 0.2rem;border:0;}
    #header .gnb .level1 > li .level2 a{text-align:left;color:#222;}
    #header .gnb .level1 > li:first-child .level2{border:0;}
    #header .gnb .level1 > li:last-child{border-bottom:0;}
    #header .gnb .level1 > li:nth-child(3) .level2{border-right:0;}
    #header .menu-icon{width:0.175rem;height:0.175rem;background-size:3rem;background-position:0 -0.25rem;top:0.05rem;right:0.2rem;}
    #header .m-close-icon{display:block;width:0.175rem;height:0.175rem;background:url('/_public/images/@draft/sp_ico.png') no-repeat;background-size:3rem;background-position:-0.75rem -0.1rem;position:absolute;top:0.3rem;right:0.3rem;font-size:0;}
    #header .level2-bg{display:none;height:100vh;background:rgba(0,0,0,0.5);top:0;right:-100%;z-index:0;border-top:0;}
    #header .level2-bg.active{right:0;}
    #header.fixed .logo{background-size:contain;}
    #header.fixed .menu-icon{background-position:-0.175rem -0.25rem;}
    #header.header-sub{background:#fff;}
    #header.header-sub .logo{background: url(/_public/images/common/logo02.png) no-repeat;background-size:contain;}
    #header.header-sub .menu-icon{background-position: -0.175rem -0.25rem;}

    #footer{padding:0.2rem;}
    #footer .footer-slide{margin-left:-0.25rem;}
    #footer .footer-slide div{margin:0 0.19rem;}
    #footer .footer-bottom{margin-top:0.2rem;}
    #footer .footer-bottom .private{display:block;position:relative;text-align:center;margin-top:0.2rem;}
    #footer .footer-bottom .copyright{position:relative;text-align:center;margin-top:0.1rem;}

    #main .main-tit{font-size:0.3rem;}
    #main .section1 p{width:100%;font-size:0.2rem;text-align:center;left:50%;transform:translateX(-50%);bottom:0.5rem;}
    #main .section2{padding:0.4rem 0.2rem;}
    #main .section2 ul{margin-top:0.4rem;}
    #main .section2 ul li{width:31.333%;height:2rem;}
    #main .section2 ul li:nth-child(15){display:none;}
    #main .section2 ul li a{padding:0.5rem 0 0;}
    #main .section2 ul li a em{width:0.45rem;height:0.45rem;background-size:3rem;}
    #main .section2 ul li a .txt-box strong{font-size:0.18rem;}
    #main .section2 ul li a .txt-box strong br{display:block;}
    #main .section2 ul li a .txt-box p,
    #main .section2 ul li a .txt-box p::before{display:none;}
    #main .section2 ul li:nth-child(1) a em{background-position:0 -0.7rem;}
    #main .section2 ul li:nth-child(2) a em{background-position:0 -1.15rem;}
    #main .section2 ul li:nth-child(3) a em{background-position:-1.8rem -0.7rem;}
    #main .section2 ul li:nth-child(4) a em{background-position:-0.9rem -0.7rem;}
    #main .section2 ul li:nth-child(5) a em{background-position:0 -2.05rem;}
    #main .section2 ul li:nth-child(6) a em{background-position:-0.9rem -1.15rem;}
    #main .section2 ul li:nth-child(7) a em{background-position:-1.8rem -1.15rem;}
    #main .section2 ul li:nth-child(8) a em{background-position:0 -1.6rem;}
    #main .section2 ul li:nth-child(9) a em{background-position:-0.9rem -1.6rem;}
    #main .section2 ul li:nth-child(10) a em{background-position:-1.8rem -1.6rem;}
    #main .section2 ul li:nth-child(11) a em{background-position:-0.9rem -2.05rem;}
    #main .section2 ul li:nth-child(12) a em{background-position:-1.8rem -2.05rem;}
    #main .section2 ul li:nth-child(13) a em{background-position:0 -2.5rem;}
    #main .section2 ul li:nth-child(14) a em{background-position:-0.9rem -2.5rem;}
    #main .section3{padding:0.4rem 0.2rem;}
    #main .section3 .inner{margin:0.3rem 0 0;}
    #main .section3 .left{display:block;width:100%;margin:0;}
    #main .section3 .left .tab ul{height:auto;margin-top:0.1rem;}
    #main .section3 .left .tab ul li a span{font-size:0.16rem;}
    #main .section3 .left .tab ul.news li a figure img{display:block;height:100%;margin:0 auto;}
    #main .section3 .left .tab ul.news li a .txt-box{word-break:keep-all;}
    #main .section3 .left .tab ul.news li a .txt-box .tit{-webkit-line-clamp:3;height:0.7rem;}
    #main .section3 .left .tab ul.news li a .txt-box .date{margin-top:0.1rem;}
    #main .section3 .right{display:block;width:100%;margin:0;}
    #main .section3 .right .inner{display:block;margin:0.3rem 0 0;}
    #main .section3 .right .tit{display:block;font-size:0.2rem;text-align:center;}
    #main .section3 .right .slide{display:block;width:100%;margin:0;}
    #main .section3 .right .slide .noti-slide{height:auto;overflow:inherit;}
    #main .section3 .right .slide .noti-slide img{height:3.3rem;margin:0 auto;}
    #main .section3 .right .slide .noti-slide .slick-dots{bottom:-0.3rem;}
    #main .section3 .right .slide .noti-slide .slick-dots li{border:0.01rem solid #222;}
    #main .section3 .right .slide .noti-slide .slick-dots li.slick-active button{background:#222;}
    #main .section3 .right .slide .arrowSlider{display:none;}
    #main .section3 .right .catalogue{display:block;width:100%;margin:0.6rem 0 0;}
    #main .section3 .right .catalogue img{margin:0 auto;}
    #main .section4{padding:0.4rem 0.2rem;margin-top:0;}
    #main .section4 .inner{margin-top:0;text-align:center;}
    #main .section4 .inner .left{display:block;width:100%;}
    #main .section4 .inner .left p{font-size:0.16rem;margin-top:0.2rem;}
    #main .section4 .inner .left ul{display:none;}
    #main .section4 .inner .right{display:block;width:100%;padding-left:0;}
    #main .section4 .inner .right .form{display:none;}
    #main .section4 .inner .right .inquiry{display:none;}
    #main .section4 .inner .right .go-inquiry{display:block;width:1.5rem;height:0.5rem;line-height:0.5rem;font-size:0.16rem;margin:0.3rem auto 0;border:0.01rem solid #fff;color:#fff;}

    .sub{padding:0.2rem 0.2rem 0.6rem;}
    .sub .hgroup .sub-tit{font-size:0.25rem;}
    .sub .hgroup .sub-txt{margin-top:0.2rem;}

    .contents{display:block;width:100%;padding-left:0;padding-top:0.2rem;margin-top:0.1rem;border-top:0.01rem solid #ccc;}
    .contents.type2{margin-top:0;border-top:0;}
    .contents.type2 .hgroup{margin-top:0.2rem;}

    /* 회사소개 */
    .greeting section{margin-top:0.2rem;}
    .greeting section .txt-box{margin-top:0.2rem;word-break:keep-all;}
    .greeting section .txt-box + .txt-box{margin-top:0.2rem;}
    .greeting section .txt-box p{margin-top:0.2rem;}
    .greeting section .txt-box p br{display:none;}

    .direction section{margin-top:0.4rem;}

    /* 사업영역 */
    .m-link{display:block;font-size:0;border:0.01rem solid #ccc;}
    .m-link a{display:inline-block;vertical-align:top;width:50%;font-size:0.16rem;text-align:center;line-height:0.5rem;border-left:0.01rem solid #ccc;}
    .m-link a:first-child{border-left:0;}
    .m-link a.active{background:#16469d;color:#fff;}

    .business section{margin-top:0.6rem;}
    .business section .list + .list{margin-top:0.4rem;}
    .business section .list h3{font-size:0.2rem;}
    .business section .list .txt-box{padding-left:0;font-size:0.16rem;}
    .business section .list .txt-box > div{margin-top:0.1rem;padding-left:0.1rem;}
    .business section .list .txt-box p{margin-top:0.2rem;}
    .business section .list .txt-box p + p{margin-top:0.1rem;}
    .business section .list .txt-box p > em:first-child{margin-top:0.05rem;}
    .business section .list .grid p.mscroll{font-size:0.16rem;color:#787878;position:relative;padding-left:0.25rem;margin-top:0.2rem;}
    .business section .list .grid p.mscroll::before{content:'';width: 0.2rem;height: 0.2rem;background: url(/_public/images/@draft/sp_ico.png) no-repeat;background-size: 6rem;background-position: -2.2rem 0;position: absolute;left:0;top:0.01rem;}
    .business section .list .grid table{margin-top:0.1rem;}
    .business section .list .grid table thead tr td{font-size:0.16rem;}
    .business section .list .grid table tbody tr td{font-size:0.16rem;padding:0.1rem;}
    .business section .list .stepbox-type1 ul{margin:0.1rem -2% 0;}
    .business section .list .stepbox-type1 ul li{width:29%;}
    .business section .list .stepbox-type1.business07 ul li{height:2.2rem;}
    .business section .list .stepbox-type1.business11 ul li{height:2.8rem;}
    .business section .list .stepbox-type2{padding:0.2rem;margin-top:0.15rem;}
    .business section .list .stepbox-type2 .box{display:block;}
    .business section .list .stepbox-type2 .box:nth-child(1){width:100%;border-right:0;border-bottom:0.01rem solid #ccc;padding-bottom:0.2rem;}
    .business section .list .stepbox-type2 .box:nth-child(2){width:100%;padding-top:0.2rem;}
    .business section .list .stepbox-type2 .box:nth-child(2) h4{padding-left:0;}
    .business section .list .stepbox-type3 ul li{height:2.6rem;padding:0.2rem;}
    .business section .list .imgbox.type2 ul li p{margin-top:0.1rem;}
    .business section .list .imgbox.type3 ul{margin:0.1rem -1% 0;}
    .business section .list > span{margin-top:0.1rem;}

    /* 고객문의 */
    .inquiry section{margin-top:0.3rem;}
    .inquiry .hgroup .sub-tit{display:none;}
    .inquiry .hgroup .sub-txt{margin-top:0;text-align:center;}
    .inquiry .hgroup .sub-txt br{display:block;}
    .inquiry .checkbox-type2{display:block;}
    .inquiry .inquiry-button{position:relative;display:block;margin:0.3rem auto 0;}

    .catalogue .list{margin-top:0.4rem;}
    .catalogue .list li{padding:0 0 0 0.4rem;}
    .catalogue .list li span.logo,
    .catalogue .list li span.type{display:none;}
    .catalogue .list li span.tit{position:relative;width:85%;padding-left:0.2rem;margin-top:0.35rem;}
    .catalogue .list li span.tit::before{content:'';width:0.08rem;height:0.08rem;background:#16469d;position:absolute;left:0;top:0.1rem;}
    .catalogue .list li span.download{width:15%;}

}


@media all and (max-width:640px){
    html{font-size:50px;}

    .no-data{font-size:0.26rem;}

    /* sub-visual */
    .sub-visual{height:4rem;margin-top:1.2rem;}
    .sub-visual .tit-box strong{font-size:0.6rem;}
    .sub-visual .tit-box p span{font-size:0.32rem;padding-right:0.7rem;margin-right:0.2rem;margin-top:0.28rem;}
    .sub-visual .tit-box p span::after{width:0.4rem;height:0.4rem;background-size:12rem;background-position:-1.6rem 0;top:0.06rem;}

    /* left-nav */
    .left-nav h3{font-size:0.5rem;padding-left:0.6rem;}
    .left-nav h3::before{width:0.6rem;height:0.6rem;background-size:12rem;background-position:-3.6rem -0.4rem;top:0.03rem;}

    /* filebox */
    .filebox .filebox-tit{height:1rem;font-size:0.28rem;line-height:1rem;}
    .filebox .upload-name{width:calc(100% - 3.5rem);height:1rem;font-size:0.28rem;}
    .filebox label{width:2rem;font-size:0.28rem;line-height:1rem;padding-right:0.2rem;}
    .filebox label::before{width:0.6rem;height:0.6rem;background-size:12rem;right:0.05rem;top:0.2rem;}

    /* quick-menu */
    .quick .facebook{width:0.7rem;height:0.68rem;background:url('/_public/images/mobile/m_sp_ico.png') no-repeat;background-size:6rem;background-position:0 -0.8rem;bottom:2rem;}
    .quick .gotop{width:0.7rem;height:0.7rem;background:url('/_public/images/mobile/m_sp_ico.png') no-repeat;background-size:6rem;background-position:-1.4rem -0.8rem;}

    /* checkbox-type */
    .checkbox-type1{margin:0.2rem;}
    .checkbox-type1 label{font-size:0.28rem;padding-left:0.7rem;}
    .checkbox-type1 label::before{width:0.5rem;height:0.5rem;border-width:0.02rem;top:-0.05rem;}
    .checkbox-type1 label::after{width:0.1rem;height:0.24rem;border-width:0.04rem;left:0.2rem;top:0.05rem;}

    .checkbox-type2 label{font-size:0.28rem;padding-left:0.7rem;}
    .checkbox-type2 label::before{width:0.5rem;height:0.5rem;border-width:0.02rem;margin-top:-0.05rem;}
    .checkbox-type2 label::after{width:0.26rem;height:0.26rem;left:0.13rem;top:0.09rem;}
    .checkbox-type2 label .private-open{font-size:0.28rem;margin-left:0;}

    /* radio-type */
    .radio-type1{width:50%;vertical-align:top;}
    .radio-type1 label{font-size:0.28rem;padding-left:0.7rem;margin:0.2rem;word-break:keep-all;}
    .radio-type1 label::before{width:0.5rem;height:0.5rem;border-width:0.02rem;top:-0.05rem}
    .radio-type1 label::after{width:0.26rem;height:0.26rem;left:0.13rem;}

    #header{padding:0.3rem 0;}
    #header .logo{width:2rem;height:0.6rem;margin-left:0.4rem;}
    #header .gnb .level1{padding:1.2rem 0.4rem;overflow-y:auto;}
    #header .gnb .level1 > li{font-size:0.36rem;border-width:0.02rem;}
    #header .gnb .level1 > li > a{line-height:1rem;}
    #header .gnb .level1 > li > a::after{width:0.4rem;height:0.4rem;background-size:12rem;background-position:-2.8rem 0;top:0.3rem;right:0.4rem;}
    #header .gnb .level1 > li > a.on::after{background-position:-3.6rem 0;}
    #header .gnb .level1 > li .level2{padding:0 0 0.4rem;}
    #header .gnb .level1 > li .level2 a{font-size:0.32rem;line-height:0.8rem;word-break:keep-all;}
    #header .menu-icon{width:0.35rem;height:0.35rem;background-size:6rem;background-position:0 -0.5rem;right:0.4rem;}
    #header .m-close-icon{width:0.35rem;height:0.35rem;background-size:6rem;background-position:-1.5rem -0.2rem;top:0.6rem;right:0.6rem;}
    #header.fixed .menu-icon{background-position:-0.35rem -0.5rem;}
    #header.header-sub .menu-icon{background-position:-0.35rem -0.5rem;}

    #footer{padding:0.4rem;}
    #footer .footer-slide{margin-left:-0.4rem;}
    #footer .footer-slide div{margin:0 0.18rem;left: -0.01rem;}
    #footer .footer-slide img{border-width:0.02rem;}
    #footer .footer-bottom{margin-top:0.4rem;word-break:keep-all;}
    #footer .footer-bottom address p{font-size:0.26rem;line-height:0.48rem;}
    #footer .footer-bottom address p span{display:block;}
    #footer .footer-bottom address p span::after{display:none;}
    #footer .footer-bottom .private{font-size:0.28rem;margin:0.4rem auto 0;}
    #footer .footer-bottom .copyright{font-size:0.26rem;margin-top:0.2rem;}

    #main .main-tit{font-size:0.5rem;}
    #main .section1{height:7rem;overflow:hidden;}
    #main .section1 video{width:auto;max-width:640px;height:100%;}
    #main .section1 p{font-size:0.32rem;}
    #main .section2{padding:0.8rem 0.4rem;}
    #main .section2 ul{margin:0.4rem -2% 0;}
    #main .section2 ul li{width:46%;height:2.7rem;margin:2%;}
    #main .section2 ul li a em{width:0.9rem;height:0.9rem;background-size:6rem;}
    #main .section2 ul li a .txt-box strong{font-size:0.28rem;}
    #main .section2 ul li:nth-child(1) a em{background-position:0 -1.4rem;}
    #main .section2 ul li:nth-child(2) a em{background-position:0 -2.3rem;}
    #main .section2 ul li:nth-child(3) a em{background-position:-3.6rem -1.4rem;}
    #main .section2 ul li:nth-child(4) a em{background-position:-1.8rem -1.4rem;}
    #main .section2 ul li:nth-child(5) a em{background-position:0 -4.1rem;}
    #main .section2 ul li:nth-child(6) a em{background-position:-1.8rem -2.3rem;}
    #main .section2 ul li:nth-child(7) a em{background-position:-3.6rem -2.3rem;}
    #main .section2 ul li:nth-child(8) a em{background-position:0 -3.2rem}
    #main .section2 ul li:nth-child(9) a em{background-position:-1.8rem -3.2rem}
    #main .section2 ul li:nth-child(10) a em{background-position:-3.6rem -3.2rem;}
    #main .section2 ul li:nth-child(11) a em{background-position:-1.8rem -4.1rem;}
    #main .section2 ul li:nth-child(12) a em{background-position:-3.6rem -4.1rem;}
    #main .section2 ul li:nth-child(13) a em{background-position:0 -5rem;}
    #main .section2 ul li:nth-child(14) a em{background-position:-1.8rem -5rem;}
    #main .section3{padding:0.8rem 0.4rem;}
    #main .section3 .inner{margin:0.6rem 0 0;}
    #main .section3 .left .tab-wrap{border-width:0.02rem;}
    #main .section3 .left .tab-wrap li{width:2rem;height:0.8rem;font-size:0.26rem;line-height:0.8rem;border-width:0.02rem;}
    #main .section3 .left .tab ul li a{padding:0.3rem 0.2rem;}
    #main .section3 .left .tab ul li a span{font-size:0.28rem;}
    #main .section3 .left .tab ul li a span:nth-child(1){display:none;}
    #main .section3 .left .tab ul li a span:nth-child(2){width:75%;}
    #main .section3 .left .tab ul li a span:nth-child(3){width:25%;font-size:0.24rem;}
    #main .section3 .left .tab ul.news li a .txt-box{padding-left:0.3rem;}
    #main .section3 .left .tab ul.news li a .txt-box .tit{font-size:0.28rem;line-height:0.35rem;height:1rem;}
    #main .section3 .left .tab ul.news li a .txt-box .date{font-size:0.26rem;margin-top:0.2rem;}
    #main .section3 .left .tab .more-view{width:0.6rem;height:0.6rem;background-size:12rem;background-position:0 -0.4rem;}
    #main .section3 .right .tit{font-size:0.35rem;}
    #main .section3 .right .inner{margin:0.6rem 0 0;}
    #main .section3 .right .slide .noti-slide{margin-top:0.2rem;}
    #main .section3 .right .slide .noti-slide .slick-slide{margin:0 0.2rem;}
    #main .section3 .right .slide .noti-slide img{height:5.3rem;}
    #main .section3 .right .slide .noti-slide .slick-dots{bottom:-0.5rem;}
    #main .section3 .right .slide .noti-slide .slick-dots li{width:0.3rem;height:0.3rem;margin:0 0.1rem;border-width:0.02rem;}
    #main .section3 .right .slide .noti-slide .slick-dots li.slick-active button{top:0.06rem;left:0.06rem;width:0.14rem;height:0.14rem;}
    #main .section3 .right .catalogue{margin:1rem 0 0;}
    #main .section3 .right .catalogue a{margin-top:0.2rem;}
    #main .section4{padding:0.8rem 0.4rem;}
    #main .section4 .inner .left p{font-size:0.28rem;margin-top:0.4rem;}
    #main .section4 .inner .right .go-inquiry{width:3rem;height:0.8rem;line-height:0.8rem;font-size:0.26rem;margin-top:0.6rem;border-width:0.02rem;}

    .sub{padding:0.4rem 0.4rem 1rem;border-width:0.02rem;}
    .sub .hgroup .sub-tit{font-size:0.4rem;}
    .sub .hgroup .sub-txt{font-size:0.28rem;margin-top:0.4rem;word-break:keep-all;}
    .sub-visual .tit-box{width:95%}

    .contents{padding-top:0.4rem;margin-top:0.2rem;border-width:0.02rem;}
    .contents.type2 .hgroup{margin-top:0.4rem;}

    /* 회사소개 */
    .greeting section{margin-top:0.4rem;}
    .greeting section .txt-box{margin-top:0.4rem;}
    .greeting section .txt-box + .txt-box{margin-top:0.4rem;}
    .greeting section .txt-box h3{font-size:0.4rem;}
    .greeting section .txt-box p{font-size:0.28rem;line-height:0.42rem;margin-top:0.4rem;}
    .greeting section .ceo{font-size:0.26rem;}
    .greeting section .ceo span{font-size:0.38rem;}

    /* 사업영역 */
    .m-link{border-width:0.02rem;}
    .m-link a{font-size:0.28rem;line-height:0.8rem;border-width:0.02rem;}

    .business section{margin-top:0.6rem;}
    .business section .list + .list{margin-top:0.8rem;}
    .business section .list h3{font-size: 0.34rem;    margin-bottom: 0.2rem;}
    .business section .list .txt-box{padding-left:0;font-size:0.3rem;}
    .business section .list .txt-box > div{margin-top:0.1rem;padding-left:0.1rem;}
    .business section .list .txt-box p{margin-top:0.2rem; padding-left: 0.2rem;}
    .business section .list .txt-box p::before{width:0.1rem;height:0.1rem;}
    .business section .list .txt-box p + p{margin-top:0.2rem;}
    .business section .list .txt-box p > em:first-child{margin-top:0.05rem;}
    .business section .list .txt-box p span{ font-size:0.24rem;}
    .business section .list .txt-box > div span{ font-size:0.26rem;}
    .business section .list div.mscrollbox{ width: 100%; overflow: auto; margin: 0 auto;background:linear-gradient(to right,  rgba(187,187,187,0) 95%,rgba(187,187,187,1) 100%);}
    .business section .list div.mscrollbox table{margin-top:0.2rem;  width: 550px}
    .business section .list .grid p{font-size:0.3rem;}
    .business section .list .grid p.mscroll{display:block;font-size:0.26rem;margin-top:0.4rem;padding-left:0.5rem;}
    .business section .list .grid p.mscroll::before{top:-0.02rem;width:0.4rem;height:0.4rem;background-size:12rem;background-position:-4.4rem 0;}
    .business section .list .grid table{border-width:0.02rem;}
    .business section .list .grid table thead tr td{font-size:0.26rem;border-width:0.02rem;padding:0.2rem 0;}
    .business section .list .grid table tbody tr td{font-size:0.26rem;padding:0.2rem;border-width:0.02rem;}
    .business section .list .grid table tbody tr td.bg-blue{border-width:0.02rem;}
    .business section .list .grid table tbody tr td span{font-size:0.24rem;}
    .business section .list .grid .txt-box .txt2 {font-size:0.3rem;padding-left:0.2rem;}
    .business section .list .stepbox-type1 ul{margin:0.1rem -2% 0;}
    .business section .list .stepbox-type1 ul li{width:46%;border-width:0.02rem;}
    .business section .list .stepbox-type1 ul li p { font-size: 0.26rem; }
    .business section .list .stepbox-type1 ul li strong { font-size: 0.28rem;margin-top:0.1rem;}
    .business section .list .stepbox-type1 ul li span{font-size:0.24rem;margin-top:0.2rem;}
    .business section .list .stepbox-type1.business04 ul li{height:2.5rem;}
    .business section .list .stepbox-type1.business11 ul li:nth-child(5){height:4.5rem;}
    .business section .list .stepbox-type1.business07 ul li{height:3.1rem;}
    .business section .list .stepbox-type1.business11 ul li{height:3rem;}
    .business section .list .stepbox-type2{padding:0.3rem;margin-top:0.15rem;border-width:0.02rem;}
    .business section .list .stepbox-type2 .box{display:block;}
    .business section .list .stepbox-type2 .box h4{font-size:0.28rem;}
    .business section .list .stepbox-type2 .box ul{margin-top:0.3rem;}
    .business section .list .stepbox-type2 .box ul li{font-size:0.26rem;}
    .business section .list .stepbox-type2 .box ul li em{width:0.8rem;height:0.8rem;line-height:0.8rem;}
    .business section .list .stepbox-type2 .box ul li strong{}
    .business section .list .stepbox-type2 .box:nth-child(1){width:100%;border-right:0;border-bottom:0.01rem solid #ccc;padding-bottom:0.3rem;}
    .business section .list .stepbox-type2 .box:nth-child(2){width:100%;padding-top:0.3rem;}
    .business section .list .stepbox-type2 .box:nth-child(2) h4{padding-left:0;}
    .business section .list .stepbox-type3 ul li{display:block;width:100%;height:auto;padding:0.2rem 0.1rem;margin:2% 0;border-width:0.02rem;}
    .business section .list .stepbox-type3 ul li em{width:0.8rem;line-height:0.8rem;font-size:0.26rem;}
    .business section .list .stepbox-type3 ul li strong{font-size:0.26rem;margin-top:0.1rem;}
    .business section .list .stepbox-type3 ul li span{font-size:0.24rem;}
    .business section .list .imgbox.type2 ul li{width:46%;margin:2% 2% 5%;border-width:0.02rem;}
    .business section .list .imgbox.type2 ul li p{font-size:0.26rem;margin-top:0.2rem;}
    .business section .list .imgbox.type3 ul{margin:0.1rem -1% 0;}
    .business section .list .imgbox.type3 ul li{width:46%;margin:2%;}
    .business section .list > span{margin-top:0.1rem;font-size: 0.24rem;font-weight: 400;}

    .business section .list h4{font-size:0.32rem; margin-bottom:20px }
    .business section .list h4 span{ }
    .business section .blue-list { margin-top: 20px; margin-bottom: 40px; padding-left: 0;}
    .business section .blue-box { padding: 15px;  margin-bottom: 10px;}
    .business section .blue-box h5 {font-size: 0.3rem;}
    .business section .blue-box h5 span { font-size: 0.28rem;}
    .business section .blue-box ul { ;word-break: keep-all;}
    .business section .blue-box ul li { font-size: 0.3rem; }
    .business section .blue-box ul li ul { margin-top: 8px; }
    .business section .blue-box ul li ul li { font-size: 0.28rem;  }
    .business section .blue-img img { width: 100%;}
    .business section .blue-img img:first-child { margin-right: 0 }

    /* 2026.1.12 스마트제조지원 추가 */
    .business.smart .smat-box {flex-wrap: wrap;gap:0.4rem;}
    .business.smart .smat-box .sb-f {width:100%;}
    .business.smart .smat-box .sb-f img {margin:0 auto 0.4rem;}
    .business.smart .smat-box .sb-f strong {font-size:0.3rem;}
    .business.smart .smat-box .sb-f p {font-size:0.28rem;}
    .business.smart .smat-box .sb-f span {font-size:0.26rem;}
    .business.smart .smat-box .sb-f .con1 p br {display:none;}
    .business.smart .smat-box .sb-f .con2 p {font-size:0.28rem;}
    .business.smart section .blue-img {flex-wrap:wrap;gap:5px;}
    .business.smart section .blue-img div:nth-child(1)::before {font-size:0.28rem;top:0.18rem;left:0.2rem;}
    .business.smart section .blue-img div:nth-child(2)::before {font-size:0.28rem;top:0.18rem;left:0.2rem;}

    .direction section{margin-top:0.6rem;}
    .direction ul{border-width:0.02rem;margin-top:0.6rem;}
    .direction ul li{border-width:0.02rem;}
    .direction ul li:first-child span:nth-child(1){padding:0.6rem 0;}
    .direction ul li span:nth-child(1){font-size:0.28rem;padding:0.4rem 0;border-width:0.02rem;}
    .direction ul li span:nth-child(2){font-size:0.26rem;padding:0 0.2rem;}

    /* 고객문의 */
    .inquiry .hgroup .sub-txt{margin-top:0;}
    .inquiry .form-group .form-box.flex{display:block;}
    .inquiry .form-group .form-box.flex > div + div{margin-left:0;margin-top:0.2rem;}
    .inquiry .form-group .form-box .field{border-width:0.02rem;}
    .inquiry .form-group .form-box .field input[type="text"],
    .inquiry .form-group .form-box .field input[type="tel"],
    .inquiry .form-group .form-box .field input[type="email"],
    .inquiry .form-group .form-box .field input[type="date"]{height:1rem;padding:0 0.4rem;font-size:0.28rem;}
    .inquiry .form-group .form-box .field textarea{height:3rem;padding:0.3rem 0.4rem;font-size:0.28rem;}
    .inquiry .form-group .form-box.select .field{display:block;}
    .inquiry .form-group .form-box.select .field + .field{margin-top:0.2rem;}
    .inquiry .form-group p{font-size:0.3rem;word-break:keep-all;}
    .inquiry .filebox label::before{background-position:-1.2rem -0.4rem;}
    .inquiry .checkbox-type1 label::before,
    .inquiry .checkbox-type2 label::before,
    .inquiry .radio-type1 label::before{border-width:0.02rem;}
    .inquiry .inquiry-button{width:3rem;height:1rem;font-size:0.28rem;border-width:0.02rem;margin:0.6rem auto 0;}

    .catalogue .list li{height:1.4rem;}
    .catalogue .list li + li{margin-top:0.4rem;}
    .catalogue .list li span{font-size:0.3rem;}
    .catalogue .list li span.tit{padding-left:0.4rem;margin-top:0.5rem;}
    .catalogue .list li span.tit::before{width:0.16rem;height:0.16rem;}
    .catalogue .list li span.download a{margin:0.5rem auto;}
}