@charset "utf-8";

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


* {box-sizing: border-box;}
html{font-size:100px;}
body{overflow: inherit;}
body.on{overflow: hidden;}
.no-data{display:block !important;width:100% !important;padding:50px 0 !important;text-align: center;font-size:16px !important;}
.sp-ico{background: url(/_public/images/@draft/sp_ico.png) no-repeat;background-size:4.9rem;}
.layout{max-width:14rem; margin:0 auto;}
.page-tit{font-size:0.32rem;color:#090909;letter-spacing:-0.01rem;}
.page-tit span{display: inline-block;margin-left:0.1rem;font-size:0.24rem;font-weight:400;}
.pc-img{display: block;}
.m-img{display:none;}
/* color */
.color-navy{color:#00233e;}


/* 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;}

#goTop{display:none;position: fixed;bottom:2.25rem;right:0.2rem;font-size:0;width:0.6rem;height: 0.6rem;background: url(/_public/images/@draft/sp_ico.png) no-repeat;background-size: 4.9rem;background-position: 0 -0.4rem; z-index:20;}


.checkbox-type1{position: relative;display: inline-block;}
.checkbox-type1 input[type="checkbox"]{position:absolute;opacity: 0;}
.checkbox-type1 label{position:relative;display: inline-block;padding-left:0.28rem;font-size:0.18rem;color:#090909;font-weight: 400;cursor: pointer;}
.checkbox-type1 label:before{content: "";position:absolute;top:0.03rem;left:0;display: inline-block;width:0.18rem;height: 0.18rem;border:0.01rem solid #666;}
.checkbox-type1 label:after{content: "";display: none;position: absolute;top:0.06rem;left:0.07rem;width:0.04rem;height:0.09rem;border-right: 0.02rem solid #fff;border-bottom:0.02rem solid #fff;transform: rotate(45deg);}
.checkbox-type1 input[type="checkbox"]:checked + label:before{background: #00233e;}
.checkbox-type1 input[type="checkbox"]:checked + label:after{display: inline-block;}


header{position: fixed;top:0;left:0;width:100%;background: rgba(0,0,0,0.45);-moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;z-index:100;}
header .layout{font-size:0;position: relative;}
header .logo{display: inline-block;width:2.17rem;height: 0.4rem;background:url(/_public/images/common/logo.png) no-repeat;background-size: cover;vertical-align: middle;-moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
header .gnb{display: inline-block;vertical-align: middle;margin-left: 0.3rem;width: 80%;}
header .gnb .language{display: none;}
header .gnb ul{}
header .gnb ul li{position:relative;display: inline-block;padding: 0 3%;vertical-align: top;}
header .gnb ul li:first-child { padding: 0 4.5%; }
header .gnb ul li:nth-child(2) { padding: 0 5%; }
header .gnb ul li:nth-child(4) { padding: 0 2%; }
header .gnb ul li > a{position:relative;display: block;font-size:0.18rem;color:#fff;line-height: 1.2rem;font-weight:500;-moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
header .gnb ul li > a:before{content: "";position:absolute;left:0;bottom:0.3rem;display:none;width:100%;height: 0.03rem;background: #fff;}
header .gnb ul li .dropdown{display:none;position: absolute;left:0;padding:0.3rem 0;width:100%;text-align:center;z-index:10;}
header .gnb ul li .dropdown:before{content: "";position:absolute;left:0;top:0;display:none;width:100%;height: 0.03rem;background: #fff;}
header .gnb ul li .dropdown a{display: block;font-size:0.16rem;color:#fff;margin-top:0.15rem;}
header .gnb ul li .dropdown a:first-child{margin-top:0;}
header .gnb ul li .dropdown a:hover{text-decoration: underline;}
header .gnb ul li.active > a:before{display: block;}
header .gnb ul li:hover .dropdown:before{display: block;}
header .language{position: absolute;top:0.45rem;right:0;font-size:0;}
header .language a{display: inline-block;text-align:center;width:0.6rem;line-height: 0.24rem;border:0.01rem solid #00233e;font-size:0.17rem;color:#090909;background: #fff;font-weight: 400;}
header .language a.active{background:#00233e;color:#fff;}
header .nav-icon {position: absolute;top:0.07rem;right:0;display:none;width:0.3rem;height:0.25rem;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: 0.5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;z-index: 1000;}
header .nav-icon span {display: block;position: absolute;width: 100%;height:0.03rem;background: #fff;opacity: 0.9;left:0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: 0.25s ease-in-out;-moz-transition: 0.25s ease-in-out;-o-transition: 0.25s ease-in-out;transition: 0.25s ease-in-out;}
header .nav-icon span:nth-child(1) {top: 0;}
header .nav-icon span:nth-child(2),
header .nav-icon span:nth-child(3) {top: 50%;margin-top: -0.015rem;width:80%;left:inherit;right:0;}
header .nav-icon span:nth-child(4) {bottom: 0;}
header .nav-icon.open {position:absolute;z-index: 9999;}
header .nav-icon.open span {background: #fff;}
header .nav-icon.open span:nth-child(1) {top:0;width: 0;left: 50%;}
header .nav-icon.open span:nth-child(2),
header .nav-icon.open span:nth-child(3) {width:100%;}
header .nav-icon.open span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
header .nav-icon.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
header .nav-icon.open span:nth-child(4) {top: 18px;left: 50%;width: 0;}
header .gnb-bg{display:none;position:absolute;width:100%;height: 285px;background: #070707;}
header.fixed{background: #fff;}
header.fixed .logo{background:url(/_public/images/common/logo_on.png) no-repeat;background-size: cover;}
header.fixed .gnb ul li > a{color:#011d3f;line-height:0.95rem;}
header.fixed .gnb ul li .dropdown:before{background: #dab452;}
header.fixed .language{top:0.35rem;-moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
header.sub{background: transparent;}
header.sub.fixed{background: #fff;}


footer{background: #1e2229;}
footer nav{background: #f6f6f6;}
footer nav .layout{font-size:0;display: block;padding:0;}
footer nav a{display: inline-block;font-size:0.16rem;color:#1d304f;font-weight: 500;line-height: 0.7rem;margin-left:0.3rem;}
footer nav a:first-child{margin-left:0;}
footer .layout{font-size:0;display: flex;justify-content: space-between;align-items: center;padding:0.6rem 0;}
footer .layout address{font-size:0;}
footer .layout address span{position:relative;display: inline-block;font-size:0.16rem;color:#fff;margin-right:0.3rem;}
footer .layout address span:before{content: "";position:absolute;top:0.06rem;left:-0.15rem;display: inline-block;width:0.01rem;height:0.12rem;background: #fff;}
footer .layout address span:first-child:before{display: none; }
footer .layout address .copyright{font-size:0.16rem;color: rgba(255, 255, 255, 0.5);margin-top:0.1rem;}
footer .layout .footer-logo{}
footer .layout i.fdown {background-image: url(/_public/images/contents/down_foot.svg);width: 0.8em;height: 0.8em;margin-left: 0.05rem;}
footer .layout br { display:none;}

#main{    overflow: hidden;}
#main .section01{position:relative;height: 100vh;background: url(/_public/images/main/main_img01.jpg) 50% 50% no-repeat;background-size: cover;}
#main .section01 .layout{height: 100%;position:relative;}
#main .section01 .txt-box{width:100%;position: absolute;left:0;top:63%;transform: translateY(-50%);}
#main .section01 .txt-box h3{font-size:0.6rem;;letter-spacing: -1.5px;color:#fff;text-shadow: 0 0 2px #090909;}
#main .section01 .txt-box p{margin-top:0.4rem;font-size:0.3rem;font-weight: 600;color:#fff;font-family: 'Montserrat';}
#main .section01 .txt-box p em{display: inline-block;color:#ffd97c;font-weight: 700;}
#main .section01 .txt-box span{margin-top:0.1rem;display:block;font-size:0.19rem;color:#ffd97c;font-family: 'Montserrat';font-weight: 400;}
#main .section01 .txt-box dl{margin-top:0.8rem;background: rgba(0,0,0,0.5);padding:0.4rem;}
#main .section01 .txt-box dl dt{color:#fff;font-size:0.2rem;font-weight: bold;width:1.8rem;}
#main .section01 .txt-box dl dd{color:#fff;font-size:0.2rem;padding:0 0 0.1rem 1.8rem;font-weight:400;}
#main .section02{padding:1.6rem 0;position: relative;}
#main .section02:before{content: "";position:absolute;bottom:0;left:0;display: block;width:100%;height: 50%;background:#e9e9e9;z-index: -1;}
#main .section02 h3{font-size:0.55rem;color:#212121;position:relative;}
#main .section02 h3 a{position:relative;top:-0.07rem;display: inline-block;margin-left:1.85rem;font-size:0;width:0.3rem;height: 0.3rem;border-radius: 100%;border:0.01rem solid #b9b9b9;background: #fff;vertical-align: middle;}
#main .section02 h3 a:before{content: "";position:absolute;left:-1.5rem;top:0.13rem;display: inline-block;width:1.25rem;height: 0.01rem;background: #b9b9b9;}
#main .section02 h3 a:after{content: "";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display: inline-block;width:0.15rem;height:0.15rem;background: url(/_public/images/@draft/sp_ico.png) no-repeat;background-size: 4.9rem;background-position: 0 0;}
#main .section02 ul{font-size:0;margin-top:0.5rem;}
#main .section02 ul li{position:relative;display: inline-block;vertical-align: top;width:27.3333%;margin:0 3%;}
#main .section02 ul li:nth-child(2){top:0.7rem;}
#main .section02 ul li figure{overflow:hidden;}
#main .section02 ul li figure img{width:100%;-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 .section02 ul li .txt-box{margin-top:0.25rem;}
#main .section02 ul li .txt-box strong{font-size:0.24rem;color:#080808;}
#main .section02 ul li .txt-box p{margin-top: 0.05rem;font-size:0.16rem;color:#4b4b4b;font-weight: 500;}
#main .section02 ul li:hover figure img{transform:scale(1.1);}
#main .section03{padding:0.8rem 0;}
#main .section03 .hgroup{}
#main .section03 .hgroup p{font-size:0.25rem;color:#006ccb;font-weight: 400;}
#main .section03 .hgroup h3{font-size:0.55rem;color:#212121;margin-top:0.2rem;letter-spacing: -2px;}
#main .section03 .flex-box{margin-top:0.8rem;display: flex;align-items: center;}
#main .section03 .flex-box .txt-box{position:relative;width:55%;font-size:0.37rem;font-weight:400;}
#main .section03 .flex-box .txt-box .txt-wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 65%;}
#main .section03 .flex-box .txt-box span{position:relative;display: inline-block;}
#main .section03 .flex-box .img-box{position:relative;width:45%;padding:1.1rem 0;background-image: linear-gradient(to top, #00386a, #00233e);}
#main .section03 .flex-box .img-box ul{position:relative;font-size:0;display: inline-block;left:-0.94rem;}
#main .section03 .flex-box .img-box ul li{display: inline-block;margin:0 0.085rem;width:45%;}
#main .section03 .flex-box .img-box.right{text-align: right;}
#main .section03 .flex-box .img-box.right ul{left:inherit;right:-0.94rem;}
#main .section04{padding:0.8rem 0 1.6rem;}
#main .section04 .layout{display: flex;}
#main .section04 .layout a{position:relative;display:block;flex:1;padding-top:14%;overflow:hidden;}
#main .section04 .layout a > span{display:block;width:100%;position:absolute;top:0;left:0;padding-top:42%;-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 .section04 .layout .list01{background: url(/_public/images/main/section04_img01.jpg) 50% 50% no-repeat;background-size: cover;}
#main .section04 .layout .list02{background: url(/_public/images/main/section04_img02.jpg) 50% 50% no-repeat;background-size: cover;}
#main .section04 .layout .list03{background: url(/_public/images/main/section04_img03.jpg) 50% 50% no-repeat;background-size: cover;}
#main .section04 .layout a em{position:absolute;top:50%;transform:translateY(-50%);font-size:0.4rem;color:#fff;font-weight: 500;padding:0 0.6rem;width:100%;}
#main .section04 .layout a em span{display: block;font-weight: 400;font-size:0.2rem;color:#f4f4f4;margin-top:0.05rem;}
#main .section04 .layout > a .mask{background: #000;position: absolute;width:100%;height:100%;top:0;left:0;opacity: 0;-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 .section04 .layout a:hover > span{transform:scale(1.1);}
#main .section04 .layout > a:hover .mask{ opacity: 0.5; }

.form-box{margin-top:0.6rem;}
.form-box .form{}
.form-box .form + .form{margin-top:0.2rem;}
.form-box .form.flex{display: flex;}
.form-box .form.flex .field{flex:1;margin-left:0.2rem;}
.form-box .form.flex .field:first-child{margin-left:0;}
.form-box .form .field{}
.form-box .form .field input[type="text"],
.form-box .form .field input[type="tel"],
.form-box .form .field input[type="email"]{width:100%;border:0.01rem solid #666;height: 0.66rem;padding:0 0.2rem;font-size:0.18rem;color: #666;}
.form-box .form .field input[type="text"]::placeholder,
.form-box .form .field input[type="tel"]::placeholder,
.form-box .form .field input[type="email"]::placeholder{color:#666;}
.form-box .form .field textarea{width:100%;height: 3rem;border:0.01rem solid #666;padding:0.2rem;font-size:0.18rem;color:#666;resize:none;}
.form-box .form .field textarea::placeholder{color:#666;}
.form-box .terms-box{margin-top:0.4rem;}
.form-box .button-box{margin-top:0.2rem;text-align: right;}
.form-box .button-box button{display: inline-block;width:2rem;line-height: 0.64rem;border:0.01rem solid #666;color:#666;font-weight: 500;text-align: center;font-size:0.18rem;}


.page-top{}
.page-top .visual{position: relative;padding-top:3.19rem;overflow: hidden;}
.page-top .visual h3{position: absolute;width:100%;text-align: center;left:0;bottom:0.8rem;font-size:0.4rem;color:#fff;}

.page-top .visual.sub01{background: url(/_public/images/contents/visual01.jpg) 50% 50% no-repeat;background-size: cover;}
.page-top .visual.sub02{background: url(/_public/images/contents/visual02.jpg) 50% 50% no-repeat;background-size: cover;}
.page-top .visual.sub03{background: url(/_public/images/contents/visual03.jpg) 50% 50% no-repeat;background-size: cover;}
.page-top .visual.sub04{background: url(/_public/images/contents/visual04.jpg) 50% 50% no-repeat;background-size: cover;}
.page-top .visual.sub05{background: url(/_public/images/contents/visual05.jpg) 50% 50% no-repeat;background-size: cover;}
.page-top .visual.sub06{background: url(/_public/images/contents/visual06.jpg) 50% 50% no-repeat;background-size: cover;}
.page-top .breadcrumbs{position: absolute;top:1.2rem;left:50%;transform:translateX(-50%);width:100%;max-width:14rem;border-top:0.01rem solid rgba(199,209,219, 0.5);padding-top:0.2rem;font-size:0;}
.page-top .breadcrumbs a{margin-left:0.45rem;display: inline-block;position: relative;font-size:0.15rem;color:#fff;vertical-align: middle;}
.page-top .breadcrumbs a:before{content: "";position:absolute;left:-0.3rem;display: inline-block;width:0.2rem;height: 0.2rem;background: url(/_public/images/@draft/sp_ico.png) no-repeat;background-size: 4.9rem;background-position: -0.2rem -1rem;}
.page-top .breadcrumbs a:first-child{margin-left:0;}
.page-top .breadcrumbs a:first-child:before{display: none;}
.page-top .breadcrumbs .home{font-size:0;width:0.2rem;height: 0.2rem;background: url(/_public/images/@draft/sp_ico.png) no-repeat;background-size: 4.9rem;background-position: 0 -1rem;}


.contents{padding:0.6rem 0 1.1rem;}
.tab-menu{font-size:0;text-align: center;display: flex;}
.tab-menu a{display: inline-block;flex:1;margin-left:0.2rem;line-height: 0.75rem;border:0.01rem solid #e2e2e2;font-size:0.15rem;color:#999;font-weight: 500;background: #fff;}
.tab-menu a:first-child{margin-left:0;}
.tab-menu a:hover,
.tab-menu a.active{border-color:#040404;background: #040404;color:#fff;}

.tab-menu{margin-bottom:0.8rem;}
.company .overview{}
.company .overview .section01{font-size:0;}
.company .overview .section01 .txt-box{display: inline-block;width:40%;vertical-align: top;}
.company .overview .section01 .txt-box dl{margin-top:0.3rem;}
.company .overview .section01 .txt-box dl dt{font-size:0.17rem;color:#090909;font-weight: 500;width:1rem;}
.company .overview .section01 .txt-box dl dd{font-size:0.17rem;color:#090909;font-weight: 500;padding:0 0 0.1rem 1rem;}
.company .overview .section01 .txt-box dl dd a{color:#090909;}
.company .overview .section01 .img-box{display: inline-block;width:60%;vertical-align: top;}
.company .overview .section01 .img-box ul{display: flex;}
.company .overview .section01 .img-box ul li{flex:1;margin-left:0.1rem;}
.company .overview .section01 .img-box ul li:first-child{margin-left:0;}
.company .overview .section02{margin-top: 0.6rem;}
.company .overview .section02 .map-box{margin-top: 0.3rem;}
.company .overview .section02 .root_daum_roughmap .wrap_map{height: 7.67rem;}
.company .overview .infobox { background: #f5f5f5; padding: 0.5rem; margin-top: 0.3rem; font-size: 0.2rem; }
.company .overview .infobox p { display:inline-block; width: 28%; font-weight: 400}
.company .overview .infobox p:before{content: "";position: relative;display: inline-block;vertical-align: middle;width: 0.40rem;height: 0.40rem;background: url(/_public/images/@draft/sp_ico.png) no-repeat;background-size: 4.9rem; margin-right: 0.1rem}
.company .overview .infobox p:first-child {width: 100%; }
.company .overview .infobox p:first-child:before {content: "";background-position: -40px -120px;}
.company .overview .infobox p:nth-child(2):before {content: "";background-position: -80px -120px;}
.company .overview .infobox p:last-child:before {content: "";background-position: -120px -120px;}
.company .overview .infobox p strong { font-weight: 600; margin-right: 0.1rem}
.company .overview .infobox p br { display: none;}

.company .overview .root_daum_roughmap .cont {display:none;}



.company .greetings{}
/* .company .greetings > span{display:block;font-size:0.3rem;color:#bebaba;font-weight:500;letter-spacing:-0.01rem;margin-top:1rem;} */
.company .greetings > strong{display:block;font-size:0.48rem;font-weight:400;letter-spacing:-0.01rem;margin-top:1rem;}
.company .greetings > strong em{color:#00233e;font-weight:700;}
.company .greetings .inner{font-size:0;margin-top:1.2rem;position:relative;}
.company .greetings .inner::before{content:'';width:93%;height:115%;background:#f8f8f8;position:absolute;top:-0.5rem;z-index:-1;}
.company .greetings .left{display:inline-block;vertical-align:top;width:50%;padding:0 0.4rem;}
.company .greetings .left p{font-size:0.2rem;font-weight:400;letter-spacing:-0.01rem;word-break:keep-all;}
.company .greetings .left p + p{margin-top:0.3rem;}
.company .greetings .left em{font-size:0.18rem;font-weight:400;position:absolute;bottom:0;right:1.5rem;}
.company .greetings .left span{font-weight:600;}
.company .greetings .right{display:inline-block;vertical-align:top;width:50%;padding-top:0.8rem;}
.company .greetings .right img{}
.company .history{margin-top:0.6rem;font-size:0;}
.company .history .left{display: inline-block;vertical-align: top;width:15%;}
.company .history .left h3{font-size:0.32rem;color:#090909;}
.company .history .left h3 span{display: inline-block;color: #b5b5b5;}
.company .history .right{display: inline-block;vertical-align:top;width:85%;padding-left:5%;}
.company .history .right dl{}
.company .history .right dl dt{padding-left:0.55rem;padding-top:0.2rem;font-weight:600;font-size:0.24rem;width:2.1rem;}
.company .history .right dl dd{font-size:0.17rem;padding:0.2rem 0.7rem 0.2rem 2.1rem;border-top:0.01rem solid rgba(0,0,0,0.2);}
.company .history .right dl dd:first-of-type{border-top:0;}
.company .history .right dl dd strong{display: block;}
.company .history .right dl dd p{margin-top:0.05rem;}
.company .history .right dl dd p em{margin-top:0.05rem;padding-left:0.12rem;display: block;position: relative;font-weight:500;}
.company .history .right dl dd p em:before{content: "";position:absolute;left:0;top:0.09rem;display:inline-block;width:0.07rem;height: 0.07rem;background: #00233e;}
.company .introduce{position:relative;margin-top:0.6rem;font-size:0;}
.company .introduce .txt-box{position:relative;display:inline-block;width:60%;vertical-align: top;padding-top:0.6rem;}
.company .introduce .txt-box:before{content: "";position:absolute;top:0;left:0;display: inline-block;width:0.9rem;height:0.01rem;background: #999;}
.company .introduce .txt-box h3{font-size: 0.32rem;}
.company .introduce .txt-box dl{margin-top:0.2rem;}
.company .introduce .txt-box dl dt{font-size:0.2rem;font-weight:400;width:1rem;}
.company .introduce .txt-box dl dd{font-size:0.2rem;font-weight:400;padding:0 0 0.1rem 1rem;}
.company .introduce .txt-box .section02{margin-top:1.1rem;}
.company .introduce .txt-box .section02 dl dt{font-weight:600;width:1.5rem;}
.company .introduce .txt-box .section02 dl dd{padding:0 0 0.1rem 2rem;}
.company .introduce .txt-box ul{margin-top:1.2rem;}
.company .introduce .txt-box ul li{position:relative;padding-left:0.13rem;font-size:0.2rem;color:#040404;margin-top:0.05rem;font-weight:400;}
.company .introduce .txt-box ul li:first-child{margin-top:0;}
.company .introduce .txt-box ul li:before{content: "";position:absolute;left:0;top:0.11rem;display:inline-block;width:0.07rem;height: 0.07rem;background: #00233e;}
.company .introduce .img-box{display:inline-block;padding-top:1.2rem;width:40%;vertical-align: top;}
.company .introduce .img-box figure{position:relative}
.company .introduce .img-box figure figcaption{position: absolute;width: 2.54rem;height: 2.08rem;background: #00233e;color: #fff;font-size: 0.3rem;font-weight: 600;text-align: left;padding:0.6rem 0.4rem;top: -1.2rem;left: -1.2rem;}
.company .organization{margin-top:0.6rem;text-align: center;}

.company .certification{}
.company .certification .page-tit{margin:0.3rem 0;}
.company .certification .section{background: #f6f6f6;padding:0.3rem 0;}
.company .certification .section .layout{font-size:0;}
.company .certification .section .layout .list-box{display: inline-block;width:50%;vertical-align: top;}
.company .certification .section .layout .list-box h4{text-align: center;font-size:0.24rem;color:#090909;}
.company .certification .section .layout .list-box ul{font-size:0;margin-top:0.3rem;}
.company .certification .section .layout .list-box ul li{display: inline-block;width:48%;margin:0 1%;vertical-align: top;}
.company .certification .section .layout .list-box ul li p {margin-top: 0.3rem;font-size: 0.16rem;text-align:center;position:relative;font-weight: 400;}
.company .certification .section .layout .list-box ul li img{width:100%;}
.company .certification .section .layout .list-box2 ul{font-size:0;padding:0.3rem 0;}
.company .certification .section .layout .list-box2 ul li{display: inline-block;width:23%;margin:0 1%;vertical-align: top;}
.company .certification .section .layout .list-box2 ul li img{width:100%;}

.product{}
.product .tab-menu{max-width:6.95rem;margin:0 auto 0.8rem;}
.product .overview{}
.product .overview .table-wrap{margin-top:0.4rem;}
.product .overview .table-wrap table{border:0.01rem solid #c2c2c2;}
.product .overview .table-wrap table thead tr th{padding:0.2rem;font-size:0.2rem;color:#090909;background: #f7f7f7;border-left:0.01rem solid #fff;}
.product .overview .table-wrap table thead tr th:first-child{border-left:0;}
.product .overview .table-wrap table tbody tr th{padding:0.2rem;font-size:0.2rem;color:#090909;border-top:0.01rem solid #ccc;background: #f7f7f7;}
.product .overview .table-wrap table tbody tr td{padding:0.2rem;border-top:0.01rem solid #ccc;font-size:0.18rem;color:#090909;font-weight: 400;}
.product .overview .table-wrap table tbody tr td ul{}
.product .overview .table-wrap table tbody tr td ul li{position: relative;padding-left:0.2rem;}
.product .overview .table-wrap table tbody tr td ul li:before{content: "";position:absolute;top:0.09rem;left:0;display: inline-block;width:0.07rem;height: 0.07rem;background: #011d3f;}
.product .overview .list-type1{margin-top:0.6rem;}
.product .overview .list-type1 ul{font-size:0;margin:0 -2%;}
.product .overview .list-type1 ul li{display: inline-block;width:46%;margin:0 2%;text-align: center;vertical-align: top;}
.product .overview .list-type1 ul li p{margin-top:0.1rem;font-size:0.17rem;color:#090909;font-weight:500;}
.product .overview .list-type2{margin-top:0.3rem;}
.product .overview .list-type2 ul{font-size:0;margin:0 -1%;}
.product .overview .list-type2 ul li{display: inline-block;width:31.3333%;margin:0 1%;text-align: center;vertical-align: top;}
.product .overview .list-type2 ul li span{position:relative;margin-top:0.15rem;display: inline-block;padding:0 0.45rem;background:#0060ff;color:#fff;line-height: 0.32rem;font-size:0.17rem;}
.product .overview .list-type2 ul li span.first{transform: translateX(100%);}
.product .overview .list-type3{margin-top:0.3rem;}
.product .overview .list-type3 ul{display: flex;}
.product .overview .list-type3 ul li{flex:auto;text-align: center;margin-left:1%;}
.product .overview .list-type3 ul li:first-child{margin-left:0;}
.product .overview .list-type3 ul li p{margin-top:0.1rem;font-size:0.17rem;color:#090909;font-weight:500}
.product .overview .txt-box{margin-top: 0.55rem;}
.product .overview .txt-box h4{font-size:0.25rem;color:#090909;font-weight: 600;}
.product .overview .txt-box .txt{margin-top:0.2rem;font-size:0.18rem;color:#090909;font-weight: 500;}
.product .overview .txt-box .img-flex{margin-top:0.3rem;display: flex;align-items: center;justify-content: center;}
.product .overview .txt-box .img-flex figure{margin-left:13%}
.product .overview .txt-box .img-flex figure:first-child{margin-left:0}
.product .process{margin-top:0.45rem;}
.product .process h4{font-size:0.25rem;color:#090909;}
.product .process figure{margin-top:0.3rem;text-align: center;}
.product .spec{margin-top:0.6rem;}
.product .spec .box{}
.product .spec .box h4{font-size:0.25rem;color:#090909;}
.product .spec .box dl{margin-top:0.2rem;font-weight:400;}
.product .spec .box dl dt{color:#090909;font-size:0.2rem;width:1.8rem;}
.product .spec .box dl dd{color:#090909;font-size:0.2rem;padding:0 0 0.1rem 1.8rem;}
.product .spec ul{font-size:0;}
.product .spec ul li{display: inline-block;width:31.3333%;margin:1%;vertical-align: top;}
.product .spec ul li img{width:100%;display: block;}

.core .tab-menu{max-width:6.95rem;margin:0 auto 0.8rem;}
.core  .bullet-txt{margin-top:0.1rem;padding-left:0.15rem;position: relative;font-size: 0.16rem;color:#090909;font-weight: 400;}
.core  .bullet-txt em{display:block;margin-top:0.1rem;font-size:0.16rem;color:#3d3d3d;font-weight: 400;}
.core  .bullet-txt:before{content: "";position:absolute;top:0.1rem;left:0;display: inline-block;width:0.07rem;height: 0.07rem;background: #00233e;}
.core .competencies{margin-top:0.6rem;}
.core .competencies ul{display: flex;}
.core .competencies ul li{flex:1;margin-left:0.17rem;}
.core .competencies ul li:first-child{margin-left:0;}
.core .competencies ul li figure{}
.core .competencies ul li figure img{}
.core .competencies ul li .txt-box{position:relative;margin-top:0.6rem;padding-top:0.6rem;}
.core .competencies ul li .txt-box:before{content: "";position:absolute;top:0;left:0;display: inline-block;width:0.6rem;height: 0.01rem;background: #202020;}
.core .competencies ul li .txt-box h4{font-size:0.24rem;color:#090909;}
.core .competencies ul li .txt-box p{position:relative;font-weight:400;font-size:0.18rem;color:#494848;margin-top:0.2rem;word-break: keep-all;padding-left:0.15rem;}
.core .competencies ul li .txt-box p:before{content: "";position:absolute;top:0.09rem;left:0;display: inline-block;width:0.07rem;height: 0.07rem;background: #011d3f;}

.core .differentiation{}
.core .differentiation .section{background: #f6f5f5;margin-top:0.3rem;padding:0.6rem 0;}
.core .differentiation .section .step{max-width:9.6rem;margin:0 auto;display: flex;border-radius: 0.1rem;background:#fff;align-items: center;overflow: hidden;}
.core .differentiation .section .step > div{position:relative;flex:1;background: #00233e;font-size:0.2rem;color:#fff;text-align: center;padding:0.2rem 0;font-weight: 400;}
.core .differentiation .section .step > div:first-child{background: #fff;color:#090909;max-width:45%;}
.core .differentiation .section .step > div span{display: block;font-size:0.2rem;}
.core .differentiation .section .step > div:first-child:after{content: "";width: 0;height: 0;border-top: 51px solid transparent;border-left: 50px solid #fff;border-bottom: 51px solid transparent;display: inline-block;position: absolute;right: -50px;z-index: 10;top: -14px;}
.core .differentiation .section .info-box{max-width:9.6rem;margin:0.3rem auto 0;border:0.01rem solid #767171;border-radius: 0.1rem;font-size:0.19rem;color:#090909;font-weight: 400;padding:0.4rem;text-align: center;word-break: keep-all;}
.core .differentiation .section figure{text-align: center;margin-top:0.6rem;}
.core .differentiation .section2{}
.core .differentiation h4{margin-top:0.6rem;font-size:0.25rem;}
.core .differentiation .scroll-table{margin-top:0.25rem;}
.core .differentiation .scroll-table table{table-layout: fixed;border-top:0.02rem solid #090909;border-bottom:0.02rem solid #090909;}
.core .differentiation .scroll-table table thead tr th{padding:0.3rem 0.1rem;border-left:0.01rem solid #999;font-size:0.2rem;font-weight:400;}
.core .differentiation .scroll-table table thead tr th:first-child{border-left:0;}
.core .differentiation .scroll-table table thead tr th:last-child{background:#ebebeb;font-weight:600;}
.core .differentiation .scroll-table table tbody tr th{font-size:0.2rem;padding:0.3rem 0.1rem;border-top:0.01rem solid #999;font-weight:400;}
.core .differentiation .scroll-table table tbody tr td{padding:0.3rem 0.1rem;border-top:0.01rem solid #999;border-left:0.01rem solid #999;text-align: center;}
.core .differentiation .scroll-table table tbody tr td:last-child{background:#ebebeb;}
.core .differentiation .scroll-table table tbody tr td span{display: inline-block;}
.core .differentiation .scroll-table table tbody tr td span em{display: block;text-align: center;font-size:0.16rem;color:#090909;font-weight:300;}
.core .differentiation .flex-box{margin-top:0.2rem;display: flex;align-items: center;}
.core .differentiation .flex-box > div{flex:1;margin-left:0.4rem;}
.core .differentiation .flex-box > div:first-child{margin-left:0;}
.core .differentiation .flex-box .img-box{text-align: center}
.core .differentiation .flex-box .img-box img{display: block; /*width:100%;*/}
.core .differentiation .flex-box .img-box span{display: inline-block;margin-top:0.25rem;font-weight: 500;}

.core .qualitystatus{}
.core .qualitystatus h4{margin-top:0.6rem;font-size:0.25rem;}
.core .qualitystatus figure{margin-top:0.3rem;text-align:center;}
.core .qualitystatus table{table-layout: fixed;border-top:0.02rem solid #090909;border-bottom:0.02rem solid #090909;}
.core .qualitystatus table thead tr th{padding: 0.2rem 0.2rem;border-left:0.01rem solid #999;font-size:0.2rem;}
.core .qualitystatus table thead tr th:first-child{border-left:0;}
.core .qualitystatus table tbody tr th{font-size:0.2rem;padding: 0.2em 0.2rem;border-top:0.01rem solid #999;}
.core .qualitystatus table tbody tr td{padding:0.1rem 0.2rem 0.2rem;border-top:0.01rem solid #999;border-left:0.01rem solid #999;font-size: 0.18rem;font-weight: 500;}
.core .qualitystatus table tbody tr td.txt-center{text-align: center;}
.core .qualitystatus figure + .flex-box{margin-top:0.6rem;}
.core .qualitystatus .flex-box{margin-top:0.3rem;display: flex;}
.core .qualitystatus .flex-box > div{flex:1;margin-left:0.2rem;}
.core .qualitystatus .flex-box > div:first-child{margin-left:0;}
.core .qualitystatus .border{border:0.01rem solid #a3a3a3;border-radius: 0.1rem;}
.core .qualitystatus .txt-box .box{padding:0.3rem 0.55rem;}
.core .qualitystatus .txt-box .box + .box{margin-top:0.15rem;}
.core .qualitystatus .txt-box .box strong{display: block;font-size:0.2rem;color:#090909;font-weight: 500;}
.core .qualitystatus .txt-box .box p + strong{margin-top:0.36rem;}
.core .qualitystatus .txt-box .box span{display: inline-block;}
.core .qualitystatus .txt-box .box span + span{margin-left:0.2rem;}
.core .qualitystatus .table-wrap{margin-top:0.3rem;}
.core .qualitystatus .txt-box .box table{margin-top:0.15rem;border:0;}
.core .qualitystatus .txt-box .box table thead tr th{font-size:0.18rem;padding:0.05rem;text-align: center;border-left:0.01rem solid #fff;background: #dfdfdf;}
.core .qualitystatus .txt-box .box table tbody tr td{font-size:0.18rem;padding:0.05rem;text-align: center;border-left:0.01rem solid #fff;border-top:0.01rem solid #fff;background: #eee;}

.delivery{}
.delivery h4{font-size:0.25rem;}
.delivery  .bullet-txt{margin-top:0.1rem;padding-left:0.15rem;position: relative;font-size:0.18rem;color:#090909;font-weight: 400;word-break:keep-all;}
.delivery  .bullet-txt em{display:block;margin-top:0.05rem;font-size:0.16rem;color:#3d3d3d;font-weight: 400;}
.delivery  .bullet-txt:before{content: "";position:absolute;top:0.1rem;left:0;display: inline-block;width:0.07rem;height: 0.07rem;background: #00233e;}
.delivery .section{margin-top:0.6rem;}
.delivery .section .flex-box{display: flex;}
.delivery .section .flex-box > div{flex:1;margin-left:0.2rem;}
.delivery .section .flex-box > div:first-child{margin-left:0;}
.delivery .section .flex-box .txt-box{background: #f5f5f5;padding:0.3rem;max-width:50%;}
.delivery .section .flex-box .txt-box .box{margin-top:0.3rem;font-size:0;}
.delivery .section .flex-box .txt-box .box figure{width:22%;display:inline-block;vertical-align: top;}
.delivery .section .flex-box .txt-box .box .txt-wrap{width:78%;display: inline-block;vertical-align: top;padding-left:0.2rem;}
.delivery .section .flex-box .txt-box .box .txt-wrap .bullet-txt:first-child{margin-top:0;}
.delivery .section .flex-box .img-box img{width:100%;height: 100%;}
.delivery .section + .page-tit{margin-top:0.6rem;}
.delivery .section figure{text-align: center;}

.delivery .hg_tbt2 { font-size: 17px; margin-top: 40px; margin-bottom: 80px; border-top: 2px solid #202020;  border-bottom: 2px solid #202020; }
.delivery .hg_tbt2 tr { border-bottom:1px solid #C9D0D5}
.delivery .hg_tbt2 th { width:25% }
.delivery .hg_tbt2 td { padding:20px; font-weight:400}
.delivery .hg_tbt2 tr:last-child { border-bottom:0}
.delivery .hg_tbt2 tr.bcl { background:#F2F4F5}


.contactus .tab-menu{max-width:6.55rem;margin:0 auto 0.8rem;}
.delivery .tab-menu{max-width:6.55rem;margin:0 auto 0.8rem;}
.board .tab-menu{max-width:6.55rem;margin:0 auto 0.8rem;}

.contactus .checkbox-type1 a{display: inline-block;font-size:0.18rem;color:#666;text-decoration:underline;font-weight: 400;margin-left:0.2rem;}

.policy{}
.policy .txt-box{margin-top:0.6rem;font-size:0.16rem;line-height: 0.26rem;}
.policy .txt-box strong{}


@media all and (max-width:1500px){
#main .section03 .flex-box .txt-box{position:relative;width:55%;font-size:0.33rem;font-weight:400;}
.wtext{left: 45% !important; width: 80%!important;}
}

@media all and (max-width:1350px){
#main .section03 .flex-box .txt-box{position:relative;width:55%;font-size:0.26rem;font-weight:400;}
}

@media all and (max-width:1245px){
    header .gnb{width: 70%;}
    header .gnb ul li > a{ font-size: 0.15rem;}
}

@media all and (max-width:1140px){
    header .gnb{width: 70%;}
    header .gnb ul li > a{ font-size: 0.13rem;}
}


@media all and (max-width:1024px){
    .pc-img{display: none;}
    .m-img{display:block;}

    header{padding:0.2rem;}
    header .gnb{display:none;position: fixed;top:0.8rem;left:0;padding-top:0.65rem;width:100%;margin:0;background: #00233e;}
    header .gnb .language{display: block;top:0.2rem;right:inherit;left:0.2rem;}
    header .gnb .language a{border:0;background: #969696;color:#fff;line-height: 0.3rem;}
    header .gnb .language a.active{background: #fff;color:#00233e;}
    header .gnb ul li{display: block;padding:0;border-top:0.01rem solid rgba(255,255,255,0.5);}
    header .gnb ul li:first-child{border-top:0;padding: 0;}
    header .gnb ul li:nth-child(2) {padding: 0;}
    header .gnb ul li:nth-child(4) { padding: 0; }
    header .gnb ul li > a{position:relative;font-size:0.18rem;line-height:0.6rem;padding:0 0.2rem;color:#fff;}
    header .gnb ul li > a:after{content: "";position: absolute;right: 0.2rem;top:0.21rem;display: inline-block;width:0.2rem;height: 0.2rem;background: url(/_public/images/@draft/sp_ico.png) no-repeat;background-position:-0.4rem -1rem;background-size: 4.9rem;}
    header .gnb ul li > a.on:after{background-position:-0.6rem -1rem; }
    header .gnb ul li .dropdown{position: relative;background: #e8e8e8;padding:0.2rem 0.3rem;text-align: left;}
    header .gnb ul li .dropdown:before{display: none !important;}
    header .gnb ul li .dropdown a{position:relative;margin:0;color:#00233e;font-size:0.16rem;line-height: 0.3rem;font-weight: 400;padding-left:0.1rem;}
    header .gnb ul li .dropdown a:before{content: "";display:inline-block;position: absolute;top:0.14rem;left:0;width:0.04rem;height:0.04rem;background:#00233e; }
    header .nav-icon{display: block;}
    header .language{display: none;}
    header.active{background:#00233e;}
    header.fixed .gnb ul li > a{color:#fff;line-height: 0.7rem;}
    header .nav-icon span{background: #fff;}
    header.fixed .nav-icon span{background: #000;}
    header.fixed .nav-icon.open span{background: #fff;}
    header.fixed.active .logo{background: url(/_public/images/common/logo.png) no-repeat;background-size: cover;}
    header.sub{background: #011d3f;}
    header.sub.fixed .nav-icon span{background: #000;}
    header.sub.fixed.active{background:#00233e;}
    header.sub.fixed.active .nav-icon.open span{background:#fff;}

    footer{}
    footer nav{padding:0 0.2rem;}
    footer .footer-logo{position: absolute;top:0.3rem;left:50%;transform: translateX(-50%);}
    footer .layout{display: block;position:relative;padding-top:1.3rem;}
    footer .layout address{text-align: center;}
    footer .layout address span{display:block;margin:0.1rem 0 0;}
    footer .layout address span:before{display: none;}
    footer .layout br { display:block;;}


    #main .section01{background: url(/_public/images/main/m_main_img01.jpg) 50% 50% no-repeat;background-size: cover;}
    #main .section01 .txt-box{padding:0.2rem;top:53%;}
    #main .section01 .txt-box h3{font-size:0.4rem;}
    #main .section01 .txt-box p{font-size:0.25rem;}
    #main .section02{padding:1rem 0.2rem;}
    #main .section02 h3{font-size:0.35rem}
    #main .section02 ul li{width:100%;margin:0.2rem 0 0;}
    #main .section02 ul li:nth-child(2){top:0;}
    #main .section02 ul li .txt-box{margin-top:0.5rem;}
    #main .section03{}
    #main .section03 .hgroup{padding:0 0.2rem;}
    #main .section03 .hgroup h3{margin-top:0.1rem;font-size:0.35rem;}
    #main .section03 .flex-box{margin-top:0.6rem;display: block;position: relative;padding-top:70%;overflow:hidden;}
    #main .section03 .flex-box .txt-box{width:100%;font-size:0.3rem;padding:0 0.2rem;}
    #main .section03 .flex-box .txt-box .txt-wrap{position:relative;top:0;left:0;transform: none;width:100%;}
    #main .section03 .flex-box .txt-box .txt-wrap br{display: none;}
    #main .section03 .flex-box .txt-box .txt-wrap strong{display:block; }
    #main .section03 .flex-box .img-box{position:absolute;top:0;left:0;width:100%;padding: 0.5rem 0.2rem;background:none;}
    #main .section03 .flex-box .img-box:before{content: "";position:absolute;top:0;left:0;display: block;width:100%;height: 50%;z-index: -1;    background-image: linear-gradient(to top, #00386a, #00233e);}
    #main .section03 .flex-box .img-box ul{left:0;display: block;text-align: center;}
    #main .section03 .flex-box .img-box ul li{width:48%;margin:0 1%;}
    #main .section03 .flex-box .img-box.right ul{right:0;}
    #main .section04{padding:0.4rem 0 0;}
    #main .section04 .layout{display: block;}
    #main .section04 .layout a{padding-top:34%;}
    #main .section04 .layout .list01{background: url(/_public/images/main/m_section04_img01.jpg) 50% 50% no-repeat;background-size: cover;}
    #main .section04 .layout .list02{background: url(/_public/images/main/m_section04_img02.jpg) 50% 50% no-repeat;background-size: cover;}
    #main .section04 .layout .list03{background: url(/_public/images/main/m_section04_img03.jpg) 50% 50% no-repeat;background-size: cover;}

    .form-box{margin-top:0.6rem;}
    .form-box .form{}
    .form-box .form + .form{margin-top:0.2rem;}
    .form-box .form.flex{display: block;}
    .form-box .form.flex .field{flex:1;margin-left:0;margin-top:0.2rem;}

    .form-box .form.flex .field:first-child{margin-left:0;margin-top:0;}
    .form-box .form .field{}
    .form-box .form .field input[type="text"],
    .form-box .form .field input[type="tel"],
    .form-box .form .field input[type="email"]{width:100%;border:0.01rem solid #666;height: 0.66rem;padding:0 0.2rem;font-size:0.18rem;color: #666;}
    .form-box .form .field input[type="text"]::placeholder,
    .form-box .form .field input[type="tel"]::placeholder,
    .form-box .form .field input[type="email"]::placeholder{color:#666;}
    .form-box .form .field textarea{width:100%;height: 3rem;border:0.01rem solid #666;padding:0.2rem;font-size:0.18rem;color:#666;resize:none;}
    .form-box .form .field textarea::placeholder{color:#666;}
    .form-box .terms-box{margin-top:0.4rem;}
    .form-box .button-box{margin-top:0.2rem;text-align: right;}
    .form-box .button-box button{display: inline-block;width:2rem;line-height: 0.64rem;border:0.01rem solid #666;color:#666;font-weight: 500;text-align: center;font-size:0.18rem;}

    .wtext{left: 0 !important; width: 100%!important;}

    .page-top .visual{padding-top:50%;}
    .page-top .breadcrumbs{display: none;}
    .page-top .visual h3{bottom:inherit;top:55%;transform: translateY(-50%);}

    .tab-menu a{border:0.01rem solid #b5b5b5;}

    .company .tab-menu{font-size:0;display: block;}
    .company .tab-menu a{display:inline-block;width:48%;margin:1%;}

    /* .company .greetings > span{font-size:0.2rem;margin-top:0.3rem;} */
    .company .greetings > strong{font-size:0.3rem;margin-top:0.3rem;}
    .company .greetings .inner{display:flex;flex-flow:column-reverse;margin-top:0.3rem;}
    .company .greetings .inner::before{display:none;}
    .company .greetings .left{display:block;width:100%;padding:0;margin-top:0.2rem;}
    .company .greetings .left p{font-size:0.17rem;}
    .company .greetings .left p br{display:none;}
    .company .greetings .left em{display:block;position:relative;right:0;margin-top:0.3rem;}
    .company .greetings .right{display:block;width:100%;padding-top:0;}
    .company .greetings .right img{display:block;width:100%;}

    .company .certification .section .layout .list-box h4 { font-size: 0.35rem;  }
    .company .certification .section .layout .list-box{display: block;width:100%;}
    .company .certification .section .layout .list-box + .list-box{margin-top:0.4rem;}
    .company .certification .section .layout .list-box2 ul li{width:48%;}
    .company .certification .section .layout .list-box2 ul li:nth-child(3){ margin-top:0.2rem}
    .company .certification .section .layout .list-box ul li p {  font-size: 0.25rem; }

    .product .overview .list-type2 ul li{width:48%;margin:4% 1% 1%;}
    .product .overview .list-type2 ul li span.first{transform: translateX(-50%);left: 100%;}
    .company .overview .infobox { background: #f5f5f5; padding: 0.5rem; margin-top: 0.3rem; font-size: 0.2rem; }
    .company .overview .infobox p { display:block; width: 100%;}
    .company .overview .infobox p:first-child {width: 100%; }



    .core .competencies ul{display: block;}
    .core .competencies ul li{margin:0.6rem 0 0;}
    .core .competencies ul li figure img{width:100%;}
    .core .competencies ul li .txt-box:before{height: 0.02rem;}
    .core .competencies ul li .txt-box h4{font-size:0.36rem;}
    .core .competencies ul li .txt-box p{font-size:0.26rem;}
    .core .competencies ul li .txt-box p:before{width:0.08rem;height:0.08rem;top:0.12rem;}
    .core .differentiation .scroll-table{overflow-x: auto;}
    .core .differentiation .scroll-table table{width:1000px;}
    .core .qualitystatus .flex-box .img-box{}
    .core .qualitystatus .flex-box .img-box img{width:100%;}
    .core .qualitystatus .flex-box > div{margin:0.4rem 0 0;}
    .core .qualitystatus .flex-box{display: block;}

    .delivery .section .flex-box{display: block;}
    .delivery .section .flex-box > div{margin-left:0;}
    .delivery .section .flex-box .txt-box{max-width: 100%;}
    .delivery .section .flex-box .img-box{margin-top:0.4rem;}
    .delivery .section .flex-box .img-box img{width: 100%;}
    .delivery .section .flex-box .txt-box .box figure{display: block;width:100%;text-align: center;}
    .delivery .section .flex-box .txt-box .box .txt-wrap{width:100%;padding:0;margin-top:0.2rem;}

    .contents{padding:0.6rem 0.2rem 1.1rem;}
    .contactus .tab-menu{max-width:100%;}
    .board .tab-menu{max-width:100%;}

}


@media all and (max-width:640px){
    html{font-size:50px;}
    .page-tit{font-size:0.4rem;}
    .checkbox-type1 label{font-size:0.26rem;padding-left:0.4rem;}
    .checkbox-type1 label:before{width:0.26rem;height: 0.26rem;}
    .checkbox-type1 label:after{display: inline-block;width:0.08rem;height:0.18rem;border-width: 0.04rem;top:0.02rem;left:0.08rem;}

    header{padding:0.4rem;}
    header .logo{width:3.2rem;height: 0.58rem;}
    header.fixed .logo{width:3.2rem;height: 0.58rem;}
    header.active .logo{width:3.2rem;height: 0.58rem;}
    header.fixed.active .logo{background-size: cover;}
    header .nav-icon{width: 0.5rem;height: 0.4rem;top:0.08rem;}
    header .nav-icon span{height: 0.04rem;}
    header .gnb ul li > a{line-height: 0.9rem;font-size:0.3rem;padding:0 0.4rem;}
    header.fixed .gnb ul li > a{line-height: 0.9rem;}
    header .language a{width:1.2rem;line-height: 0.6rem;}
    header .gnb{top:1.2rem;}
    header .gnb .language{top:0;}
    header .language a{font-size:0.26rem;}
    header .gnb .language a{line-height: 0.6rem;}
    header .gnb ul li > a:after{right: 0.4rem;top:0.24rem;width:0.4rem;height: 0.4rem;background-position:-0.8rem -2rem;background-size: 9.8rem;}
    header .gnb ul li > a.on:after{background-position:-1.2rem -2rem; }
    header .gnb ul li .dropdown{padding:0.4rem 0.6rem;}

    header .gnb ul li .dropdown a{padding-left:0.2rem;font-size:0.28rem;line-height: 0.5rem;}
    header .gnb ul li .dropdown a:before{top:0.22rem;width: 0.08rem;height: 0.08rem;}

    footer{}
    footer nav{padding:0 0.4rem;}
    footer nav a{font-size:0.26rem;line-height: 0.8rem;}
    footer .layout{padding-top:1.8rem;}
    footer .footer-logo{width:1.6rem;}
    footer .footer-logo img{}
    footer .layout address span{font-size:0.26rem;}
    footer .layout address .copyright{font-size:0.26rem;}
    footer nav a:nth-child(4) { margin-left:0 }
    footer nav br { display: block; }

    #main .section01 .txt-box h3{font-size:0.6rem;}
    #main .section01 .txt-box p{font-size:0.4rem;}
    #main .section01 .txt-box span{font-size:0.3rem;}
    #main .section01 .txt-box dl dt{font-size:0.28rem;width:2rem;}
    #main .section01 .txt-box dl dd{font-size:0.28rem;padding: 0 0 0.2rem 2rem;}
    #main .section02{padding:1rem 0.4rem;}
    #main .section02 h3{font-size:0.4rem;}
    #main .section02 ul li{margin:0.4rem 0 0;}
    #main .section02 ul li .txt-box strong{font-size:0.32rem;}
    #main .section02 ul li .txt-box p{font-size:0.28rem;}
    #main .section03 .hgroup p{font-size:0.28rem;}
    #main .section03 .hgroup h3{font-size:0.4rem;}
    #main .section03 .flex-box .txt-box{font-size:0.36rem;}
    #main .section04{padding:0.8rem 0 0;}
    #main .section04 .layout a p span{font-size:0.26rem;}

    .form-box .form .field input[type="text"],
    .form-box .form .field input[type="tel"],
    .form-box .form .field input[type="email"]{border-width:0.02rem;height: 0.8rem;font-size:0.26rem;}
    .form-box .form .field textarea{font-size:0.26rem;}
    .form-box .button-box{text-align: center;margin-top:0.4rem;}
    .form-box .button-box button{border-width:0.02rem;line-height: 0.8rem;display:block;width:100%;font-size:0.28rem;}

    .tab-menu a{line-height: 0.4rem;font-size:0.26rem;padding: 0.2rem 0;}

    #pages{padding-top:69px;}

    .page-top .visual{padding-top:39%;}
    .page-top .breadcrumbs{display: none;}
    .page-top .visual h3{bottom:inherit;top:50%;font-size:0.5rem;}
    .page-top .visual.sub01{background: url(/_public/images/contents/m_visual01.jpg) 50% 50% no-repeat;background-size: cover;}
    .page-top .visual.sub02{background: url(/_public/images/contents/m_visual02.jpg) 50% 50% no-repeat;background-size: cover;}
    .page-top .visual.sub03{background: url(/_public/images/contents/m_visual03.jpg) 50% 50% no-repeat;background-size: cover;}
    .page-top .visual.sub04{background: url(/_public/images/contents/m_visual04.jpg) 50% 50% no-repeat;background-size: cover;}
    .page-top .visual.sub05{background: url(/_public/images/contents/m_visual05.jpg) 50% 50% no-repeat;background-size: cover;}
    .page-top .visual.sub06{background: url(/_public/images/contents/m_visual06.jpg) 50% 50% no-repeat;background-size: cover;}

    .company .overview .section01 .txt-box{display: block;width:100%;}
    .company .overview .section01 .txt-box dl dt{font-size:0.28rem;width:2rem;}
    .company .overview .section01 .txt-box dl dd{font-size:0.28rem;padding: 0 0 0.2rem 2rem;}
    .company .overview .section01 .img-box{margin-top:0.4rem;display: block;width:100%;}
    .company .overview .infobox p { display:block; width: 100%; font-size: 0.32rem; line-height:0.6rem; font-weight: 400}
    .company .overview .infobox p:first-child:before {content: "";background-position: -20px -60px;}
    .company .overview .infobox p:nth-child(2):before {content: "";background-position: -40px -60px;}
    .company .overview .infobox p:last-child:before {content: "";background-position: -60px -60px;}
    .company .overview .infobox p br { display: block;;}
    .company .greetings > span{font-size:0.26rem;}
    .company .greetings > strong{font-size:0.35rem;word-break:keep-all;}
    .company .greetings .left{margin-top:0.3rem;}
    .company .greetings .left p{font-size:0.26rem;}
    .company .greetings .left em{font-size:0.26rem;margin-top:0.5rem;}
    .company .history .left{display:block;width:100%;}
    .company .history .left h3{font-size:0.38rem;}
    .company .history .left h3 span{display: inline-block;color: #b5b5b5;}
    .company .history .right{display:block;margin-top:0.4rem;width:100%;padding-left:0;}
    .company .history .right dl{}
    .company .history .right dl dt{padding-left:0.4rem;padding-top:0.2rem;font-weight:600;font-size:0.28rem;width:2.1rem;}
    .company .history .right dl dd{font-size:0.26rem;border-width:0.02rem;}
    .company .history .right dl dd p{margin-top:0.1rem;}
    .company .history .right dl dd p em{margin-top:0.1rem;padding-left:0.16rem;}
    .company .history .right dl dd p em:before{content: "";top:0.14rem;width:0.08rem;height: 0.08rem;}
    .company .introduce{padding-top:135%;}
    .company .introduce .txt-box{display: block;width:100%;}
    .company .introduce .txt-box dl dt{font-size:0.28rem;width:1.4rem;}
    .company .introduce .txt-box dl dd{font-size:0.28rem;padding: 0 0 0.1rem 1.4rem;}
    .company .introduce .txt-box .section02 dl dt{width:1.6rem;}
    .company .introduce .txt-box .section02 dl dd{padding: 0 0 0.1rem 1.4rem;}
    .company .introduce .txt-box ul li{font-size:0.28rem;padding-left:0.26rem;margin-top:0.1rem;}
    .company .introduce .txt-box ul li:before{top:0.16rem;width:0.08rem;height:0.08rem;}
    .company .introduce .img-box{position:absolute;top:0;left:0;padding-top:0;display: block;width:100%;}
    .company .introduce .img-box figure figcaption{position: relative;width:100%;top:inherit;left:inherit;padding:0.4rem;height: auto;}
    .company .introduce .img-box figure img{width:100%;}
    .company .introduce .img-box figure figcaption br{display: none;}

    .product .overview .table-wrap table{border-width:0.02rem;}
    .product .overview .table-wrap table thead tr th{font-size:0.26rem;border-width:0.02rem;}
    .product .overview .table-wrap table tbody tr th{border-width:0.02rem;font-size:0.26rem;word-break: keep-all;}
    .product .overview .table-wrap table tbody tr td{border-width:0.02rem;font-size:0.26rem;}
    .product .overview .table-wrap table tbody tr td ul li:before{top:0.14rem;width:0.08rem;height: 0.08rem;}
    .product .overview .list-type1 ul li p{font-size:0.26rem;}
    .product .overview .list-type2 ul li span{line-height: 0.6rem;font-size:0.26rem;padding: 0 0.3rem;}
    .product .overview .txt-box h4{font-size:0.36rem;}
    .product .overview .txt-box .txt{font-size:0.26rem;word-break: keep-all;}
    .product .overview .txt-box .txt br{display: none;}
    .product .overview .list-type3 ul{display: block;text-align:center;}
    .product .overview .list-type3 ul li{margin-top:0.4rem;display: block;text-align:center;}
    .product .overview .list-type3 ul li:first-child{margin-top:0;}
    .product .overview .list-type3 ul li p{font-size:0.26rem;margin-top:0.3rem;}
    .product .overview .txt-box .img-flex{display: block;}
    .product .overview .txt-box .img-flex{display: block;}
    .product .overview .txt-box .img-flex figure{text-align: center;margin-top:0.4rem;}
    .product .overview .txt-box .img-flex figure:first-child{margin-top:0;}

    .product .tab-menu{font-size:0;display: block; max-width: 100%;}
    .product .tab-menu a {display:inline-block;width:99%;margin:1%;}

    .core .tab-menu{font-size:0;display: block; max-width: 100%;}
    .core .tab-menu a {display:inline-block;width:99%;margin:1%;}

    .delivery .tab-menu{font-size:0;display: block;max-width: 100%;}
    .delivery .tab-menu a {display:inline-block;width:48%;margin:1%;}


    .product .spec .box h4{font-size:0.31rem;color:#090909;}
    .product .spec .box dl dt{font-size:0.28rem;width:2.4rem;}
    .product .spec .box dl dd{font-size:0.28rem;padding: 0 0 0.2rem 2.4rem;}
    .product .spec ul li{width:48%;}
    .product .process h4{font-size:0.32rem;color:#090909;}


    .core .differentiation h4{margin-top:0.6rem;font-size:0.32rem;}
    .core .differentiation .section{background: #f6f5f5;margin-top:0.3rem;padding:0.6rem 0;}
    .core .differentiation .section .step{max-width:9.6rem;margin:0 auto;border-radius: 0.1rem;background:#fff;align-items: center;overflow: hidden;position: relative;display: inline-block;text-align: center;width: 100%;}
    .core .differentiation .bullet-txt br { display:none;}
    .core .differentiation .section .step > div{position:relative;flex:1;background: #00233e;font-size:0.32rem;color:#fff;text-align: center;padding: 0.5rem 0;font-weight: 400;}
    .core .differentiation .section .step > div:first-child{background: #fff;color:#090909;max-width: 100%;}
    .core .differentiation .section .step > div span{display: block;font-size:0.2rem;}
    .core .differentiation .section .step > div:first-child:after{content: "";width: 0;height: 0;border-right: 31px solid transparent;border-left: 31px solid transparent;border-bottom: 31px solid transparent;display: inline-block;border-top: 20px solid #fff;position: absolute;right: 42%;z-index: 10;top: 72px;}
    .core .differentiation .section .info-box { font-size: 0.3rem; }
    .core .differentiation .section { padding: 0.6rem 0.3rem; }
    .core .differentiation .scroll-table table thead tr th{font-size:0.28rem;}
    .core .differentiation .scroll-table table tbody tr th{font-size:0.28rem;}
    .core .differentiation .scroll-table table tbody tr td{font-size:0.28rem;}
    .core .differentiation .flex-box{margin-top:0.2rem;display:block;align-items: center;}
    .core .differentiation .flex-box > div { margin-left: 0; margin-bottom: 0.2rem;}

    .core .bullet-txt{font-size:0.28rem;margin-top: 0.2rem;padding-left:0.2rem;}
    .core .bullet-txt:before{width:0.08rem;height: 0.08rem;}
    .core .bullet-txt em{font-size:0.26rem;}
    .core .qualitystatus h4{font-size:0.32rem;}
    .core .qualitystatus figure{margin-top:0.6rem;}
    .core .qualitystatus table thead tr th{font-size:0.28rem;}
    .core .qualitystatus table tbody tr th{font-size:0.28rem;}
    .core .qualitystatus table tbody tr td{font-size:0.28rem;}
    .core .qualitystatus .txt-box .box strong{font-size:0.28rem;}
    .core .qualitystatus .txt-box .box table{margin-top: 0.3rem;}
    .core .qualitystatus .txt-box .box table thead tr th{font-size:0.26rem;}
    .core .qualitystatus .txt-box .box table tbody tr td{font-size:0.26rem;}

    .delivery .bullet-txt{font-size:0.28rem;margin-top: 0.2rem;padding-left:0.2rem;}
    .delivery .bullet-txt:before{width:0.08rem;height: 0.08rem;top:0.16rem;}
    .delivery .bullet-txt em{font-size:0.26rem;}
    .delivery h4{font-size:0.36rem;word-break: keep-all;}
    .delivery .hg_tbt2 { font-size: 15px; margin-top: 20px; margin-bottom: 40px;word-break: keep-all;}


    .contactus .checkbox-type1 a{font-size:0.26rem;}

    .policy .txt-box{margin-top:0.6rem;font-size:0.26rem;line-height: 0.4rem;}

}

@media all and (max-width:320px) {
  footer nav a:nth-child(6) {margin-left:0;}
}