/***************************************************************************
* max-width:1201px
****************************************************************************/
@media all and (max-width:1201px){
#wrap {min-width:100%; overflow:hidden;}
#header .hBot .innr {width:100%;}
#header .hBot .innr .gnb {left:0;}
#footer .innr {width:100%; height:167px; margin:0 auto; position:relative;}
#footer .innr .adr {top:65px; left:1px;}
#footer .innr .copy {top:95px;}
#footer .innr .btnList {right:10px;}
#main ._mainVis {height:auto; position:relative;}
#main ._mainVis .slogan {top:20%; left:0; z-index:80; width:100%; margin-left:0;}
#main ._mainVis .slogan .s1 {margin-left:20px; font-size:55px; line-height:65px;}
#main ._mainVis .slogan .s2 {margin-left:20px; font-size:55px; line-height:65px;}
#main ._mainVis .slogan .s3 {margin-left:20px; font-size:18px;}
#main ._mainVis .bx-pager {top:62%; left:0; width:100%; margin-left:0; margin-left:20px;}
#main ._mainVis .roll li {height:auto; position:static;}
#main ._mainVis .roll li .web {position:static; margin-left:0; width:100%;}
#sec01 h2 {padding-top:45px; margin-bottom:45px; font-size:35px;}
#sec01 .s1Top {width:90%; padding:0 5%; padding-bottom:45px; font-size:0; text-align:center;}
#sec01 .s1Top li {width:30%; margin-left:5%;}
#sec01 .s1Top li:first-child {margin-left:0;}
#sec01 .s1Top li .txt dt {font-size:18px;}
#sec01 .s1Top li .txt dd {word-break:break-all;}
#sec01 .s1Top li .txt dd br {display:none;}
#sec01 .s1Bot {height:auto; margin:0 5%;}
#sec01 .s1Bot .innr {height:auto;}
#sec01 .s1Bot .innr .roll li h3 {padding-top:45px; margin-bottom:45px; font-size:35px;}
#sec01 .s1Bot .innr .bx-controls .bx-prev {bottom:50%; left:-38.5px;}
#sec01 .s1Bot .innr .bx-controls .bx-next {bottom:50%; right:-38.5px;}


#sec02 {padding:4%;}
#sec02 h2 {padding-top:20px; font-size:35px;}
#sec02 > p {margin-bottom:40px; font-size:17px; color:#333; letter-spacing:-0.05em; text-align:center;}
#sec02 .staffWrp {display:none;}
#sec02 .staffWrp2 {display:block; width:600px; margin:0 auto; position:relative;}
#sec02 .staffWrp2 .bx-controls .bx-prev {position:absolute; top:100px; left:-60px; width:38px; height:72px; background:url(/images/s2prev.png) 0 0 no-repeat; text-indent:-999em;}
#sec02 .staffWrp2 .bx-controls .bx-next {position:absolute; top:100px; right:-60px; width:38px; height:72px; background:url(/images/s2next.png) 0 0 no-repeat; text-indent:-999em;}
#sec02 > .staff.ceo {display:block; margin:0 auto; margin-bottom:20px; width:600px; box-sizing:border-box;}


#sec03 {height:auto; position:relative;}
#sec03 img {position:static; top:0; left:0; margin-left:0; width:100%;}
#sec03 h2 {padding-top:4%; margin-bottom:4%; font-size:30px;}
#sec03 p {top:20%; font-size:16px; line-height:24px;}
#sec04 {width:96%; padding:4% 2%;}
#sec04 h2 {padding-top:0; margin-bottom:0; font-size:35px;}
#sec04 > p {padding-top:15px; margin-bottom:30px; font-size:15px;}
#sec04 ul {width:100%; margin:0;}
#sec04 ul li {padding:2% 0;}
#sec04 ul li .thm {display:block; float:left; width:23%; margin-left:0; margin-right:2%;}
#sec04 ul li .thm img {width:100%; height:auto;}
#sec04 ul li dl {float:left; width:75%;}
#sec04 ul li dl dd p {max-height:auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#sec04 ul li dl dd .more {width:128px; height:30px; margin-top:20px; line-height:30px; font-size:12px;}
#sec05 {width:100%; height:auto; padding:4% 0;}
#sec05 #contactmap {height:400px;}
#sec05 h2 {padding-top:0; margin-bottom:30px; font-size:35px;}
#sec05 .innr {width:96%;}
#sec05 .innr .top {margin-bottom:30px;}
#sec05 .innr .top li {margin:0; margin-left:40px; font-size:16px;}
#sec05 .innr .top li:first-child {margin-left: 0;}
#sec05 .innr .top li strong {padding:0 10px 0 5px;}
#sec05 .innr .bot li {float:none; padding-left:90px; margin-left:0; margin-bottom:15px; position:relative; letter-spacing:-0.05em;}
#sec05 .innr .bot li:first-child {padding-left:90px;}
#sec06 {width:100%; height:auto; padding:4% 0;}
#sec06 h2 {padding-top:0; margin-bottom:30px; font-size:35px;}
#sec06 .innr {width:96%; padding:0; margin:0 auto;}
#sec06 .innr .tb1 tr td label span {width:20%; margin-right:0; text-align:left; padding-left:20px; box-sizing:border-box;}
#sec06 .innr .tb1 tr td label input[type=text] {width:79% !important;}
#sec06 .innr .tb1 tr td label.tit span {width:10%;}
#sec06 .innr .tb1 tr td label.tit input[type=text] {width:89% !important;}
#sec06 .innr .tb1 tr td label.textarea span {width:15%;}
#sec06 .innr .tb1 tr td label.textarea textarea {width:83%;}
#sub .subTop .topImg {display:block; height:auto; position:relative;}
#sub .subTop .topImg img {position:static; margin-left:0; width:100%;}
#sub .subTop h2 {padding-top:30px; font-size:30px;}
#sub .subTop p {padding:10px 0 25px 0;font-size:14px;}
#sub #content {width:100%; padding:0 10px; box-sizing:border-box;}
.ceo {width:100%;}
.__staffWrap .staffList {margin-left:0; text-align:center;}
.__staffWrap .staffList li {float:none; margin:0; margin-bottom:30px; text-align:center;}
.__staffView {padding:30px 30px 30px 230px;}
.__staffView .thm {top:20px; left:20px;}
.__staffView .thm img {width:185px; height:220px;}
.__staffView dl dt {margin-bottom:15px; font-size:16px;}
.__staffView dl dd {font-size:13px;}
.__staffView .right .info {margin-bottom:30px;}
.__staffView .right .info dt {padding-bottom:14px; border-bottom:1px solid #e3e3e3;}
.__staffView .right .info dd br {display:none;}
.__staffView .right .info dt span {font-size:20px;}
.__staffView .right .info dt strong {font-size:30px;}
.__news ul {width:100%; margin:0;}
.__news ul li {padding:2% 0;}
.__news ul li .thm {display:block; float:left; width:23%; margin-left:0; margin-right:2%;}
.__news ul li .thm img {width:100%; height:auto;}
.__news ul li dl {float:left; width:75%;}
.__news ul li dl dd p {max-height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.__news ul li dl dd .more {width:128px; height:30px; margin-top:20px; line-height:30px; font-size:12px;}
.__newsView .top h3 {padding:10px; font-size:18px;}
.__newsView .top ul {padding:10px;}
.__newsView .top ul li {display:inline-block;*display:inline;*zoom:1; padding:0 15px;}
.__newsView .top ul li.rpt {font-size:15px;}
.__newsView .top ul li.dat {font-size:15px;}
.__newsView .viewContents {padding:20px; font-size:13px; line-height:22px;}
.__newsView .viewContents img {margin:10px 0; width:100%;}
.btnWrap {padding:30px 0;}
.__btn.type2 {width:110px; height:40px; line-height:40px; font-size:13px;}
.__btn.type3 {width:110px; height:38px; line-height:38px; font-size:13px;}
.board_btn {margin-bottom:20px;}
.__sch {padding:14px 0; margin-bottom:20px;}
.__sch select {width:100px; height:34px;}
.__sch input[type=text] {width:30%; height:34px; padding:0 10px 0 50px;}
.__sch .schBtn {width:60px; height:34px; line-height:34px; font-size:13px;}
.__tech ul {width:100%;}
.__tech ul li {min-height:auto; padding:30px 0 20px 245px;}
.__tech ul li .thm img {width:180px; height:auto;}
.__tech .tchDl {padding-top:5px;}
.__tech .tchDl dl:after {display:block; content:''; clear:both;}
.__tech .tchDl dl dt {font-size:15px;}
.__tech .tchDl dl dd {font-size:14px;}
.__techView {text-align:center;}
.__techView .top {padding:50px 0; margin-bottom:30px; display:inline-block;}
.__techView .top .thm {float:left; width:370px; height:373px; border:1px solid #ddd; text-align:center; line-height:373px;}
.__techView .top .thm img {max-width:100%;}
.__techView .top .tchDl {float:left; background:#f9f9f9; width:503px; height:263px; border:1px solid #ddd; border-left:none;	padding:110px 25px 0 25px; text-align:left;}
.__techView .tit {display:block; width:170px; height:45px; line-height:45px; text-align:center; background:#a3a6b0; font-size:18px; color:#fff; font-weight:normal; border-radius:5px 5px 0 0;}
.__techView .detail {padding:50px 0; min-height:300px; border-top:1px solid #a3a6b0; border-bottom:1px solid #a3a6b0;}










}
/***************************************************************************
* max-width:1024px
****************************************************************************/
@media all and (max-width:1024px){
#header .hBot .innr .gnb > li > a {padding:0 28px;}
#footer .innr .adr .em1 {display:block;}
#footer .innr .adr .em2 {padding-left:0; background:none;}
#footer .innr .copy {top:120px;}
#main ._mainVis .slogan .s1 {font-size:50px; line-height:55px;}
#main ._mainVis .slogan .s2 {font-size:50px; line-height:55px;}
#main ._mainVis .slogan .s3 {font-size:17px;}
#sec03 h2 {font-size:26px;}
#sec03 p {font-size:14px; line-height:24px;}
#sec06 .innr .tb1 tr td label span {width:23%;}
#sec06 .innr .tb1 tr td label input[type=text] {width:76% !important;}
#sec06 .innr .tb1 tr td label.tit span {width:11%;}
#sec06 .innr .tb1 tr td label.tit input[type=text] {width:88% !important;}
.__techView {text-align:center;}
.__techView .top {padding:50px 0; margin-bottom:30px; display:inline-block;}
.__techView .top .thm {float:left; width:300px; height:300px; border:1px solid #ddd; text-align:center; line-height:300px;}
.__techView .top .thm img {max-width:100%;}
.__techView .top .tchDl {float:left; background:#f9f9f9; width:350px; height:220px; border:1px solid #ddd; border-left:none;	padding:80px 25px 0 25px; text-align:left;}
.__techView .top .tchDl dl {padding-left:140px;}
.__techView .top .tchDl dl dt {font-size:13px;}
.__techView .top .tchDl dl dd {font-size:12px;}
.__techView .tit {display:block; width:120px; height:40px; line-height:40px; text-align:center; background:#a3a6b0; font-size:14px; color:#fff; font-weight:normal; border-radius:5px 5px 0 0;}
.__techView .detail {padding:50px 0; min-height:300px; border-top:1px solid #a3a6b0; border-bottom:1px solid #a3a6b0;}

}
/***************************************************************************
* max-width:930px
****************************************************************************/
@media all and (max-width:930px){
#header .hBot .innr .gnb > li > a {font-size:15px;}
#header .hBot .innr .rMenu > li.li01 > a {padding:0 28px; font-size:15px;}
#sec01 h2 {font-size:30px;}
#sec01 .s1Top li .txt dt {font-size:16px;}
#sec01 .s1Top li .txt dt br {display:none;}
#sec01 .s1Top li .grp {width:200px; height:200px; margin-bottom:30px;}
#sec01 .s1Top li .grp dl dt {font-size:20px;}
#sec01 .s1Top li .grp dl dt strong {font-size:60px;}
#sec01 .s1Top li .grp dl dt span {font-size:65px;}
#sec01 .s1Top li .grp dl dd {font-size:16px;}
#sec01 .s1Top li .grp .rnd {margin-left:-100px; width:100%;}
#sec01 .s1Top li .grp .rnd2 {margin-left:-100px; width:100%;}
#sec04 h2 {font-size:32px;}
#sec04 ul li dl dt .repoter {font-size:14px;}
#sec04 ul li dl dt .date {font-size:14px; }
#sec04 ul li dl dt h3 {padding:8px 0; font-size:18px;}
#sec04 ul li dl dd p {font-size:13px;line-height:20px;}
#sec04 ul li dl dd .more {margin-top:10px;}
.__news ul li dl dt .repoter {font-size:14px;}
.__news ul li dl dt .date {font-size:14px; }
.__news ul li dl dt h3 {padding:8px 0; font-size:18px;}
.__news ul li dl dd p {font-size:13px;line-height:20px;}
.__news ul li dl dd .more {margin-top:10px;}




}
/***************************************************************************
* max-width:851px
****************************************************************************/
@media all and (max-width:851px){
#header .hBot .innr .gnb > li > a {padding:0 18px;}
#header .hBot .innr .rMenu > li.li01 > a {padding:0 18px;}
#main ._mainVis .slogan .s1 {font-size:38px; line-height:42px;}
#main ._mainVis .slogan .s2 {font-size:38px; line-height:42px;}
#main ._mainVis .slogan .s3 {font-size:14px;}
#main ._mainVis .bx-pager {top:58%;}
#main ._mainVis .bx-pager .bx-pager-item {margin-right:5px;}
#main ._mainVis .bx-pager .bx-pager-link {width:7px; height:7px;}
#main ._mainVis .bx-pager .bx-pager-link.active {border:2px solid #fff;}
#main ._mainVis .scroll {width:28px; margin-left: -14px;}
#main ._mainVis .scroll img {width:100%;}
#sec03 h2 {font-size:24px;}
#sec03 p {font-size:12px; line-height:20px;}








}
/***************************************************************************
* max-width:769px
****************************************************************************/
@media all and (max-width:769px){
#header .hBot .innr .gnb > li > a {padding:0 10px; font-size:14px;}
#header .hBot .innr .rMenu > li.li01 > a {padding:0 10px; font-size:14px;}
#main ._mainVis .bx-pager {top:65%;}
#sec01 .s1Bot .innr .roll li h3 {padding-top:30px; margin-bottom:30px; font-size:22px;}
#sec01 .s1Bot .innr .roll .all {display:none;}
#sec01 .s1Bot .innr .roll .mImg {display:block; width:80%; padding:10px 0; margin:0 auto;}
#sec01 .s1Bot .innr .roll li.li02 h3 strong {display:block;}
#sec01 .s1Bot .innr .roll li.li03 h3 em {display:block;}
#sec04 h2 {font-size:28px;}
#sec04 > p {padding-top:15px; margin-bottom:30px; font-size:13px;}
#sec05 #contactmap {height:300px;}
#sec05 h2 {font-size:28px;}
#sec05 .innr .top {margin-bottom:30px;}
#sec05 .innr .top li {font-size:14px;}
#sec05 .innr .top li img {width:34px;}
#sec05 .innr .top li strong {padding:0 10px 0 5px;}
#sec05 .innr .bot li span {font-size:14px; line-height:22px;}
#sec06 h2 {font-size:28px;}



}
/***************************************************************************
* max-width:760px
****************************************************************************/
@media all and (max-width:760px){
/*
#sec01 .s1Top li {float:none; width:100%; margin:0; margin-bottom:50px;}
#sec01 .s1Top li .grp {margin-bottom:10px;}
#sec01 .s1Top li .grp {width:170px; height:170px;}
#sec01 .s1Top li .grp .rnd {margin-left:-85px; width:100%;}
#sec01 .s1Top li .grp .rnd2 {margin-left:-85px; width:100%;}
#sec01 .s1Top li .grp dl dt strong {font-size:50px;}
#sec01 .s1Top li .grp dl dt span {font-size:50px;}
#sec01 .s1Top li .grp dl dd {font-size:14px;}
#sec01 .s1Top {padding-bottom:0;}
*/
#sec03 h2 {padding-top:7%; margin-bottom:3%; font-size:20px;}
#sec03 p {top:81%; font-size:12px; line-height:20px;}
#sec04 ul li dl dt .repoter {font-size:13px;}
#sec04 ul li dl dt .date {font-size:13px; }
#sec04 ul li dl dt h3 {padding:6px 0; font-size:16px;}
#sec04 ul li dl dd p {font-size:12px;line-height:20px;}
#sec04 ul li dl dd .more {margin-top:10px;}
#sec06 .innr .tb1 tr td label span {width:26%; font-size:13px;}
#sec06 .innr .tb1 tr td label input[type=text] {width:73% !important;}
#sec06 .innr .tb1 tr td label.tit span {width:13%;}
#sec06 .innr .tb1 tr td label.tit input[type=text] {width:86% !important;}
#sub .subTop h2 {padding-top:20px; font-size:25px;}
#sub .subTop p {padding:10px 0 20px 0;font-size:14px;}
.staff {display:inline-block;*display:inline;*zoom:1; min-height:220px; width:100%; padding:3% 2% 3% 170px; box-sizing:border-box;}
.staff .thm {width:137px; height:163px; height:auto; top:10%; left:4%;}
.staff dl dt span {font-size:14px;}
.staff dl dt strong {font-size:18px;}
.staff dl dd {height:122px;}
.staff dl dd strong {padding:10px 0;}
.__staffView {padding:30px 30px 30px 160px;}
.__staffView .thm {top:20px; left:20px;}
.__staffView .thm img {width:120px; height:auto;}
.__staffView dl dt {margin-bottom:5px; font-size:15px;}
.__staffView dl dd {font-size:12px; line-height:20px;}
.__staffView .right .info {margin-bottom:20px;}
.__staffView .right .info dt {padding-bottom:14px;}
.__staffView .right .info dt span {font-size:15px;}
.__staffView .right .info dt strong {font-size:26px;}
.__staffView .right .info dd {font-size:12px; line-height:20px;}
.__news ul li dl dt .repoter {font-size:13px;}
.__news ul li dl dt .date {font-size:13px; }
.__news ul li dl dt h3 {padding:6px 0; font-size:16px;}
.__news ul li dl dd p {font-size:12px;line-height:20px;}
.__news ul li dl dd .more {margin-top:10px;}
.board_btn a, .board_btn input {padding:0 10px; height:30px; line-height:30px; font-size:12px;}
#boardwrite .boardwrite_table th {font-size:12px;}
.__tech ul {width:100%;}
.__tech ul li {min-height:auto; padding:15px 0 15px 170px;}
.__tech ul li .thm {top:15px;}
.__tech ul li .thm img {width:125px; height:auto;}
.__tech .tchDl {padding-top:0px;}
.__tech .tchDl dl {margin-bottom:10px; padding-left:160px;}
.__tech .tchDl dl:after {display:block; content:''; clear:both;}
.__tech .tchDl dl dt {font-size:15px;}
.__tech .tchDl dl dd {font-size:14px;}
.__techView {text-align:center;}
.__techView .top {padding:20px 0; margin-bottom:0; display:inline-block;}
.__techView .top .thm {float:none; display:inline-block; width:300px; height:300px; margin-bottom:20px; border:1px solid #ddd; text-align:center; line-height:300px;}
.__techView .top .thm img {max-width:100%;}
.__techView .top .tchDl {float:none; background:#f9f9f9; width:350px; height:155px; border:1px solid #ddd;	padding:30px 25px 0 25px; text-align:left;}
.__techView .top .tchDl dl {padding-left:140px;}
.__techView .top .tchDl dl dt {font-size:13px;}
.__techView .top .tchDl dl dd {font-size:12px;}
.__techView .tit {display:block; width:120px; height:40px; line-height:40px; text-align:center; background:#a3a6b0; font-size:14px; color:#fff; font-weight:normal; border-radius:5px 5px 0 0;}
.__techView .detail {padding:50px 0; min-height:300px; border-top:1px solid #a3a6b0; border-bottom:1px solid #a3a6b0;}
#sec02 h2 {font-size:28px; margin-bottom:10px; padding-top:10px;}
#sec02 > p {font-size:14px; margin-bottom:30px;}
#sec02 > .staff.ceo {width:400px;}
#sec02 .staffWrp2 {display:block; width:400px; margin:0 auto; position:relative;}
#sec02 .staffWrp2 .bx-controls .bx-prev {top:100px; left:-40px; width:28px; height:62px; background-size:100%;}
#sec02 .staffWrp2 .bx-controls .bx-next {top:100px; right:-40px; width:28px; height:62px; background-size:100%;}

}
/***************************************************************************
* max-width:680px
****************************************************************************/
@media all and (max-width:680px){
#sec05 .innr .top li img {display:block; width:24px; margin:5px auto;}
#sec05 .innr .top li strong {display:block; padding:0;}
#sec05 .innr .top li {margin-left:8%;}
#sec05 .innr .top .mail {margin-left:6%;}

#sec01 .s1Top li .grp {width:150px; height:150px; margin-bottom:30px;}
#sec01 .s1Top li .grp dl dt {font-size:16px;}
#sec01 .s1Top li .grp dl dt strong {font-size:40px;}
#sec01 .s1Top li .grp dl dt span {font-size:45px;}
#sec01 .s1Top li .grp dl dd {font-size:13px;}
#sec01 .s1Top li .grp .rnd {margin-left:-75px; width:100%;}
#sec01 .s1Top li .grp .rnd2 {margin-left:-75px; width:100%;}



}
/***************************************************************************
* max-width:640px
****************************************************************************/
@media all and (max-width:640px){
#header .hTop .logo a {font-size:24px;}
#header .hBot .innr .rMenu {top:0; right:0; border-bottom:1px solid #ddd; width:100%; font-size:0; text-align:right;}
#header .hBot .innr .rMenu > li {float:none; display:inline-block;}
#header .hBot .innr .rMenu > li.li01 > a {height:35px; line-height:35px; font-size:13px; text-align:left;}
#header .hBot .innr .rMenu > li.li02 > a {width:100px; height:35px; line-height:35px; font-size:13px; text-align:left;}
#header .hBot .innr .rMenu > li.li02 > ul {top:35px;}
#header .hBot .innr .gnb {width:100%; top:35px; font-size:0; text-align:center;}
#header .hBot .innr .gnb > li {float:none; display:inline-block; width:20%;}
#header .hBot .innr .gnb > li > a {padding:0; height:35px; line-height:35px; font-size:13px; letter-spacing:-0.075em;}
#footer .innr .logo {top:14px; width:100%; text-align:center;}
#footer .innr .adr {position:absolute; top:38px; left:0; width:100%; text-align:center;}
#footer .innr .adr em {padding:0 10px; font-size:12px; letter-spacing:-0.075em; line-height:20px;}
#footer .innr .adr em:first-child {padding-left:0; background:none;}
#footer .innr .copy {width:100%; text-align:center; top:90px; left:0; font-size:12px; letter-spacing:-0.075em;}
#footer .innr .btnList {position:absolute; top:120px; left:0; font-size:0; text-align:center;}
#footer .innr .btnList li {display:inline-block; float:none; margin:0 7px;}
#footer .innr .btnList li a {display:block; width:30px;}
#footer .innr .btnList li a img {width:100%;}
#main ._mainVis .slogan .s1 {font-size:32px; line-height:34px;}
#main ._mainVis .slogan .s2 {font-size:32px; line-height:34px;}
#main ._mainVis .slogan .s3 {font-size:12px; letter-spacing:-0.075em;}
#main ._mainVis .bx-pager {top:70%;}
/* #main ._mainVis .scroll {bottom:10px; width:20px; margin-left: -10px;} */
@keyframes one {0% {bottom:10px} 50% {bottom:20px} 100% {bottom:10px}}
#sec01 h2 {padding-top:45px; margin-bottom:45px; font-size:25px;}
#sec03 p {display:none;}
#sec04 h2 {font-size:26px;}
#sec04 > p {padding-top:10px; margin-bottom:20px;}
#sec06 .innr .tb1 tr td {padding:5px;}
#sec06 .innr .tb1 tr td label span {display:none;}
#sec06 .innr .tb1 tr td label input[type=text] {width:100% !important; padding:0 10px; box-sizing:border-box;}
#sec06 .innr .tb1 tr td label.tit input[type=text] {width:100% !important; padding:0 10px; box-sizing:border-box;}
#sec06 .innr .tb1 tr td label.textarea {height:164px; margin-top:0;}
#sec06 .innr .tb1 tr td label.textarea textarea {width:100%; margin-top:0; padding:10px; box-sizing:border-box;}
/* Webkit */
#sec06 .innr .tb1 tr td label input::-webkit-input-placeholder {font-size:12px;}
#sec06 .innr .tb1 tr td label textarea::-webkit-input-placeholder {font-size:12px;}
/* Firefox 4-18 */
#sec06 .innr .tb1 tr td label input:-moz-placeholder {font-size:12px;}
#sec06 .innr .tb1 tr td label textarea:-moz-placeholder {font-size:12px;}
/* Firefox 19+ */
#sec06 .innr .tb1 tr td label input::-moz-placeholder {font-size:12px;}
#sec06 .innr .tb1 tr td label textarea::-moz-placeholder {font-size:12px;}
/* IE10+ */
#sec06 .innr .tb1 tr td label input:-ms-input-placeholder {font-size:12px;;}
#sec06 .innr .tb1 tr td label textarea:-ms-input-placeholder {font-size:12px;}
.__newsView .top h3 {padding:10px; font-size:14px;}
.__newsView .top ul {padding:10px;}
.__newsView .top ul li {display:inline-block;*display:inline;*zoom:1; padding:0 10px;}
.__newsView .top ul li.rpt {font-size:12px;}
.__newsView .top ul li.dat {font-size:12px;}
.__newsView .viewContents {padding:20px; font-size:13px; line-height:22px;}
.__newsView .viewContents img {margin:10px 0;}
.btnWrap {padding:30px 0;}
.__btn.type2 {width:110px; height:32px; line-height:32px; font-size:12px !important; margin-bottom:5px;}
.__btn.type3 {width:60px; height:30px; line-height:30px; font-size:12px; margin-right:5px !important; margin-bottom:5px;}
.__tech ul {width:100%;}
.__tech ul:after {display:block; content:''; clear:both;}
.__tech ul li {min-height:auto; padding:10px 5px; float:left; width:50%; box-sizing:border-box;}
.__tech ul li .thm {position:static; width:80%; margin:0 auto; margin-bottom:10px;}
.__tech ul li .thm img {width:100%; height:auto;}
.__tech .tchDl {width:80%; margin:0 auto;}
.__tech .tchDl dl {margin-bottom:10px; padding-left:0;}
.__tech .tchDl dl:after {display:block; content:''; clear:both;}
.__tech .tchDl dl dt {font-size:13px; display:none;}
.__tech .tchDl dl dd {font-size:12px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.__sch {padding:14px 0; margin-bottom:20px;}
.__sch > * {margin:0 1px;}
.__sch select {width:78px; height:30px; font-size:11px; padding:0 5px;}
.__sch input[type=text] {width:90px; height:28px; padding:0 10px; background:#fff;}
.__sch .schBtn {width:60px; height:28px; line-height:28px; font-size:13px;}


}
/***************************************************************************
* max-width:490px
****************************************************************************/
@media all and (max-width:490px){
#main ._mainVis .slogan .s1 {font-size:24px; line-height:26px;}
#main ._mainVis .slogan .s2 {font-size:24px; line-height:26px;}
#main ._mainVis .slogan .s3 {width:50%;}
#main ._mainVis .bx-pager {top:85%;}
/* #main ._mainVis .scroll {bottom:10px; width:14px; margin-left: -7px;} */
#sec01 h2 {padding-top:35px; margin-bottom:35px; font-size:20px; display:none;}
#sec01 .s1Top {display:none;}
#sec01 .mSec01 {display:block; width:100%;}
#sec01 .s1Top li .txt dt br {display:block;}
#sec01 .s1Bot .innr .roll li h3 {font-size:16px;}
#sec03 h2 {padding-top:7%; margin-bottom:0; font-size:16px;}
#sec04 {padding:6% 2%;}
#sec04 h2 {font-size:22px;}
#sec04 ul li {padding:4% 0;}
#sec04 ul li .thm {display:block; float:none; width:50%; margin:0 auto;}
#sec04 ul li dl {float:none; width:80%; margin:0 auto; margin-top:3%;}
#sec04 ul li dl dt {text-align:center;}
#sec04 ul li dl dd .more {margin:0 auto; margin-top:4%;}
#sec05 h2 {font-size:24px;}
#sec05 .innr .bot li strong {font-size:12px; line-height:20px;}
#sec05 .innr .bot li span {font-size:12px; line-height:20px;}
#sec05 .innr .bot li {padding-left:70px;}
#sec05 .innr .bot li:first-child {padding-left:70px;}
#sub .subTop h2 {font-size:22px;}
#sub .subTop p {padding:10px 10px 20px 10px;font-size:14px;}
.__staffWrap .staffList li {margin-bottom:10px;}
.__staffWrap .ceo {margin-bottom:10px;}
.staff {min-height:auto;}
.staff .thm {width:62px; top:10px; left:10px;}
.staff {padding:10px 10px 10px 90px;}
.staff dl dd {display:none;}
.__staffView {padding:10px; margin-bottom:30px;}
.__staffView .thm {position:static; text-align:center; display:block; width:100%; height:auto; margin-bottom:10px;}
.__staffView .thm img {width:120px; height:auto;}
.__staffView dl dt {margin-bottom:5px; font-size:15px;}
.__staffView dl dd {font-size:12px;}
.__staffView .right .info {margin-bottom:20px;}
.__staffView .right .info dt {padding-bottom:14px;}
.__staffView .right .info dt span {font-size:15px; text-align:center;}
.__staffView .right .info dt strong {font-size:26px; text-align:center;}
.__staffView .right .info dd {font-size:12px;}
.__news {padding:6% 2%;}
.__news h2 {font-size:22px;}
.__news ul li {padding:4% 0;}
.__news ul li .thm {display:block; float:none; width:50%; margin:0 auto;}
.__news ul li dl {float:none; width:80%; margin:0 auto; margin-top:3%;}
.__news ul li dl dt {text-align:center;}
.__news ul li dl dd .more {margin:0 auto; margin-top:4%;}
.__techView {text-align:center;}
.__techView .top {padding:20px 0; margin-bottom:0; display:inline-block;}
.__techView .top .thm {float:none; display:inline-block; width:100%; height:300px; margin-bottom:20px; border:1px solid #ddd; text-align:center; line-height:300px;}
.__techView .top .thm img {max-width:100%;}
.__techView .top .tchDl {float:none; background:#f9f9f9; width:100%; height:155px; border:1px solid #ddd;	padding:30px 25px 0 25px; text-align:left; box-sizing:border-box;}
.__techView .top .tchDl dl {padding-left:0; margin-bottom:10px;}
.__techView .top .tchDl dl dt {display:none;}
.__techView .top .tchDl dl dd {font-size:13px; text-align:center;}
.__techView .tit {display:block; width:100px; height:40px; line-height:40px; text-align:center; background:#a3a6b0; font-size:14px; color:#fff; font-weight:normal; border-radius:5px 5px 0 0;}
.__techView .detail {padding:50px 0; min-height:300px; border-top:1px solid #a3a6b0; border-bottom:1px solid #a3a6b0;}
#sec02 h2 {font-size:22px;}
#sec02 > p {font-size:13px; margin-bottom:20px;}
#sec02 > .staff.ceo {width:250px;}
#sec02 .staffWrp2 {display:block; width:250px; margin:0 auto; position:relative;}
#sec02 .staffWrp2 .bx-controls .bx-prev {top:36px; left:-23px; width:18px; height:52px; background-size:100%;}
#sec02 .staffWrp2 .bx-controls .bx-next {top:36px; right:-23px; width:18px; height:52px; background-size:100%;}
#main ._mainVis .roll li .web {display:none;}
#main ._mainVis .roll li .mobile {display:block; width:100%;}
#main ._mainVis .slogan {display:none;}
#main ._mainVis .bx-pager {top:38%; left:0;}
#main ._mainVis .bx-pager .bx-pager-item {margin-right:10px;}
#main ._mainVis .bx-pager .bx-pager-link {width:12px; height:12px; background:#00508F;}
#main ._mainVis .bx-pager .bx-pager-link.active {border:2px solid #00508F;}
@keyframes one {0% {bottom:25px} 50% {bottom:35px} 100% {bottom:25px}}


}
/***************************************************************************
* max-width:390px
****************************************************************************/
@media all and (max-width:390px){
#header .hBot .innr .gnb > li > a {font-size:13px; word-break:break-all;}
#footer .innr {height:180px;}
#footer .innr .adr .em4 {display:block; padding-left:0; background:none;}
#footer .innr .copy {top:100px;}
#footer .innr .btnList {top:140px;}
#main ._mainVis .slogan .s1 {font-size:22px; line-height:30px;}
#main ._mainVis .slogan .s2 {font-size:22px; line-height:30px;}
#main ._mainVis .slogan .s3 {width:42%; font-size:11px;}
#sec01 h2 {padding-top:25px; margin-bottom:25px; font-size:17px;}
#sec03 h2 {padding-top:5%; font-size:15px;}






}
/***************************************************************************
* max-width:380px
****************************************************************************/
@media all and (max-width:380px){
#header .hBot .innr .gnb > li {height:35px;}
#header .hBot .innr .gnb > li:before {display:inline-block; content:''; height:100%; width:0px; vertical-align:middle; text-align:center;}
#header .hBot .innr .gnb > li > a {display:inline-block; height:auto; font-size:12px; line-height:17px; word-break:break-all; vertical-align:middle;}
#main ._mainVis .slogan .s1 {font-size:16px; line-height:20px;}
#main ._mainVis .slogan .s2 {font-size:16px; line-height:20px;}
#sec05 .innr .top .mail {display:block; margin-left:0; margin-top:20px;}
#header .hBot .innr .gnb > li > a {font-size:10px;}








}
/***************************************************************************
* max-width:350px
****************************************************************************/
@media all and (max-width:350px){
#sec01 h2 {padding-top:25px; margin-bottom:25px; font-size:15px;}



}