@charset "utf-8";

#piw_wrapper{letter-spacing: -0.025em;color: #333;padding-top: 50px;}


.clear:after{content:'';display: block;clear: both}
.area{width:100%;max-width:1230px;margin:0 auto;position: relative;padding:0 15px}
.small-area{width:100%;max-width:510px;margin:0 auto}

.pc-block{display: none;}

.btn-style-1{display: inline-block;width: 70px;height: 34px;line-height: 32px;border:1px solid #555;text-align: center;font-size: 15px;color: #555;font-weight: 500;text-align: center;}
.btn-style-1.blue{background-color: #0d6fb8;border-color:#0d6fb8;color: #fff;}
.btn-style-2{display: inline-block;width: 90px;height: 34px;line-height: 32px;border:1px solid #555;text-align: center;font-size: 15px;color: #fff;font-weight: 500;text-align: center;background-color: #555;}
.btn-style-2.blue{background-color: #0d6fb8;border-color:#0d6fb8}
.btn-style-3{display: inline-block;width: 100px;height: 40px;line-height: 38px;border:1px solid #555;text-align: center;font-size: 15px;color: #fff;font-weight: 500;text-align: center;background-color: #555;}
.btn-style-4{display: inline-block;width: 80px;height: 40px;line-height: 38px;border:1px solid #555;text-align: center;font-size: 15px;color: #fff;font-weight: 500;text-align: center;background-color: #555;}
.btn-style-5{display: inline-block;width: 120px;height: 40px;line-height: 38px;font-size: 16px;font-weight: 500;background-color: #1c78bc;text-align: center;color: #fff;}

.jg-tab .tab-cont>li{height: 0;overflow: hidden;}
.jg-tab .tab-cont>li.on{height: auto;overflow:visible}

.custom-radio{display:inline-block;font-size: 0;}
.custom-radio i{position: relative;top: 1px;display: inline-block;width: 14px;height: 14px;vertical-align: middle;background-color: #e1e1e1;border-radius:50%}
.custom-radio input{position: absolute;left: -9999px;top:0;visibility: hidden}
.custom-radio input:checked + i{background: #1d79ba;}
.custom-radio span{margin-left: 4px;display: inline-block;vertical-align: middle;color: #858585;}


.custom-select-link{position: relative;display: inline-block;width: 183px;height: 45px;vertical-align: middle;background:rgba(255,255,255,.95) url(../../images/common/ico_arw_down.png) no-repeat right 20px center;background-size:12px;cursor:pointer}
.custom-select-link span{display: block;height: 100%;width:100%;padding-left: 20px;font-size: 15px;line-height: 45px;color: #3b3b3b;font-weight: 500;border:1px solid #e1e1e1;}
.custom-select-link ul{display: none;position: absolute;left: 0;top: 100%;width:100%;border:1px solid #e1e1e1;border-top:0;z-index: 1;background-color: #fff;}
.custom-select-link ul li a{display: block;padding-left: 10px;font-size: 14px;line-height: 30px;}
.custom-select-link ul li a:hover{background-color: #fff;}


.main-title{padding: 60px 0 30px;}
.main-title span{display: block;font-size: 14px;color: #7d7d7d;text-transform: uppercase;font-family:Lato, sans-serif;letter-spacing: 0;}
.main-title strong{display: block;padding-top: 10px;font-size: 25px;font-weight: 700;}
.main-title.white span{color: #fff;opacity: .5;}
.main-title.white strong{color: #fff;}

.btn-detail{display: inline-block;width: 100px;height: 40px;font-size: 14px;font-weight: 300;line-height: 38px;border:1px solid rgba(255,255,255,0.6);text-align: center;color: #fff;text-align: center;}
.btn-detail:hover{border:1px solid rgba(255,255,255,1);}


.table-style-1{width: 100%;overflow: auto;}
.table-style-1 table{width:800px;background-color: #f8f8f8;}
.table-style-1 table tbody tr th,
.table-style-1 table tbody tr td{height: 60px;padding-left: 2.3%;font-size: 16px;line-height: 20px;}
.table-style-1 table tbody tr th{font-weight: 700;border-top:1px solid #135ea6;text-align: left;}
.table-style-1 table tbody tr td{border-top:1px solid #e1e1e1}
.table-style-1 table tbody tr:first-child th{border-top:2px solid #135ea6;}
.table-style-1 table tbody tr:first-child td{border-top:2px solid #e1e1e1;}
.table-style-1 table tbody tr:last-child th{border-bottom:2px solid #135ea6;}
.table-style-1 table tbody tr:last-child td{border-bottom:2px solid #e1e1e1;}
.table-style-1 table tbody tr th.bbg{border-bottom:2px solid #e1e1e1}

.table-style-2{width: 100%;overflow: auto;}
.table-style-2 table{width:800px;height: 100%;border-bottom: 1px solid #e1e1e1;}
.table-style-2.mxw560 table{width: 560px;}
.table-style-2 table thead tr th{padding:9px 0;border-top:2px solid #0756a2;background-color: #f8f8f8;text-align: center;}
.table-style-2 table tbody tr th{border-top:1px solid #e1e1e1}
.table-style-2 table tr th{background-color: #f8f8f8;font-size: 16px;font-weight: 700;line-height: 22px;}
.table-style-2 table tr td{padding:7px 0;border-top:1px solid #e1e1e1;color: #555;font-size: 16px;text-align: center;line-height: 26px;}
.table-style-2 table tr td.vat{vertical-align: top}
.table-style-2 table tr th:first-child,
.table-style-2 table tr td:first-child{text-align: left;padding-left: 30px;}
.table-style-2.tal table tr td{padding-left: 30px;text-align: left;}
.table-style-2.t1c table tr th:first-child,
.table-style-2.t1c table tr td:first-child{text-align: center;padding-left: 0;}



.board-list-style-1{padding-top: 20px;font-size: 0;display:flex;flex-wrap:wrap;}
.board-list-style-1 li{display: inline-block;width: 50%;padding:13px 3px}
.board-list-style-1 li .item{display: block;width:100%;margin:0 auto;position: relative;}
.board-list-style-1 li .item .img{width: 100%;background-position:50%;background-repeat:no-repeat;background-size:cover}
.board-list-style-1 li .item .img img{width: 100%;}
.board-list-style-1 li .item .img.line img{width: 100%;border: 1px solid #e1e1e1;box-sizing: border-box;}
.board-list-style-1 li .item .b-title{padding:15px;border:1px solid #e1e1e1;text-align: center;line-height: 1.4;/*line-height: 44px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;*/border-top:0}

.common-list>li{padding-top:40px}
.common-list>li:first-child{padding-top: 0;}

.board-info-style-2{padding:15px;border:1px solid #c1c1c1}
.board-info-style-2 .board-total-count{display: block;padding-bottom: 10px;font-size: 16px;color: #555;font-weight: 500;line-height:normal;font-family: 'Poppins', sans-serif;}
.board-info-style-2 .board-total-count strong{color: #0d6fb8;}
.board-info-style-2 .board-search-form{position: relative;padding-left: 70px;padding-right: 40px;border:2px solid #0d6fb8}
.board-info-style-2 .board-search-form select{padding-left: 19px;position: absolute;left: 0;top: 0;width: 70px;height: 100%;font-size: 16px;-webkit-appearance: none;border-right:2px solid #0d6fb8;}
.board-info-style-2 .board-search-form select::-ms-expand{display: none;}
.board-info-style-2 .board-search-form input{padding-left: 10px;width: 100%;height: 40px;border:0;font-size: 16px;}
.board-info-style-2 .board-search-form input::placeholder{font-size: 16px;}
.board-info-style-2 .board-search-form a{display: block;position: absolute;right: 0;top: 0;width: 40px;height: 40px;background-color: #0d6fb8;font-size: 0;background:#0d6fb8 url("/_public/images/common/ico_zoom.png") no-repeat 50%;background-size:20px}

.board-list-style-2{padding-top: 30px;}
.board-list-style-2 li{padding-top: 10px;}
.board-list-style-2 li .item{display: block;position: relative;padding:15px;border:1px solid #e1e1e1;background-color: #f8f8f8;}
.board-list-style-2 li .item .b-num{margin-right: 10px;font-family: 'Poppins', sans-serif;}
.board-list-style-2 li .item .answer{color: #0d6fb8;font-family:Noto Sans KR, sans-serif}
.board-list-style-2 li .item .b-title{padding-bottom: 6px;font-weight: 500;}
.board-list-style-2 li .item .b-title a{font-weight: 500;}
.board-list-style-2 li .item .locked{display: inline-block;margin-top:-5px;vertical-align: middle;}
.board-list-style-2 li .item .locked img{width: 12px;margin-right: 8px;}
.board-list-style-2 li .item .b-info{font-size: 15px;color: #858585;line-height: 20px;}
.board-list-style-2 li .item .b-info span{margin-right: 10px;font-size: 15px;color: #858585;}
.board-list-style-2 li .item .right-cell li{float: right;margin-right: 10px;}
.board-list-style-2 li .item .right-cell li:first-child{margin-right: 0;}
.board-list-style-2 li .item .right-cell li .font-red{height: 34px;line-height: 34px;color: #e90101;font-size: 15px;font-weight: 500;}
.board-list-style-2 li .item .btn-cloud{display: block;width: 26px;height: 24px;background:url("/_public/images/common/ico_cloud.png") no-repeat 50%;background-size:26px;font-size: 0;}


.board-list-style-3{padding-top: 20px;font-size: 0;}
.board-list-style-3 li{display: inline-block;width: 50%;padding:13px 3px}
.board-list-style-3 li .item{display: block;width:100%;margin:0 auto;position: relative;}
.board-list-style-3 li .item .img{width: 100%;background-position:50%;background-repeat:no-repeat;background-size:cover}
.board-list-style-3 li .item .img img{width: 100%;}
.board-list-style-3 li .item .b-title{padding:0 15px;border:1px solid #e1e1e1;text-align: center;line-height: 44px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis}

.common-btns{padding-top: 10px;text-align: right;font-size: 0;}
.common-btns.center{text-align: center;}
.common-btns.pt-large{padding-top: 40px;}
.common-btns a{margin-left:10px;}
.common-btns a:first-child{margin-left: 0;}

.customer-wrap .qna-view{border:1px solid #e1e1e1;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);}
.customer-wrap .qna-view .qna-info{display: block;position: relative;padding:15px;border-bottom:1px solid #e1e1e1}
.customer-wrap .qna-view .qna-info .q-title{padding-bottom: 6px;line-height: 20px;font-size: 16px;}
.customer-wrap .qna-view .qna-info .q-info{font-size: 15px;color: #858585;line-height: 20px;}
.customer-wrap .qna-view .qna-info .q-info span{margin-right: 10px;font-size: 15px;color: #858585;}
.customer-wrap .qna-view .qna-info .q-info a{display: block;font-size: 15px;color: #858585;}
.customer-wrap .qna-view .qna-info .q-info a i{position: relative;top: 2px;display: inline-block;width: 17px;height: 16px;margin-right: 5px;background: url(../images/common/ico_cloud.png) no-repeat 50%;background-size:cover}
.customer-wrap .qna-view .qna-dec{padding:15px;line-height: 26px;}


.form-wrap{padding:15px;border:1px solid #c1c1c1;background-color: #f8f8f8;}
.form-wrap .form-title{padding:10px 0 20px;font-size: 35px;font-weight: 500;}
.form-wrap .text-right{text-align: right;}
.form-wrap .box{border:1px solid #e1e1e1}
.form-wrap .row{margin:-10px}
.form-wrap .row>*{margin:10px}
.form-wrap dl{position: relative;padding:10px;border:1px solid #e1e1e1;background-color: #fff;}
.form-wrap dl dt{text-align: left;padding-bottom: 10px;font-size: 16px;letter-spacing: -0.05em;font-weight: 300;}
.form-wrap dl dd{border:1px solid #e1e1e1}
.form-wrap dl dd.inline{border:0;font-size: 0;line-height: 40px;}
.form-wrap input[type='text'],
.form-wrap input[type='password'],
.form-wrap select{height: 40px;padding:0 10px;width:100%}
.form-wrap textarea::placeholder,
.form-wrap input::placeholder{font-size: 16px;color: #353535;}
.form-wrap select{font-size: 16px;background:url(../../_public/images/common/ico_arw_down_blue.png) no-repeat right 20px center;background-size:22px}
.form-wrap textarea{height: 130px;padding:10px;border:1px solid #e1e1e1;background-color: #fff;}
.form-wrap .input-file-box span{display: block;height: 40px;line-height: 38px;padding:0 10px;background:url(../../_public/images/common/ico_file.png) no-repeat right 20px center;background-size:24px;font-size: 16px;text-align: left;}
.form-wrap .input-file-box input{position: absolute;left: -9999px;top: 0;visibility: hidden}
.form-wrap .add-input-wrap{text-align: right;}
.form-wrap .add-input-wrap>div{margin-top: 10px;}
.form-wrap .add-input-wrap>div:first-child{margin-top: 0;}
.form-wrap .add-input-wrap a{display: inline-block;width: 120px;height: 40px;line-height: 40px;margin-top: 5px;background-color: #555555;color: #fff;font-weight: 500;text-align: center;}
.form-wrap .row .mt40{margin-top: 30px !important;}
.form-wrap dl.m-line-one{padding-left: 100px;}
.form-wrap dl.m-line-one dt{position: absolute;left: 10px;top: 10px;}
.form-wrap dl.m-line-one dd{border:0;text-align: right;}
.form-btns{padding-top: 50px;text-align: center;font-size: 0;}
.form-btns a{display: inline-block;width: 120px;height: 60px;line-height: 60px;text-align: center;color: #fff;font-size: 16px;font-weight: 500;margin-left: 20px;background-color: #555;}
.form-btns a:first-child{margin-left: 0;}
.form-btns a:hover{background-color: #1d65aa;}
.form-wrap .box.addr,
.form-wrap dl.addr dd{position: relative;padding-right: 120px;}
.form-wrap .box.addr a,
.form-wrap dl.addr dd a{width: 120px;height: 100%;line-height: 38px;font-size: 16px;font-weight: 500;position: absolute;right: 0;top: 0;background-color: #2196d3;text-align: center;color: #fff;}
.form-wrap dl dd .custom-radio{margin-left: 17px;vertical-align: middle}
.form-wrap dl dd .custom-radio:first-child{margin-left: 0;}
.form-wrap dl.email-yn{border:0;background:transparent}
.form-wrap .note{position: relative;padding:15px;border:1px solid #e1e1e1;background-color: #fff;}
.form-wrap .note .n-title{padding-bottom: 15px;font-weight: 500;letter-spacing: -0.05em;border-bottom:1px solid #e1e1e1}
.form-wrap .note .n-cont{margin-top: 15px;height:130px;overflow:auto}
.form-wrap .note .custom-radio{position: absolute;right: 15px;top: 15px;}

.page-wrap{padding-top: 50px;text-align: center;font-size: 0;}
.page-wrap>*{display: inline-block;margin-left: 6px;vertical-align: middle;}
.page-wrap>*:first-child{margin-left: 0;}
.page-wrap>span,
.page-wrap>a{width: 30px;font-size: 16px;padding:7px 0;text-align: center;}
.page-wrap>span{background-color: #0d6fb8;color: #fff;}
.page-wrap img{width: 24px;}

.form-wrap3{padding:15px;border:1px solid #e1e1e1;background-color: #f8f8f8;}
.form-wrap3 .form-title{padding:10px 0 20px;font-size: 35px;font-weight: 500;}
.form-wrap3 .text-right{text-align: right;}
.form-wrap3 .box{border:1px solid #e1e1e1}
.form-wrap3 .row{margin:-10px}
.form-wrap3 .row>*{margin:10px}
.form-wrap3 dl{position: relative;padding:10px;border:1px solid #e1e1e1;background-color: #fff;}
.form-wrap3 dl dt{text-align: left;padding-bottom: 10px;font-size: 16px;letter-spacing: -0.05em;font-weight: 300;}
.form-wrap3 dl dd{border:1px solid #e1e1e1}
.form-wrap3 dl dd.inline{border:0;font-size: 0;line-height: 40px;}
.form-wrap3 input[type='text'],
.form-wrap3 input[type='password'],
.form-wrap3 select{height: 40px;padding:0 10px;width:100%}
.form-wrap3 input::placeholder{font-size: 16px !important;color: #353535 !important;}
.form-wrap3 textarea::placeholder{font-size: 16px !important;color: #353535 !important;}
.form-wrap3 select{font-size: 16px;background:url(../../_public/images/common/ico_arw_down_blue.png) no-repeat right 20px center;background-size:22px}
.form-wrap3 textarea{height: 130px;padding:10px;border:1px solid #e1e1e1;background-color: #fff;}
.form-wrap3 .input-file-box span{display: block;height: 40px;line-height: 38px;padding:0 10px;background:url(/_public/images/common/ico_file.png) no-repeat right 20px center;background-size:24px;font-size: 16px;text-align: left;}
.form-wrap3 .input-file-box input{position: absolute;left: -9999px;top: 0;visibility: hidden}
.form-wrap3 .add-input-wrap{text-align: right;}
.form-wrap3 .add-input-wrap>div{margin-top: 10px;}
.form-wrap3 .add-input-wrap>div:first-child{margin-top: 0;}
.form-wrap3 .add-input-wrap a{display: inline-block;width: 120px;height: 40px;line-height: 40px;margin-top: 5px;background-color: #555555;color: #fff;font-weight: 500;text-align: center;}
.form-wrap3 .row .mt60{margin-top: 60px;}
.form-wrap3 dl.m-line-one{padding-left: 100px;}
.form-wrap3 dl.m-line-one dt{position: absolute;left: 10px;top: 10px;}
.form-wrap3 dl.m-line-one dd{border:0;text-align: right;}
.form-wrap3 .form-btns{padding-top: 50px;text-align: center;font-size: 0;}
.form-wrap3 .form-btns a{display: inline-block;width: 120px;height: 60px;line-height: 60px;text-align: center;color: #fff;font-size: 16px;font-weight: 500;margin-left: 10px;background-color: #858585;}
.form-wrap3 .form-btns a:first-child{margin-left: 0;}
.form-wrap3 .form-btns a.blue{background-color: #1c78bc;}
.form-wrap3 .box.addr,
.form-wrap3 dl.addr dd{position: relative;padding-right: 120px;}
.form-wrap3 .box.addr a,
.form-wrap3 dl.addr dd a{width: 120px;height: 100%;line-height: 38px;font-size: 16px;font-weight: 500;position: absolute;right: 0;top: 0;background-color: #1c78bc;text-align: center;color: #fff;}
.form-wrap3 dl dd .custom-radio{margin-left: 17px;vertical-align: middle}
.form-wrap3 dl dd .custom-radio:first-child{margin-left: 0;}
.form-wrap3 dl.email-yn{border:0;background:transparent}
.form-wrap3 .note{position: relative;padding:15px;border:1px solid #e1e1e1;background-color: #fff;}
.form-wrap3 .note .n-title{padding-bottom: 15px;font-weight: 500;letter-spacing: -0.05em;border-bottom:1px solid #e1e1e1}
.form-wrap3 .note .n-cont{margin-top: 15px;height:130px;overflow:auto}
.form-wrap3 .note .custom-radio{position: absolute;right: 15px;top: 15px;}

@media all and (min-width: 525px) {

  .form-wrap3{padding:50px}
  .form-wrap3 .form-title{padding:0 0 49px}
  .form-wrap3 .row{margin:-20px}
  .form-wrap3 .row>*{margin:20px}
  .form-wrap3 dl{padding: 0 0 0 200px;}
  .form-wrap3 dl dt{position: absolute;left: 0;top: 0;width: 200px;line-height: 58px;padding-left: 35px;padding-bottom: 0;}
  .form-wrap3 dl dd{border:0}
  .form-wrap3 dl dd.inline{line-height: 58px;}
  .form-wrap3 input[type='text'],
  .form-wrap3 input[type='password'],
  .form-wrap3 select{height: 58px;}
  .form-wrap3 textarea{padding:20px}
  .form-wrap3 dl dd.box{padding:21px 20px}
  .form-wrap3 dl.m-line-one{padding-left: 200px;}
  .form-wrap3 dl.m-line-one dt{left: 0;top: 0;}
  .form-wrap3 .input-file-box span{height: 58px;line-height: 58px;}
  .form-wrap3 .add-input-wrap a{height: 60px;line-height: 60px;}
  .form-wrap3 dl.dt-long{padding-left: 240px;}
  .form-wrap3 dl.dt-long dt{width: 240px;}
  .form-wrap3 .box.addr a,
  .form-wrap3 dl.addr dd a{line-height: 58px;}
  .form-wrap3 .form-btns a{width: 130px;}

}





@media all and (min-width: 768px) {


}

@media all and (min-width: 772px) {

  .recom-tag-list{max-width:742px}
}


@media all and (min-width: 1024px) {
  body{padding-top: 0;}
  .form-wrap3 .row{font-size: 0;margin: -10px;}
  .form-wrap3 .row>*{margin:10px;display: inline-block;width:calc(50% - 20px);margin:10px;vertical-align: middle;}
  .form-wrap3 .row .w100{width: calc(100% - 20px);;}

}

.gnb-wrap{position: fixed;left: 0;top: 0;width: 100%;z-index: 50;background-color: #fff;}
.gnb-wrap .snb{display: none;}
.gnb-wrap .top{position: relative;}
.gnb-wrap .top .menu-btn{position: absolute;right: 15px;top: 50%;width: 40px;height: 40px;margin-top: -20px;}
.gnb-wrap .top .menu-btn span{display: block;width: 15px;height: 2px;position: absolute;left: 50%;top: 50%;margin-left: -7px;background-color: #343434;}
.gnb-wrap .top .menu-btn span:first-child{margin-top: -7px;}
.gnb-wrap .top .menu-btn span:first-child+span{margin-top: -1px;}
.gnb-wrap .top .menu-btn span:last-child{margin-top: 5px;}
.gnb-wrap .top .snb{display: none;}
.gnb-wrap .logo{width: 210px;height: 50px;margin-top:23px;}
.gnb-wrap .logo a{display: block;width: 100%;height: 100%;background: url(../../images/common/logoeng.png) no-repeat 50%;background-size:100%;font-size: 0;}
.gnb-wrap .gnb{display: none;}
.gnb-wrap .gnb li > a{padding:33.5px 0;height: 103px;}
.gnb-wrap .gnb li .dropdown{position:absolute;display: none;width:240px;text-align: center;padding:0 20px;z-index:100;height: 400px;}
.gnb-wrap .gnb li .dropdown h4{padding:20px 0;font-sizE:18px;color:#fff;font-weight:bold;border-bottom:2px solid #0756a2;}
.gnb-wrap .gnb li .dropdown a{display: block;font-size: 15px;color:#fff;margin-top:20px;font-weight:400;opacity: 0.8;}
.gnb-wrap .gnb li .dropdown a:hover{color:#2196d3;}
.gnb-wrap .gnb li:nth-child(1) .dropdown{left:0px;}
.gnb-wrap .gnb li:nth-child(2) .dropdown{left:240px;}
.gnb-wrap .gnb li:nth-child(3) .dropdown{left:480px;}
.gnb-wrap .gnb li:nth-child(4) .dropdown{left:720px;}
.gnb-wrap .gnb li:nth-child(5) .dropdown{left:960px;}
.gnb-wrap .gnb-bg{display:none;position: absolute;width: 100%;height: 400px;background: rgba(0,0,0,0.7);z-index: 10;top: 132px;}
.m-menu-wrap{position: fixed;left: 0;top: 0;width: 100%;height: 0;background-color:rgba(0,0,0,.8);z-index: 100;-webkit-transition:opacity .3s, height 0s .3s;transition:opacity .3s, height 0s .3s;opacity: 0;overflow: hidden;}
.m-menu-wrap.on{height: 100%;opacity: 1;transition:opacity .3s, height 0s 0s;}
.m-menu-wrap .menu-con{position: relative;width: 214px;height: 100%;padding-top: 27px;background-color: #fff;-webkit-transform: translateX(-249px);transform: translateX(-249px);-webkit-transition:-webkit-transform .5s;transition:transform .5s}
.m-menu-wrap.on .menu-con{-webkit-transform: translateX(0);transform: translateX(0);}
.m-menu-wrap .menu-con .logo{width: 140px;margin:0 auto;padding-bottom: 30px;}
.m-menu-wrap .menu-con .logo a{display: block;width: 140px;height: 58px;background: url(../../images/common/logo.png) no-repeat 50%;background-size:100%;font-size: 0;}
.m-menu-wrap .menu-con .lng a{float: left;display: block;width: 50%;height: 30px;line-height: 30px;color: #fff;background: #858585;font-size: 14px;text-align: center;}
.m-menu-wrap .menu-con .lng a.on{background-color: #2196d3;}
.m-menu-wrap .menu-con .snb{overflow: hidden;width: 175px;margin:0 auto 30px}
.m-menu-wrap .menu-con .snb li{float: left;border:1px solid #c2c2c2;border-left:0}
.m-menu-wrap .menu-con .snb li:first-child{border-left: 1px solid #c2c2c2;}
.m-menu-wrap .menu-con .snb li a{display: block;width: 86px;height: 28px;line-height: 28px;text-align: center;color: #666;font-size: 10px;}
.m-menu-wrap .menu-con .gnb{position:relative;}
.m-menu-wrap .menu-con .gnb li{border-bottom:1px solid #f3f3f3}
.m-menu-wrap .menu-con .gnb li > a{position:relative;display: block;width: 100%;height: 32px;padding-left: 28px;line-height: 32px;font-size: 12px;color: #666;}
.m-menu-wrap .menu-con .gnb li > a:after{content: "";display: inline-block;width:10px;height:10px;position: absolute;top:10px;right:15px;background: url(/_public/images/common/off.png) no-repeat;background-size: cover;}
.m-menu-wrap .menu-con .gnb li > a.on:after{top:13px;width:10px;height: 6px;background: url(/_public/images/common/on.png) no-repeat;background-size: cover;}
.m-menu-wrap .menu-con .gnb li .dropdown{display:none;background:#f9f9f9;padding:20px 30px;}
.m-menu-wrap .menu-con .gnb li .dropdown a{display: block;font-size:12px;color:#202020;margin-top:10px;}
.m-menu-wrap .menu-con .gnb li .dropdown a:first-child{margin-top:0;}

.m-menu-wrap .menu-con .menu-close{width: 35px;height: 35px;position: absolute;right: -35px;top: 0;background:#000 url(../../images/common/ico_x.svg) no-repeat 50%;font-size: 0;}

@media all and (max-width: 1024px) {
  .gnb-wrap .logo{margin-top:0 !important;}
}

footer{border-top:1px solid #e1e1e1}
footer .top{padding:40px 0}
footer .top .logo{display: block;width: 180px;height: 58px;background: url(../../images/common/logo2.png) no-repeat 50%;background-size:100%;margin:0 auto;font-size: 0;}
footer .top .foot-info{padding-top: 20px;}
footer .top .foot-info li{padding-top: 15px;font-size: 15px;color: #666670;text-align: center;line-height: 18px;}
footer .top .foot-info li:first-child{padding-top: 0;}
footer .top .custom-select-link{display: block;margin:20px auto 0}
footer .btm{padding:15px 0;background: #464646;}
footer .btm .fnb{text-align: center;text-align: center;}
footer .btm .fnb li{display: inline-block;margin-left: 5px;}
footer .btm .fnb li:first-child{margin-left: 0;}
footer .btm .fnb li a{color: #fff;font-size: 14px;}
footer .btm p{padding-top: 10px;color: #a19f9f;text-align: center;font-size: 12px;}


.main-pb{padding-bottom: 60px;}

.main-wrap{position: relative;}
.main-wrap .swiper-main-slider{position: relative;overflow: hidden;}
.main-wrap .swiper-main-slider .swiper-slide{height: 400px;}
.main-wrap .swiper-main-slider .swiper-slide .item{position: absolute;left: 50%;top: 50%;padding:0 15px;width:100%;max-width:1230px;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);text-align: center;}
.main-wrap .swiper-main-slider .swiper-slide .item>*{display: block;}
.main-wrap .swiper-main-slider .swiper-slide{background: no-repeat 50%;background-size:cover}
.main-wrap .swiper-main-slider .swiper-slide.s1{background-image:url(../../images/main/slide_1.jpg)}
.main-wrap .swiper-main-slider .swiper-slide.s2{background-image:url(../../images/main/slide_2.jpg)}
.main-wrap .swiper-main-slider .swiper-slide.s3{background-image:url(../../images/main/slide_3.jpg)}
.main-wrap .swiper-main-slider .swiper-slide .t1{color: #fff;font-size: 14px;font-weight: 300;opacity: 0;text-transform: uppercase; -webkit-transform:translateX(50px);transform:translateX(50px);-webkit-transition:-webkit-transform .3s .3s, opacity .3s .3s;transition:transform .3s .3s, opacity .3s .3s;font-family:Lato, sans-serif;}
.main-wrap .swiper-main-slider .swiper-slide .t2{padding:15px 0 20px;color: #fff;font-size: 30px;font-weight: 700;line-height: normal;opacity: 0;-webkit-transform:translateX(50px);transform:translateX(50px);-webkit-transition:-webkit-transform .3s .6s, opacity .3s .6s;transition:transform .3s .6s, opacity .3s .6s}
.main-wrap .swiper-main-slider .swiper-slide .t3{color: #fff;font-size: 14px;line-height: normal;opacity: 0;-webkit-transform:translateX(50px);transform:translateX(50px);-webkit-transition:-webkit-transform .3s .9s, opacity .3s .9s;transition:transform .3s .9s, opacity .3s .9s}
.main-wrap .swiper-main-slider .swiper-slide.swiper-slide-active .t1{opacity: 1;-webkit-transform:translateX(0);transform:translateX(0)}
.main-wrap .swiper-main-slider .swiper-slide.swiper-slide-active .t2{opacity: 1;-webkit-transform:translateX(0);transform:translateX(0)}
.main-wrap .swiper-main-slider .swiper-slide.swiper-slide-active .t3{opacity: 1;-webkit-transform:translateX(0);transform:translateX(0)}
.main-wrap .swiper-main-slider .swiper-slide.swiper-slide-active a{opacity: 1;-webkit-transform:translateX(0);transform:translateX(0)}
.main-wrap .swiper-main-slider .swiper-main-slider-pagination{position: absolute;left: 0;bottom: 30px;width: 100%;z-index: 10;line-height:0;text-align: center;}
.main-wrap .swiper-main-slider .swiper-main-slider-pagination span{position: relative;width: 50px;height: 4px;margin:0 5px;background-color: #fff;border-radius:0;opacity: 1;}
.main-wrap .swiper-main-slider .swiper-main-slider-pagination .swiper-pagination-bullet-active{background-color:#2196d3}
.main-wrap .swiper-main-slider .swiper-control{display: none;}


.main-product{position: relative;}
.main-product:after{content:'';position: absolute;left: 0;bottom: 0;width: 100%;height: 50%;background-color: #e8eff6;z-index: -1;}
.main-product ul li{margin-top: 10px;position: relative;}
.main-product ul li:after{content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: .5;}
.main-product ul li:first-child{margin-top: 0;}
.main-product ul li.li1{background:url(../../images/main/pro_01.jpg) no-repeat 50%;background-size:cover}
.main-product ul li.li2{background:url(../../images/main/pro_02.jpg) no-repeat 50%;background-size:cover}
.main-product ul li.li3{background:url(../../images/main/pro_03.jpg) no-repeat 50%;background-size:cover}
.main-product ul li .pro-item{position: relative;z-index: 1;padding: 15px;}
.main-product ul li .pro-item .p-eng{color: #fff;font-size: 14px;font-family:Lato, sans-serif;font-weight: 300;text-transform:uppercase}
.main-product ul li .pro-item .p-tit{padding-top: 5px;font-size: 16px;font-weight: 700;color: #fff;}
.main-product ul li .pro-item a{position: absolute;right: 15px;top: 50%;margin-top: -20px;}
.main-product ul li .pro-sub{display: none;}
.main-product .pro-ment{padding:30px 0 10px;font-size: 16px;line-height: 22px;text-align: center;}
.main-product .pro-name{font-size: 18px;text-align: center;color: #555;font-family:Lato, sans-serif;font-weight: 300;}
.main-product .pro-name strong{font-weight: 700;color: #1b64a9;}


.main-machinery{background:url(../../images/main/mac_bg.jpg) no-repeat 50%;background-size:cover}
.main-machinery ul li{position: relative;max-width:380px;height: 300px;margin: 10px auto 0;}
.main-machinery ul li:after{content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;border:1px solid #fff;opacity: 1;box-sizing:border-box}
.main-machinery ul li .mac-item{position: absolute;left: 0;top: 50%;width: 100%;padding:0 15px;text-align: center;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 1;}
.main-machinery ul li .mac-item .m-title{font-size: 22px;font-weight: 500;color: #fff;}
.main-machinery ul li .mac-item .m-count{padding:10px 0 18px;font-size: 15px;color: #e9e9e9;}
.main-machinery ul li .mac-item .m-count strong{margin-right: 6px;font-size: 60px;color: #1c8bf4;}
.main-machinery ul li .mac-item .m-dec{font-size: 16px;line-height: 26px;color: #e9e9e9;}
.main-machinery ul li .mac-item .btn-detail{margin-top: 25px;}


.main-peference{position: relative;background-color: #2196d3;}
.main-peference .pef-dec{padding-bottom: 80px;font-size: 20px;font-weight: 300;line-height: 28px;color: #fff;}
.main-peference ul{max-width: 466px;}
.main-peference ul li{float: left;border-left:1px solid #90cbe9;width:33.3333%}
.main-peference ul li:first-child{border-left: 0;}
.main-peference ul li .img{height: 72px;}
.main-peference ul li.li1 .img{background:url(../../images/main/pef_01.png) no-repeat 50%;background-size:35px}
.main-peference ul li.li2 .img{background:url(../../images/main/pef_02.png) no-repeat 50%;background-size:35px}
.main-peference ul li.li3 .img{background:url(../../images/main/pef_03.png) no-repeat 50%;background-size:35px}
.main-peference ul li span{display: block;text-align: center;color: #fff;font-size: 18px;}
.main-peference .area{padding-bottom: 60px;}
.main-peference .btn-detail{margin-top: 60px;width: 170px;}
.main-peference .pef-img{padding-top: 100%;background: url(../../images/main/pre_img.jpg) no-repeat 50%;background-size:cover}

.main-promotion .video-area iframe{display: block;width: 100%;height: 400px;}

.main-customer{background-color: #f8f8f8;}
.main-customer .main-board-container{overflow: hidden;}
.main-customer .item{-webkit-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;padding:15px;border:1px solid #e1e1e1;background-color: #fff;}
.main-customer .item:hover{border-color:#1b64a9}
.main-customer .item .b-label{display: block;width: 74px;height: 31px;line-height: 31px;background-color: #ffa409;text-align: center;color: #fff;font-size: 14px;font-weight: 700;}
.main-customer .item .b-label.blue{background-color: #1d65aa;}
.main-customer .item .b-title{padding:19px 0 17px;font-size: 20px;font-weight: 700;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.main-customer .item .b-dec{font-size: 16px;color: #555;line-height: 26px;}
.main-customer .item .b-date{padding-top: 38px;font-size: 14px;color: #555;}
.main-customer .main-board-slider-pagination{padding-top: 40px;text-align: center;}
.main-customer .main-board-slider-pagination span{width: 13px;height: 13px;margin:0 6px !important;border:3px solid #464646;background:transparent;opacity: 1;}
.main-customer .main-board-slider-pagination span.swiper-pagination-bullet-active{background-color: #464646;}

.main-location{padding:60px 0 0}
.main-location p{padding-bottom: 60px;font-size: 35px;font-weight: 700;line-height: 45px;color: #3d3f46;}
.main-location .map-img{}
.main-location  .root_daum_roughmap{width:100%}
.main-location .root_daum_roughmap .wrap_map{width:100%;height:368px}



.sub-visual{padding-top: 70px;height:300px;background-position:50%;background-repeat:no-repeat;background-size:cover;text-align: center;}
.sub-visual.company{background-image: url(../../images/sub/company.jpg)}
.sub-visual.pro{background-image: url(../../images/sub/product.jpg)}
.sub-visual.resource{background-image: url(../../images/sub/resource.jpg)}
.sub-visual.inquiry{background-image: url(../../images/sub/inquiry.jpg)}
.sub-visual.customer{background-image: url(../../images/sub/customer.jpg)}
.sub-visual  .area{height: 100%;}
.sub-visual h2{font-size: 30px;font-weight: 700;letter-spacing: -0.05em;color: #fff;}
.sub-visual p{padding:18px 0 55px;font-weight: 300;font-size: 16px;color: #fff;line-height: 20px;}
.sub-visual .sv-nav{white-space: nowrap}
.sub-visual .sv-nav a{color: #fff;display: inline-block;vertical-align: middle;font-weight: 300;}
.sub-visual .sv-nav a i{display: inline-block;width: 22px;height: 15px;position: relative;top: 1px;}
.sub-visual .sv-nav a i.l{margin-right: 10px;background:url(../../images/common/sub_arw_left.png) no-repeat 50%; background-size:100%}
.sub-visual .sv-nav a i.r{margin-left: 10px;background:url(../../images/common/sub_arw_right.png) no-repeat 50%; background-size:100%}
.sub-visual .sv-nav span{position: relative;top: 2px;display: inline-block;width: 1px;height: 14px;margin:0 19px;background-color: #fff;opacity: .7;vertical-align: middle;}

.location-nav{max-width:1200px;margin:0 auto;font-size: 0;}
.location-nav .home{display: none;width: 45px;height: 45px;vertical-align: middle;background:rgba(255,255,255,.95) url(../../images/common/ico_home.svg) no-repeat 50%;background-size:13px;border-right:1px solid #e5e5e5;border-left: 1px solid #e5e5e5;}
.location-nav .depth{position: relative;display: inline-block;width: 50%;height: 45px;vertical-align: middle;background:rgba(255,255,255,.95) url(../../images/common/loc_arw.png) no-repeat right 10px center;background-size:20px;cursor:pointer;border-right:1px solid #e5e5e5}
.location-nav .depth span{display: block;height: 100%;width:100%;padding: 0 10px;font-size: 13px;line-height: 45px;}
.location-nav .depth ul{display: none;position: absolute;left: 0;top: 100%;width:100%;background-color: #fff;z-index: 1;}
.location-nav .depth ul li a{display: block;padding-left: 10px;font-size: 13px;line-height: 30px;}
.location-nav .depth ul li a:hover{background-color: #fff;}
.location-nav .home + .depth + .depth span{font-weight: 700;color: #333;}


.sub-content{padding-bottom: 100px;border-top:1px solid #e5e5e5}

.sub-title{padding:50px 0;font-size: 30px;font-weight: 700;}
.sub-title i{position: relative;top: -7px;display: inline-block;width: 8px;height: 8px;margin-left: 5px;border-radius:50%}
.sub-title i.i1{margin-left: 13px;background-color: #2196d3;}
.sub-title i.i2{background-color: #4dabdc;}
.sub-title i.i3{background-color: #90cae9;}


.about .about-title{font-size: 40px;color: #1d65aa;line-height:normal;font-family:Lato, sans-serif;font-weight: 700;}
.about .about-title span{color: #333;font-size: 40px;font-family:Lato, sans-serif;font-weight: 700;}
.about .about-dec{padding-bottom: 60px;padding-top: 40px;font-size: 16px;line-height: 26px;color: #555;word-break: keep-all}
.about .sign{margin-bottom: 80px;float:right}
.about .sign p{padding-bottom: 18px;font-size: 16px;font-weight: 300;color: #555;}
 .about img { width:100%; }

.history .history-visual{position: relative;height: 280px;background: url(../../images/company/history_visual.jpg) no-repeat 50%;}
.history .history-visual p{position: absolute;left: 0;top: 50%;width: 100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);15px;font-size: 24px;line-height: 34px;text-align: center;color: #fff;font-family:Lato, sans-serif;font-weight:700}
.history .history-list{padding-top: 60px;}
.history .history-list .hl-title{padding:0 28px;background-color: #555;line-height: 60px;border-radius:5px}
.history .history-list .hl-title span{margin-right: 30px;font-size: 20px;font-family: Lato, sans-serif;font-weight: 300;color: #fff;vertical-align: middle;}
.history .history-list .hl-title strong{font-size: 28px;font-family: Lato, sans-serif;font-weight: 700;color: #fff;vertical-align: middle;}
.history .history-list ul{padding:15px 15px 0}
.history .history-list ul li{padding-left: 30px;position: relative;font-size: 16px;color: #555;line-height: 26px;margin-top: 10px;}
.history .history-list ul li:first-child{margin-top: 0;}
.history .history-list ul li span{position: absolute;left: 0;top: 0;font-weight: 500;line-height: 26px;}

.organization .organ-list{width:100%;max-width:225px;margin:0 auto}
.organization .item{display: inline-block;width:100%;max-width:175px;height: 60px;line-height: 58px;font-size: 18px;text-align: center;background-color: #e7e7e7;border:1px solid #a1a1a1}
.organization .item.blue{color: #fff;font-weight: 700;background-color: #1c65aa;border-color:#1c65aa}
.organization .item.sky{color: #fff;font-weight: 700;background-color: #2196d3;border-color:#2196d3}
.organization .top{position: relative;padding-bottom: 80px;}
.organization .top:after{position: absolute;left: 25px;bottom: 0;content: '';display: block;width: 1px;height: 80px;background-color: #c1c1c1;}
.organization .mid{position: relative;padding-bottom: 50px;}
.organization .mid:after{position: absolute;left: 25px;bottom: 0;content: '';display: block;width: 1px;height: 50px;background-color: #c1c1c1;}
.organization ul{position: relative;}
.organization ul:after{position: absolute;left: 25px;top: 0;content: '';display: block;width: 1px;height: calc(100% - 30px);background-color: #c1c1c1;}
.organization ul li{position: relative;margin-top: 20px;padding-left: 50px;}
.organization ul li:first-child{margin-top: 0;}
.organization ul li:after{position: absolute;left: 25px;bottom: 50%;content: '';display: block;width: 25px;height: 1px;background-color: #c1c1c1;}

.technology .tec-title{position: relative;font-size: 20px;font-weight: 700;padding-left: 29px;margin-bottom: 10px;}
.technology .tec-title:after{content: '';display: block;position: absolute;left: 0;top: 50%;width: 20px;height: 1px;background-color: #1d65aa;}
.technology .tec-title.pt{margin-top: 65px;}
.technology .tec-title-2{padding:60px 0 20px;font-size: 16px;font-weight: 700;}
.technology .tec-list{margin-top: 40px;}
.technology .tec-list.mt0{margin-top: 0;}
.technology .tec-list dt{background-color: #555;text-align: center;font-size: 16px;font-weight: 700;line-height: 50px;color: #fff;}
.technology .tec-list dd{padding: 20px;border-bottom:1px solid #e1e1e1;font-size: 16px;line-height: 20px;color: #555;}
.technology .tec-list dd span{display: block;font-size: 16px;padding-bottom: 6px;color: #555;}

.contactus .map{}
.contactus .map  .root_daum_roughmap{width:100%}
.contactus .map .root_daum_roughmap .wrap_map{width:100%;height:268px}
.contactus dl{margin-top: 60px;}
.contactus dl dd{position: relative;padding:18px 15px 18px 80px;border-bottom:1px solid #e1e1e1;font-size: 16px;line-height: 20px;}
.contactus dl dt + dd{border-top: 2px solid #e1e1e1;}
.contactus dl dd:last-child{border-bottom: 2px solid #e1e1e1;}
.contactus dl dd span{position: absolute;left: 15px;top: 0;display: block;width: 70px;font-size: 18px;font-weight: 700;line-height: 57px;}


.product .pro-title{font-size: 20px;font-weight: 700;}
.product .pro-title2{font-size: 18px;font-weight: 900;padding: 40px 0 15px;}
.product .pro-ul-style li{position: relative;padding-left: 30px;font-size: 16px;color: #555;line-height: 26px;}
.product .pro-ul-style li:after{content: '';display: block;position: absolute;left: 0;top: 50%;width: 20px;height: 1px;background-color: #0756a2;}
.product .p-note{padding-top: 16px;color: #555;line-height: 26px;}
.product .pro-dl-img dt{margin-bottom: 20px;padding-left: 20px;line-height: 40px;background-color: #0756a2;font-size: 15px;color: #fff;letter-spacing: normal;}
.product .pro-dl-img dd img{width: 100%;}
.product .pro-dl-img dd.two-img{font-size: 0;}
.product .pro-dl-img dd.two-img img{width: calc(50% - 10px);}
.product .pro-dl-img dd.two-img img:first-child{margin-right: 20px;}
.product .pro-dl-img.txt dt{margin-bottom: 0;}
.product .pro-dl-img.txt dd{padding:10px 24px;background-color: #f8f8f8;line-height: 30px;color: #555;}


.product .pro-nav{padding-bottom: 30px;}
.product .pro-nav li{float: left;width:50%;}
.product .pro-nav.li3 li{width: 100%;}
.product .pro-nav li a{display: block;text-align: center;font-weight: 700;line-height: 40px;background-color: #f8f8f8;border:1px solid #e1e1e1;font-size: 14px;}
.product .pro-nav li.on a{background-color: #0756a2;color: #fff;border:1px solid #0756a2 !important}
.product .pro-nav li:nth-child(3) a{border-top:0;border-right:0}
.product .pro-nav.li3 li:nth-child(3) a{border-right:1px solid #e1e1e1}
.product .pro-nav li:nth-child(4) a{border-top:0;}


.guide h5 {margin-top: 3rem;font-size: 1.2rem;font-weight: 600;color: #314052}
.guide h6 {margin-top: 2rem;font-size: 1rem;font-weight: 500;line-height: 1.4}
.guide .table {margin:0.8rem 0;border:1px solid #d9d9d9}
.guide .table th,
.guide .table td {border-bottom:1px solid #d9d9d9;text-align:left;padding:0.5rem 0.6rem;}
.guide .table th {background-color:#fafafa;border-right:1px solid #d9d9d9}
.guide p {margin-top: 1rem;font-size: 1rem;font-weight: 300;line-height: 1.4}
.guide p a {font-size: 1rem;font-weight: 400;line-height: 1.4}
.guide p a:hover {color: #314052}
.guide ul {margin-top: 1rem;}
.guide ul li {margin-bottom: 0.5rem;font-size: 0.9rem;font-weight: 300;line-height: 1.4}
.guide ul  li a {font-size: 0.9rem;font-weight: 400;line-height: 1.4}
.guide ul li a:hover {color: #314052}
.guide ol {margin-top: 1rem;}
.guide ol li {margin-bottom: 0.5rem;font-size: 0.9rem;font-weight: 300;line-height: 1.4}
.guide ol li a {font-size: 0.9rem;font-weight: 400;line-height: 1.4}
.guide ol li a:hover {color: #314052}


@media all and (min-width: 525px) {
	  .btn-style-4{width: 90px;height: 44px;line-height: 42px;}
  .btn-style-5{height: 60px;line-height: 58px;}

  .common-btns.pt-large{padding-top: 80px;}
  .form-wrap{padding:50px}
  .form-wrap .form-title{padding:0 0 49px}
  .form-wrap .row{margin:-20px}
  .form-wrap .row>*{margin:20px}
  .form-wrap dl{padding: 0 0 0 200px;}
  .form-wrap dl dt{position: absolute;left: 0;top: 0;width: 200px;line-height: 58px;padding-left: 18px;padding-bottom: 0;}
  .form-wrap dl dd{border:0}
  .form-wrap dl dd.inline{line-height: 58px;}
  .form-wrap input[type='text'],
  .form-wrap input[type='password'],
  .form-wrap select{height: 50px;padding:0 19px}
  .form-wrap textarea{padding:20px}
  .form-wrap dl dd.box{padding:21px 20px}
  .form-wrap dl.m-line-one{padding-left: 200px;}
  .form-wrap dl.m-line-one dt{left: 0;top: 0;}
  .form-wrap .input-file-box span{height: 58px;line-height: 58px;}
  .form-wrap .add-input-wrap a{height: 60px;line-height: 60px;}
  .form-wrap dl.dt-long{padding-left: 240px;}
  .form-wrap dl.dt-long dt{width: 240px;}
  .form-wrap .box.addr a,
  .form-wrap dl.addr dd a{line-height: 48px;}
  .form-btns a{width: 120px;}

}




@media all and (min-width: 768px) {

    .board-info-style-2{position: relative;padding:29px 27px}
  .board-info-style-2 .board-total-count{padding:10px 0 9px}
  .board-info-style-2 .board-search-form{position: absolute;right: 27px;top: 29px;padding-left: 128px;}
  .board-info-style-2 .board-search-form input{width: 234px;}
  .board-info-style-2 .board-search-form select{width: 128px;}

  .btn-detail{width: 130px;height: 50px;font-size: 16px;line-height: 48px;}

  .board-list-style-1{margin:0 -7px;padding-top: 0;}
  .board-list-style-1 li{width: 33.3333%;padding:20px 7px}
  /* .board-list-style-1 li .item .b-title{line-height: 52px;} */

  .board-list-style-2 li .item{padding:28px 200px 28px 130px}
  .board-list-style-2 li .item .b-title{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
  .board-list-style-2 li .item .b-num{position: absolute;left: 0;top: 0;width: 98px;height: 98px;margin-right: 0;line-height: 98px;border-right:1px solid #e1e1e1;text-align: center;}
  .board-list-style-2 li .item .right-cell{position: absolute;right: 0;top: 0;height: 100%;}
  .board-list-style-2 li .item .right-cell li{min-width:100px;padding:32px 10px;margin:0;text-align: center;border-left:1px solid #e1e1e1}
  .board-list-style-2 li .item .right-cell li.empty{position: relative;width: 100px;height: 100%;font-size: 0;line-height: 34px;}
  .board-list-style-2 li .item .btn-cloud{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

  .board-list-style-3{margin:0 -7px;padding-top: 0;}
  .board-list-style-3 li{width: 33.3333%;padding:20px 7px}
  .board-list-style-3 li .item .b-title{line-height: 52px;}

   .customer-wrap .qna-view .qna-info{padding:25px 38px}
  .customer-wrap .qna-view .qna-info .q-info a{display: inline-block;margin-left: 20px;}
  .customer-wrap .qna-view .qna-dec{padding:33px 38px}

  .common-list{margin:-20px}
  .common-list.li1{margin:-10px}
  .common-list>li{float: left; width: 50%;padding:20px}
  .common-list>li:first-child{padding-top: 20px;}
  .common-list.li3>li{width:33.3333%}

  .common-list.li1>li{width:100%;padding:10px}

  .common-list.padding-none{margin: 0;}
  .common-list.padding-none>li{padding:0}
  .common-list.padding-none>li:first{padding-top: 0;}






  .table-style-2 table{width: 100%;}


  .main-title{padding: 117px 0 70px;}
  .main-title span{font-size: 20px;font-weight: 400;}
  .main-title strong{padding-top: 8px;font-size: 50px;}

  .main-pb{padding-bottom: 136px;}

  .main-wrap .swiper-main-slider .swiper-slide{height: 630px;}
  .main-wrap .swiper-main-slider .swiper-slide .t1{font-size: 18px;letter-spacing: -0.05em;}
  .main-wrap .swiper-main-slider .swiper-slide .t2{padding:10px 0 37px;font-size: 70px;}
  .main-wrap .swiper-main-slider .swiper-slide .t3{font-size: 20px;}
  .main-wrap .swiper-main-slider .swiper-main-slider-pagination{bottom: 122px;}


  .main-product ul{margin:0 -15px}
  .main-product ul li{float: left;width:calc(33.3333% - 30px);margin: 0 15px;height: 400px;overflow: hidden;}
  .main-product ul li:after{opacity: .3;-webkit-transition:opacity .5s;transition:opacity .5s}
  .main-product ul li .pro-item{position: absolute;left: 0;top: 50%;width: 100%;-webkit-transform: translateY(-200%);transform: translateY(-200%);text-align: center;opacity: 0;-webkit-transition:-webkit-transform .5s, opacity .5s;transition:transform .5s, opacity .5s}
  .main-product ul li .pro-item .p-eng{font-size: 18px;}
  .main-product ul li .pro-item .p-tit{padding:17px 0 40px;font-size: 30px;}
  .main-product ul li .pro-item a{position: static;margin-top: 0;}
  .main-product ul li .pro-sub{position: absolute;left: 0;bottom: 0;width: 100%;display: block;text-align: center;padding:0 30px;z-index: 1;-webkit-transition:-webkit-transform .5s;transition:transform .5s;-webkit-transform:translateY(0);transform:translateY(0)}
  .main-product ul li .pro-sub span{display: block;font-size: 18px;font-weight: 700;line-height: 60px;border-top: 1px solid #fff;text-align: center;color: #fff;}
  .main-product ul li:hover .pro-item{opacity: 1;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
  .main-product ul li:hover .pro-sub{-webkit-transform:translateY(100%);transform:translateY(100%)}
  .main-product ul li:hover:after{opacity: .5;}
  .main-product .pro-ment{padding:119px 0 10px;font-size: 23px;line-height: 33px;}
  .main-product .pro-name{font-size: 35px}


  .main-machinery ul{margin:0 -15px}
  .main-machinery ul li{float: left;width:calc(33.3333% - 30px);margin: 0 15px;height: 395px;overflow: hidden;}
  .main-machinery ul li:after{opacity: .6;-webkit-transition:opacity .5s;transition:opacity .5s}
  .main-machinery ul li .mac-item .btn-detail{margin-top: 0;height: 0;line-height: 1px;opacity: 0;-webkit-transition:all .5s, opacity .3s .2s;transition:all .5s, opacity .3s .2s}
  .main-machinery ul li:hover:after{opacity: 1;}
  .main-machinery ul li:hover .mac-item .btn-detail{margin-top: 25px;height: 50px;line-height: 48px;opacity: 1;}


  .main-peference .area{padding-bottom: 136px;}
  .main-peference ul li .img{height: 112px;}
  .main-peference ul li.li1 .img{background-size:auto}
  .main-peference ul li.li2 .img{background-size:auto}
  .main-peference ul li.li3 .img{background-size:auto}

  .main-promotion .video-area iframe{height: 600px;}

  .main-customer .item{padding:39px 28px}

  .main-location{padding:258px 0 0;position: relative;}
  .main-location p{padding-bottom: 325px;}
  .main-location .map-img{position: absolute;right: 0;top: 120px;width: 58%;height: 479px;}
  .main-location .root_daum_roughmap .wrap_map{width:100%;height:448px}


  .sub-content{padding-bottom: 160px;}

  .sub-visual{height: 430px;padding-top: 130px;}
  .sub-visual h2{font-size: 50px;}


  .location-nav .home{display: inline-block;width: 69px;height: 69px;}
  .location-nav .depth{width: 248px;height: 69px;background-position:right 30px center}
  .location-nav .depth span{color: #585757;line-height: 69px;padding: 0 25px;font-size: 16px;}




  .sub-title{padding:97px 0 87px;font-size: 45px;}
  .sub-title i{top: -12px;}
  .sub-title i.i1{margin-left: 19px;}

  .about .about-title{font-size: 60px;}
  .about .about-title span{font-size: 60px;}
  .about .about-dec{padding-top: 78px;}



  .history .history-list{position: relative;overflow: hidden;}
  .history .history-list ul{padding:40px 90px 0 150px}
  .history .history-list ul li{padding-left: 96px;}
  .history .history-list ul li:after{content:'';position: absolute;left: 37px;top: 13px;display: block;background-color: #2196d3;height: 1px;width: 40px;}
  .history .history-list:after{content: '';display: block;position: absolute;left: 30px;top: 167px;width: 13px;height: 13px;border-radius:50%;background-color: #389cfb;}
  .history .history-list:before{content: '';display: block;position: absolute;left: 36px;top: 175px;width: 1px;height: 100%;border-radius:50%;background-color: #e1e1e1;}


  .organization .organ-list{max-width:1025px;}
  .organization .top{padding-bottom: 150px;text-align: center;}
  .organization .top:after{left: 50%;height: 150px;}
  .organization .mid{padding-bottom: 99px;text-align: center;}
  .organization .mid:after{left: 50%;height: 99px;}
  .organization ul:after{position: absolute;left: 50%;top: 0;content: '';display: block;width: 80%;height: 1px;transform:translateX(-50%);}
  .organization ul{font-size: 0;}
  .organization ul li{display: inline-block;width: 20%;margin-top:0;padding-left: 0;padding: 60px 10px 0;text-align: center;}
  .organization ul li:first-child{margin-top: 0;}
  .organization ul li:after{left: 50%;bottom: auto;top:0;width: 1px;height: 60px;}

	.contactus .map .root_daum_roughmap .wrap_map{height:568px}
  .contactus dl{position: relative;padding-left: 240px;}
  .contactus dl dt{position: absolute;left: 0;top: 0;width:240px;height:100%;border-top:2px solid #1d65aa;border-bottom:2px solid #1d65aa;background:url(../../images/company/ico.jpg) no-repeat 50%;background-size:28px}
  .contactus dl dd{padding-left: 128px;}
  .contactus dl dd span{left: 37px;}


  .product .pro-title{font-size: 24px;}
  .product .pro-title2{font-size: 20px;padding-top: 60px;padding-bottom: 22px;}

  .product .pro-nav{padding-bottom: 60px;}
  .product .pro-nav li{width:25%}
  .product .pro-nav.li3 li{width:33.3333%}
  .product .pro-nav li a{font-size: 17px;line-height: 68px;}
  .product .pro-nav li:nth-child(3) a{border-top:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-left: 0;}
  .product .pro-nav li:nth-child(4) a{border-top:1px solid #e1e1e1;border-left: 0;}

}




@media all and (min-width: 1024px) {
  #piw_wrapper{padding-top: 0;}

  .table-style-1 table{width:100%}

  .board-list-style-1{max-width:100%;margin:0 -20px}
  .board-list-style-1 li{width: 25%;padding:20px}

  .form-wrap .row{font-size: 0;margin: -10px;}
  .form-wrap .row>*{display: inline-block;width:calc(50% - 20px);margin:10px;vertical-align: middle;}
  .form-wrap .row .w100{width: calc(100% - 20px);;}

  .gnb-wrap{position:static}
  .gnb-wrap .logo{width: 320px;height: 58px;float: left;}
  .gnb-wrap .top{border-top:1px solid #e1e1e1;margin-top: -1px;}
  .gnb-wrap .top .menu-btn{display: none;}
  .gnb-wrap .snb{position: relative;z-index: 1;display: block;text-align: right;font-size: 0;}
  .gnb-wrap .snb a{display: inline-block;width: 82px;height: 30px;font-size: 14px;color: #fff;vertical-align: middle;background-color: #858585;line-height: 30px;text-align: center;}
  .gnb-wrap .snb a.on{background-color: #2196d3;}
  .gnb-wrap .gnb{display: block;float: right;}
  .gnb-wrap .gnb li{float: left;margin-left: 100px;}
  .gnb-wrap .gnb li:first-child{margin-left: 0;}
  .gnb-wrap .gnb li > a{display: block;font-size: 18px;font-weight: 500;}
  .gnb-wrap .gnb li > a:hover{color:#0756a2}


  footer .top{padding:40px 0}
  footer .top .logo{position: absolute;left: 15px;top: 0;}
  footer .top .foot-info{padding-top: 0;padding-left: 31%;}
  footer .top .foot-info li{text-align: left;}
  footer .top .custom-select-link{position: absolute;right: 15px;top: 0;margin-top: 0;}
  footer .btm{padding:27px 0}
  footer .btm .fnb{float: left;text-align: left;}
  footer .btm p{float: right;padding-top: 0;font-size: 14px;}


  .main-wrap .swiper-main-slider .swiper-slide{height: calc(100vh - 132px);}
  .main-wrap .swiper-main-slider .swiper-control{display: block;position: absolute;left: 0;top: 50%;width: 100%;}
  .main-wrap .swiper-main-slider .swiper-control .swiper-button-prev{left: 15px;width: 45px;height: 45px;background:url(../../images/main/arw_prev.png) no-repeat 50%}
  .main-wrap .swiper-main-slider .swiper-control .swiper-button-next{right: 15px;width: 45px;height: 45px;background:url(../../images/main/arw_next.png) no-repeat 50%}

  .main-product ul li{height: 556px;}

  .main-peference .pef-img{position: absolute;right: 0;top: 0;height: 100%;padding:0;width:50%}


  .about .about-title{padding-top: 20px;}


  .technology .tec-list dd{position: relative;padding:14px 0 14px 270px}
  .technology .tec-list dd span{position: absolute;left: 30px;top: 0;line-height: 49px;}


}