@charset "utf-8";
/*
	Publishing by.notteng
	contents css	
	
	모바일 750 이하 기준 css

	다국어 구분 [lang=''] 
*/
#content .inner {padding:0 15px;}
.scroll-x .scroll-x-list {width:500%;}
.scroll-y {overflow:hidden;}
.visual-wrap {height:auto;border-bottom:1px solid #ddd;}
.visual-wrap .inner {background:#fff;}
.visual-wrap h2 {padding:10px 15px;font-size:19px;color:#333;text-align:center;}
.visual-wrap .sub-title {display:block;margin-top:5px;font-size:13px;color:#666;}

/*임시 로딩 화면*/
.visual-text{position: absolute;display: block;top: 50%;left: 50%;font-size:25px;width:170px;height:60px;margin:-30px 0 0 -90px;color: #999; z-index:-1;}

/* mypage - main */
.mypage-wrap #container {background:#f5f5f5;}
.mypage-wrap .h3 {color:#666;}
.mypage-wrap .h4 {color:#333;}
.mypage-wrap .my-content .h4 + *:not(.list-wrap):not(.col-6) {margin-top:5px;}
.mypage-wrap .my-content .h4 + .list-wrap {padding-top:10px;}
.mypage-wrap .my-content .desc + .table {margin-top:8px;}
.mypage-wrap .my-content .list-wrap + .btn-group {padding-top:15px;}
.mypage-wrap .my-content .list-wrap.edu-list .dot-list {margin-top:0;}
.mypage-wrap .my-content .con-sec {margin-top:15px;}
.mypage-wrap .my-content .con-sec:first-child {margin-top:0 !important;}
.mypage-wrap .my-side-menu {margin-bottom:20px;}
.mypage-wrap .my-title {width:100%;height:42px;background:#525050;}
.mypage-wrap .my-title a {display:block;line-height:42px;text-align:center;color:#fff;}
.mypage-wrap .my-title a:hover {text-decoration:none;}
.mypage-wrap .my-content section {margin-top:10px;padding:15px 15px 30px;background:#fff;}
.mypage-wrap .my-content section:first-child {margin-top:0 !important;}
.mypage-wrap .my-content section.my-sec {padding:12px 15px;background:#fff;}
.mypage-wrap .my-main .sec-list section {padding:0;background:none;}
.mypage-wrap .my-main .sec-list section .my-inner {padding:0 15px;}
.mypage-wrap .my-main .my-inner {background:#fff;}
.mypage-wrap .my-main .my-sec {margin-bottom:10px;}
.mypage-wrap .my-main .my-sec .h3 {line-height:35px;}
.mypage-wrap .my-main .my-sec .h3 img {display:none;/* display:inline-block; */width:35px;height:35px;margin-right:10px;}
.mypage-wrap .my-main .my-sec .btn-group {margin:-5px 0 0 0;padding:0;}
.mypage-wrap .my-content .main-box {padding:0 15px;}
.mypage-wrap .my-content .line-title {margin:0 0 15px;padding:13px 0;color:#666;border-bottom:1px solid #ddd;}
.mypage-wrap .my-main .my-product {padding:0 0 15px;}
.mypage-wrap .my-main .my-product > li {position:relative;height:155px;text-align:center;border-left:1px solid #ddd;}
.mypage-wrap .my-main .my-product > li:nth-child(2n+1) {border-left:0 none;}
.mypage-wrap .my-main .my-product > li:nth-child(1), .mypage-wrap .my-main .my-product > li:nth-child(2) {padding-bottom:15px;border-bottom:1px solid #ddd;}
.mypage-wrap .my-main .my-product > li:nth-child(3), .mypage-wrap .my-main .my-product > li:nth-child(4) {padding-top:15px;}
.mypage-wrap .my-main .my-product .txt {height:40px;color:#333;overflow:hidden;}
.mypage-wrap .my-main .my-product li > .num {display:inline-block;position:relative;font-size:36px;line-height:40px;}
.mypage-wrap .my-main .my-product .num .new {display:block;position:absolute;top:0;right:-17px;width:20px;height:20px;margin:0;border-radius:10px;font-size:10px;color:#fff;line-height:20px;background:#fe5e01;}
.mypage-wrap .my-main .my-product .info {text-align:center;}
.mypage-wrap .my-main .my-product .info > span {display:inline-block;font-size:12px;}
.mypage-wrap .my-main .my-product .info > span.fc2 {width:65%;max-width:120px;text-align:left;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.mypage-wrap .my-main .my-product .info > span.num {width:15%;text-align:right;}
.mypage-wrap .my-main .my-product .more-wrap {position:absolute;bottom:5px;width:100%;}
.mypage-wrap .my-main .my-product > li:nth-child(3) .more-wrap, .mypage-wrap .my-main .my-product > li:nth-child(4) .more-wrap {bottom:-5px;}
.mypage-wrap .half-line .row {padding-bottom:15px;}
.mypage-wrap .half-line .row .left {padding-bottom:15px;}
.mypage-wrap .half-line .row .right {border-top:1px solid #ddd;}
.mypage-wrap .half-line .row dt {padding:14px 0 0;color:#333;}
.mypage-wrap .half-line .row .left dt {padding-top:0;}
.mypage-wrap .half-line .row dl.clearfix {margin:0 -20px;text-align:center;}
.mypage-wrap .half-line .row dl.clearfix dt {padding:14px 20px;}
.mypage-wrap .half-line .row dl.clearfix dd {padding:0 20px;}
.mypage-wrap .half-line .row dl.clearfix dd .empty-data {width:100%;padding:12px 0 25px;text-align:center;}
.mypage-wrap .half-line .row dl.clearfix dd .empty-data > span {line-height:20px;}
.mypage-wrap .half-line .row dl.clearfix dd .empty-data .btn-group {padding-top:15px;}
.mypage-wrap .half-line .row img {display:block;width:100px;height:100px;margin:0 auto 10px;}
.mypage-wrap .my-edu-info .right {text-align:left;}
.mypage-wrap .my-edu-info .right dt {padding:14px 0;border-bottom:1px solid #ddd;}
.mypage-wrap .my-edu-info .right dd {padding-bottom:12px;}
.mypage-wrap .my-edu-info .right dd a {margin-top:5px;}
.mypage-wrap .my-action .my-inner {padding-bottom:15px !important;}
.mypage-wrap .my-action .h4 {margin-bottom:20px;color:#333;}
.mypage-wrap .my-action ul {margin-bottom:25px;}
.mypage-wrap .my-action li {padding:8px 0;border-left:1px solid #ddd;}
.mypage-wrap .my-action li span {display:block;line-height:20px;word-break:keep-all;}
.mypage-wrap .my-action li:nth-child(2n+1) {padding-right:14px;border-left:0 none;}
.mypage-wrap .my-action li:nth-child(2n) {padding-left:14px;}
.mypage-wrap .my-action li:nth-child(3),.mypage-wrap .my-action li:nth-child(4) {border-top:1px solid #ddd;} 
.mypage-wrap .my-as-state .my-inner {padding-bottom:15px !important;}
.mypage-wrap .my-as-state .cont {display:table;width:100%;margin:0;padding-bottom:15px;text-align:center;}
.mypage-wrap .my-as-state .cont span {display:table-cell;height:auto;vertical-align:middle;word-break:keep-all;}
.my-content .list-wrap.rel-list .img img {width:100%;height:100%;}
.my-content .list-wrap.rel-list .btn-remove {position:absolute;top:10px;right:10px;margin:0;}
.my-content .list-wrap.rel-list > li > .line-div {min-height:130px;padding-bottom:15px;}

/* 조건필터 */
.filter-btn {padding:0 15px 0 10px !important;color:#fff !important;}
.filter-btn i.icon-reset {margin-right:5px;background-position:-460px 4px;}
/* 제품리스트 */
.list-wrap.pro-list .img {padding:15px 0;} 

/* 인기제품 */
.list-wrap.pro-fame > li {padding:0 !important;border:0 none;}
.list-wrap.pro-fame .img img {display:inline-block;width:100px;height:100px;}
.list-wrap.pro-fame > li > a:not(.btn):hover .title {text-decoration:none;}
.list-wrap.pro-fame .title {padding-top:15px;}
.list-wrap.pro-fame .img {position:absolute;top:0;left:0;width:100px;height:130px;padding:15px 0;background:#fbfafa;}
.list-wrap.pro-fame .img:after {content:'';position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;border:1px solid #fff;}
.list-wrap.pro-fame .link-wrap {min-height:130px;padding-left:115px;}
.list-wrap.pro-fame .link-wrap:hover .img:after {border-color:#fe5e01;}
.list-wrap.pro-fame .btn-att {position:absolute;z-index:5;}
.list-wrap.pro-fame .desc.ellipsis-muti {max-height:60px;}
/* 신제품 */
.list-wrap.pro-new {padding:15px;background:url('../../images/common/bg-newlist.png') #f5f5f5 no-repeat 100% 0;}
.list-wrap.pro-new > li {padding:15px;border:0 none;background:#fff;}
.list-wrap.pro-new > li > a:not(.btn) {position:relative;min-height:100px;padding-right:115px;}
.list-wrap.pro-new .title {margin-top:2px;font-size:17px;}
.list-wrap.pro-new .desc.ellipsis-muti {max-height:60px;}
.list-wrap.pro-new .desc br {display:none;}
.list-wrap.pro-new .img {display:block;position:absolute;top:0;right:0;width:100px;height:100px;margin-bottom:0;}
.list-wrap.pro-new .btn {position:static;min-height:32px;margin-top:15px;border:1px solid #fe5e01;}
.list-wrap.pro-new.result {padding:0;background:none;}
.list-wrap.pro-new.result > li > a:not(.btn) {border:1px solid #ddd;}
.list-wrap.pro-new.result .btn-group {position:absolute;bottom:15px;margin:0;padding-top:0;left:0;width:100%;}
.list-wrap.pro-new.result .btn-group .btn {margin:0;}
.hgroup.tit2-addsort .sec-title2 {margin-top:0;margin-bottom:0;}
/* 교육 */
.list-wrap.edu-list > li {padding:15px;}
.edu-apply .list-wrap.edu-list {border-bottom:1px solid #ddd;}
.list-wrap.edu-list > li.col-m-12 {padding-top:0;padding-bottom:0;}
.list-wrap.edu-list .title {margin-bottom:10px;}
.list-wrap.edu-list .img {position:relative;background:#f6f6f7 url('../../images/company/list_default.svg') no-repeat center;background-size:70px 70px;}
.list-wrap.edu-list .img img:not(.size-img) {background-color:#f6f6f7;}
/* 공지사항 */
.list-wrap.notice-list > li > a {padding:0;}
.list-wrap.notice-list .list-cont {padding:10px 10px 15px;}
.list-wrap.notice-list .title {height:auto;max-width:100%;white-space:normal;}
.list-wrap.notice-list .desc {padding-top:10px;margin-top:8px;border-top:1px solid #feae80;}

/* 포토센서 시리즈 */
.list-wrap.series-list > li > a:not(.btn-group) {padding:0 14px 105px 14px;border:1px solid #ddd;}
.list-wrap.series-list .img {text-align:center;border-bottom:1px solid #feae80;}
.list-wrap.series-list .img img {width:200px;height:200px;}
.list-wrap.series-list .title-box .title {margin-top:3px;}
.list-wrap.series-list .ellipsis-muti {max-height:60px;}
.list-wrap.series-list .dot-list {margin-top:8px;}
.list-wrap.series-list .dot-list > li {display:block;max-width:100%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.list-wrap.series-list .btn-group {position:absolute;bottom:15px;right:0;width:100%;margin:-10px 0 0;padding-top:0;}

/* Product View BS5 Series */
.visual-product {overflow:hidden;}
.visual-product .visual {padding:20px 0;background:#f5f5f5;}
.visual-product .title {text-align:center;}
.visual-product .title .pre-title {font-size:21px;line-height:1;}
.visual-product .title .pre-title .fc0 {line-height:30px;word-break:keep-all;}
.visual-product .title .pre-title .sub-title {display:block;margin-top:10px;font-size:15px;color:#333;}
.visual-product .img-box {position:relative;margin-top:18px;padding:0 15px;text-align:center;}
.visual-product .img-box .h6 {display:block;margin-bottom:5px;}
.visual-product .img-box .img {width:260px;height:260px;margin:0 auto;background:url('../../images/product/bg-shadow.png') no-repeat 50% 100%;background-size:260px;}
.visual-product .img-box .img img {width:260px !important;height:260px !important;}
.visual-product .num {margin-bottom:25px;text-align:center;}
.visual-product .num li {display:inline-block;}
.visual-product .num li a {display:block;padding:0 11px;font-family:'Titillium Web',sans-serif;font-weight:600;}
.visual-product .num li.on a {color:#fe5e01;text-decoration:underline;}
.visual-product .mark {overflow:hidden;margin-top:15px;}
.visual-product .mark img {display:inline-block;float:left;height:22px;width:auto;margin-right:15px;}
.visual-product .key-word {margin:5px 0 0 -8px;}
.visual-product .btn-product {padding:5px 0 15px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.visual-product .btn-product .btn-lg.m-line {height:45px;padding:13px 0;}

/* 어워드 로고 추가  20.04.06 */
.visual-product .img-box span.winner {display:block; margin:12px 0 0 -7px;}
.visual-product .img-box span.winner img {width:auto !important; height:38px !important; margin-right:2px; display:inline-block; }
.visual-product .img-box span.winner img:last-child {margin-right:0}

/* Product 영역 사이 타이틀 */
.point-title {padding:8px 0 17px;text-align:center;font-size:21px;color:#333;}

/* 어플리케이션 응용사례 */
.list-wrap .desc2 {margin-top:4px;}

/* 자료실 */
.model-name {margin-top:6px;}
.model-name > div:first-child {overflow:hidden;}
.list-wrap.txt-type .title.refer-title {margin-top:3px;}
.btn-refer {position:relative;}
/* .btn-refer .first .btn-area {position:absolute;top:0;left:-4px;}
.btn-refer div:first-child .btn-area {padding-left:38px;} */
.btn-refer .btn-area {margin:-5px 0 0 -4px;}
.list-wrap.pc-table .btn-refer .btn-area .btn {margin:10px 8px 0;}
.list-wrap.pc-table .model-name .ellipsis {max-width:150px;padding-right:5px;}

/* 제품 선택 */
#content .visual-select .visual .inner {padding:0;}
.visual-select .visual .title-box {position:absolute;top:20px;width:100%;text-align:center;}
.visual-select .visual .title-box .title {margin-top:-5px;font-size:21px;}
.visual-select .img-box {width:260px;margin:0 auto;padding-top:70px;}
.visual-select .img-box .img {position:relative;}
.visual-select .img-box .img img {width:260px !important;height:260px !important;}
.visual-select .img-box .img .h6 {position:absolute;bottom:-5px;left:0;width:100%;}
.visual-select .img-box .thumb-box {width:100%;margin-top:15px;text-align:center;}
.visual-select .img-box .img-thumb {display:inline-block;}
.visual-select .img-box .img-thumb li {display:inline-block;margin-right:7px;border:1px solid #ddd;}
.visual-select .img-box .img-thumb li.on {border:1px solid #fe5e01;}
.visual-select .img-box .img-thumb li:last-child {margin-right:6px;}
.visual-select .img-box .img-thumb img {width:33px;height:33px;}
.visual-select .img-box .btn-thumb {width:35px;height:35px;background-position:0 -75px;background-size:250px auto;}
.visual-select .dot-list {margin-top:20px;padding:0 15px;}
.visual-select .btn-group {margin:17px 0 0;padding:5px 15px 20px 15px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.visual-select .certi-mark {padding:17px 0;border-bottom:1px solid #ddd;}
.visual-select .certi-mark .title {display:block;font-size:15px}
.visual-select .mark {display:block;width:100%;}
.visual-select .mark img {display:inline-block;height:22px;width:auto;margin:10px 15px 0 0;}
.visual-select .key-word {margin-top:10px;margin-left:-10px;}
.visual-select .key-word a:first-child {margin-left:10px;}

/* 3D Viewer */
.viewer-3d {background:#ededed;}
.viewer-3d .inner {min-height:300px;padding:0 !important;overflow:hidden;}
.viewer-3d .inner .iframe {position:absolute;top:-2px;left:-2px;bottom:-2px;right:-2px;}

/* 연관시리즈 */
.list-wrap.rel-list > li > .line-div {min-height:175px;padding:15px 15px 60px;border:1px solid #ddd;}
.list-wrap.rel-list .img {position:absolute;top:15px;left:14px;width:100px;height:100px;margin:0;}
.list-wrap.rel-list .img img {width:100px !important;height:100px !important;}
.list-wrap.rel-list .list-cont {padding-left:115px;}
.list-wrap.rel-list .desc {margin-top:3px;}
.list-wrap.rel-list .btn-group {position:absolute;bottom:15px;left:0;width:100%;margin:0;padding-top:0;}
.list-wrap.rel-list .btn-group a {margin:0;}

/* 다른 고객이 함계 본 제품 */
.list-wrap.product-list > li > .line-div {min-height:175px;padding:15px 15px 60px;border:1px solid #ddd;}
.list-wrap.product-list .img {position:absolute;top:15px;left:14px;width:100px;height:100px;margin:0;}
.list-wrap.product-list .img img {width:100px !important;height:100px !important;}
.list-wrap.product-list .list-cont {margin-left:130px;}
.list-wrap.product-list .btn-group {position:absolute;bottom:15px;left:0;width:100%;margin:0;padding-top:0;}
.list-wrap.product-list .btn-group a {margin:0;}

/* 웹에서 2줄, 모바일 3줄 */
.ellipsis-muti.ellipsis-flex {max-height:60px;}

/* 통합검색 */
.search-wrap section {margin-top:20px;}
.search-wrap .full-line-tab {padding:0 15px;}
.search-wrap .srh-title {margin-bottom:8px;font-size:13px;}
.search-wrap .search-list > li {min-height:120px;padding:15px;}
.search-wrap .search-list > li:hover * {text-decoration:none;}
.search-wrap .search-list > li a:hover, .search-wrap .search-list > li a:hover * {text-decoration:underline;}
.search-wrap .search-list .h4 {margin:0 0 10px;color:#333;}
.search-wrap .search-list .list-cont {padding-right:75px;}
.search-wrap .search-list .desc {display:block;margin-top:7px;line-height:20px;}
.search-wrap .search-list .desc:first-child {margin-top:0;}
.search-wrap .search-list .desc * {line-height:20px !important;}
.search-wrap .search-list .desc.ellipsis-muti {max-height:40px;}
.search-wrap .search-list .img {display:block;position:absolute;top:25%;right:15px;width:60px;height:60px;}
.search-wrap .search-list > li.no-image {min-height:auto;}
.search-wrap .search-list > li.no-image .list-cont {padding-right:0;}
.search-wrap .search-list > li.no-result {min-height:auto;padding:30px 15px;}
.search-wrap .search-list > li.no-result .desc {margin:0;}
.search-wrap .search-list b.fc0 {font-weight:normal;}
.search-wrap .msg-box.type2 {padding-top:40px;padding-bottom:0;}
/* title 2줄 처리 */
.search-wrap .product-result .h4 .ellipsis-muti,
.search-wrap .faq-result .h4 .ellipsis-muti,
.search-wrap .industry-result .h4 .ellipsis-muti,
.search-wrap .company-result .h4 .ellipsis-muti {max-height:45px;}
/* 3줄 처리 */
.search-wrap .promot-result .desc.ellipsis-muti,
.search-wrap .tag-result .desc.ellipsis-muti,
.search-wrap .company-result .desc.ellipsis-muti {max-height:62px;}
.search-wrap .file.desc .ellipsis {max-width:90%;}
.search-wrap .forum-result .ellipsis {max-width:90%;}


/* 로그인 */
.login-box {padding-bottom:20px;}
.login-box > .desc {word-break:break-all;}
[lang="ru"] .login-box > .desc,
[lang="ko"] .login-box > .desc {word-break:keep-all;}
.login .form-group {padding-top:15px;}
.login .btn-login {padding:15px 0;margin:0;}
.login .btn-login .btn.m-block {margin-top:0;}
.login-sec .img-box {display:block;padding-top:12px;text-align:center;}
.login-sec .img-box:hover {text-decoration:none;border-color:#fe5e01 !important;}
.login-sec .img-box h3 {margin-top:6px;padding:0 15px;}
.login-sec .img-box .desc {margin-top:6px;padding:0 15px;}
.login-sec .img-box .img {margin-top:15px;}

/* 180927 회원가입 수정*/
.msg-wrap{width:49%;float:left;}
.msg-wrap + div{margin-left:10px;}
@media screen and (max-width:1023px){
	.msg-wrap{width:100%;}
	.msg-wrap + div{margin-left:0;margin-top:5%;}
}

/* 회원 가입 완료 */
.list-wrap.line-type.product-move > li > a {padding:0 15px 15px;}
.list-wrap.line-type.product-move .img {margin-bottom:12px;}
.list-wrap.line-type.product-move .img img {width:150px;height:150px;} 

/* 서비스 > 교육 */
.busan-view-list .scroll-x-list {margin-left:0 !important;margin-right:0 !important;}
.busan-view-list img {display:inline-block;width:300px;height:153px;padding-left:10px;}
.busan-view-list li:first-child img {width:290px;padding-left:0;}
.banner {display:block;margin-top:10px;padding:20px 30px;}
.banner .btn-txt {margin:8px 0 0 0;}
.banner:hover {text-decoration:none;}
.banner:hover .btn-txt {text-decoration:underline;}
.country-area {padding:18px 0 0 0;background:none;}
.country-area .selectbox {display:inline-block;width:100%;margin:0;}
.country-area > .btn {display:block;margin:10px 0 0 0;}
.top-list {margin-top:15px;}
.top-list .scroll-m-x {margin-top:15px;}
.top-list .scroll-x-list {margin-left:-10px;}
.top-list .scroll-x-list > li {float:left;}
.top-list .scroll-x-list > li > div {width:280px;padding:20px;margin-left:10px;background:#fbfafa;}
.top-list .scroll-x-list > li:first-child .id {color:#fe5e01;}
/* 고객문의 */
.inquiry-list .divi .ellipsis {max-width:90%;}
.add-thumb {position:relative;width:117px;margin-top:10px;}
.add-thumb img {width:100px;height:auto;border:1px solid #bbb;}
.add-thumb .btn-remove {position:absolute;top:0;right:0;margin:0;}

/* industry 상세 */
.keyword-box {padding:12px 15px 10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#f5f5f5;}
.list-wrap.industry-application .img	{border:1px solid #ddd;background-color:#eee;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.list-wrap.industry-application .desc.ellipsis {height:22px;overflow:hidden;}
.list-wrap.industry-application .desc.ellipsis > * {display:block;max-width:100%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}

/* 비디오 slide */
.select-btn .btn-group {padding:0;margin:-15px 0 0;}
.select-btn .btn-group .btn {margin-left:0;margin-right:0;}
.select-btn .btn-group > a:last-child {margin:10px 0 0;}

.gallery-select {position:relative;padding:15px 0 10px;}
.sub-sec .pro-select {padding-top:0;}
.gallery-box, .video-box {position:relative;border:1px solid #ddd;}
.gallery-box #video, .video-box #video {position:absolute;top:0;left:0;width:100%;height:100%;}
.gallery-box .btn-prev {position:absolute;top:50%;left:0;z-index:10;width:30px;height:38px;margin-top:-19px;overflow:hidden;text-indent:-9999px;background:url('../../images/common/icon-m-sprite.png') no-repeat -420px -250px;background-size:500px auto;}
.gallery-box .btn-next {position:absolute;top:50%;right:0;z-index:10;width:30px;height:38px;margin-top:-19px;overflow:hidden;text-indent:-9999px;background:url('../../images/common/icon-m-sprite.png') no-repeat -460px -250px;background-size:500px auto;}
.slide-box {position:relative;margin-top:15px;}
.thum-list {width:100%;text-align:center;}
.thum-list li {display:inline-block;margin-left:7px;}
.thum-list li:first-child {margin-left:0;}
.thum-list li img {width:40px;height:40px;}
.thum-list a {display:block;position:relative;border:1px solid #ddd;}
.thum-list a.mov:after {content:'';position:absolute;top:50%;left:50%;width:30px;height:30px;margin:-15px 0 0 -15px;background:url('../../images/common/icon-sprite.png') no-repeat -80px -290px;}
.thum-list a.on {border-color:#fe5e01;}
.gallery-select .gallery-box {overflow:hidden;/* padding-bottom:56.25%;height: 0; */}
.gallery-select .gallery-box .movfix {display:none}
.gallery-select .gallery-box >  iframe#video + .movfix {display:block;}
.gallery-select .gallery-box img#video {position:static;height:auto;min-height:100px;}
/* 고객지원 제품분류 테이블 */
p.txt-m-15 {margin-top:6px;color:#333;font-size:15px;}

/* 고객지원 > 교육 / 세미나 / 포럼 */
.unit-box > li {padding:20px 0;border:solid #ddd;border-width:0 0 1px;text-align:center;}
.unit-box > li:first-child {border-width:1px 0 1px;}
.unit-box > li > .picto {margin-bottom:10px;}
.edu-ask {margin-top:10px;}
.edu-ask > li .banner {position:relative;min-height:126px;padding:20px 20px 20px 110px;}
.edu-ask > li .banner .picto {position:absolute;left:20px;top:20px;width:70px;height:70px;}
.list-wrap.forum-topic {margin:0;}
.list-wrap.forum-topic > li {padding:0;border-top:0 none;}
.list-wrap.forum-topic > li:last-child {border-bottom:0 none;}
.list-wrap.forum-topic > li > div {border:1px solid #ddd;padding:20px 15px 15px;}
.list-wrap.forum-topic > li > div > a {display:block;height:70px;}
.list-wrap.forum-topic > li > div > a:hover {text-decoration:none;}
.list-wrap.forum-topic .h4 {display:block;height:22px;margin-bottom:10px;color:#333;}
.list-wrap.forum-topic .ellipsis-muti {max-height:44px;}
.list-wrap.forum-topic p {min-height:22px;}
.list-wrap.forum-topic .txt-info {margin-top:10px;padding-top:10px;border-top:1px solid #feae80;}
.list-wrap.forum-topic .txt-info:after {content:'';display:block;clear:both;}
.list-wrap.forum-topic .txt-info span {line-height:22px;}
.list-wrap.forum-topic .txt-info .rank {float:left;margin:0 10px 0 4px;}
.list-wrap.forum-topic .txt-info .name {float:right;margin-right:4px;max-width:35%;}
.list-wrap.forum-topic .txt-info .reply {float:left;}
.list-wrap.topic_category .img {padding:15px 0;}
.list-wrap.topic_category .img img {width:100px;height:100px;}
.comment .forum-secret {padding:30px 0;border:0;}

/* 자료실 검색결과 테이블 */
.list-wrap.txt-type .title.last-title {margin:6px 0 0 0;}
.edu-ask .banner .picto {position:absolute;left:20px;top:20px;}

/* 자료실 검색결과 테이블 */
.list-wrap.txt-type .title.last-title {margin:6px 0 0 0;}
.regard-pro > a {display:block;}
.reagard-more {display:none;margin-top:5px;text-align:center;background:#eee;}
.reagard-more i {display:inline-block;width:12px;height:11px;padding:0;margin:5px 0;}

/* 자료실 view 테이블내 버튼 */
.btn-group.pdf-btns {padding-left:0;padding-right:0;}

/* 기술 지원 상담 예약 */
.tech-box {padding:20px 15px 15px;border:1px solid #ddd;}
.tech-box .picto {display:block;width:130px;margin:0 auto 15px;text-align:center;}
.tech-box .dot-list {margin-top:9px;}

/* 제품 A/S 안내 - 제품 수리 */
.repair-list {padding-top:10px;}
.list-wrap.in-image.repair-list > li {margin-top:10px;}
.list-wrap.in-image.repair-list > li:first-child {margin-top:0;}
.repair-list > li > div {overflow:hidden;padding:20px;background:#fbfafa;}
.repair-list .img, .repair-list .list-cont {float:left;width:50%;}
.list-wrap.in-image.repair-list .img {width:86px;margin:0 20px 0 0;}
.repair-list .img img {width:86px;}
.repair-list p:first-child {margin-top:0;}

/* 제품 A/S 안내 -  A/S 접수 방법 */
.as-list > li > div {padding-bottom:18px;}
.as-list .list-cont {text-align:center;}

/* 제품 A/S 진행절차 */
.con-sec.con-sec-type2 {margin-top:21px;}
.process-list {margin:-15px -8px 0 -8px;padding-top:15px;}
.process-list > li > div {position:relative;padding:10px 8px;}
.process-list > li > div:after {content:'';display:block;clear:both;position:absolute;right:-4%;top:35%;width:8px;height:13px;background:url('../../images/service/as-m-arrow.png') no-repeat 0 0;background-size:8px auto;}
.process-list > li:nth-child(3n) > div:after {background:none;}
.process-list > li {border-top:0;}
.process-list.list-wrap > li:last-child {border-bottom:0;}
.process-list .img {text-align:center;}
.process-list .picto {width:100%;height:100%;max-width:124px;max-height:124px;padding:27px;}
.process-list .desc {text-align:center !important;}
.as-process .process-box {position:relative;text-align:center;}
.as-process .process-box:after {content:'';position:absolute;top:0;left:0;width:100%;height:26px;border:1px solid #ddd;border-top:0;}
.as-process .process-box p {position:relative;display:inline-block;margin:15px 10px 0;padding:0 5px;background:#fff;z-index:1;}
.as-process.type2 .process-list > li:last-child > div:after {background:none;}
.as-process.type2 .process-list > li:nth-child(3n) > div:after {background:url('../../images/service/as-m-arrow.png') no-repeat 0 0;background-size:8px auto;}

/* 원격지원서비스 & 라이브채팅 */
.service-way li {margin-top:10px;padding-top:10px;border-top:1px solid #ddd;text-align:center;}
.service-way li:first-child {margin-top:0;padding-top:0;border-top:0 none;}
.service-way li .txt-area {margin-top:10px;text-align:left;}
.service-way li .img {display:inline-block;max-width:340px;}

.cacao-qr {margin:0 auto; width:33%; max-width:228px;}
.cacao-service li {position:relative;margin:0;padding:0 0 20px;border:0 none;}
.cacao-service li .txt-area {min-height:60px;margin:0;padding-top:15px;text-align:center;}
.cacao-service li .img, .service-way li a {display:block;margin-top:20px; text-align:center;}

table.dot-squre-list2 {border-top:1px solid #c4c4c4; padding:15px 0 0 20px; margin-top:20px; width:100%}
table.dot-squre-list2 td {font-size:12px; text-align:left}
table.dot-squre-list2 td p {position:relative;margin-top:4px;padding-left:10px;line-height:23px;}
table.dot-squre-list2 td p:before {content:'';position:absolute;top:8px;left:0;width:4px;height:4px;background-color:#fe5e01;}

.cacao-info {text-align:center; font-size:12px; line-height:14px; margin-top:15px}


/* 전국 대리점망 */
.agency-network .scroll-y {padding:0;}
.agency-network .mCustomScrollBox, .agency-network .mCSB_container {overflow:visible;}
.agency-network .search-bar {margin-bottom:20px;}
.agency-info {margin-top:15px;padding:19px;background:#f5f5f5;border:1px solid #ddd;}
.agency-info:first-child {margin-top:0;}
.agency-info dl {padding-bottom:20px;}
.agency-info dd {margin-top:15px;padding-left:25px;text-indent:-25px;}
.agency-info dd i {margin-right:2px;}
.agency-info .product-list {padding-top:10px;border-top:1px solid #ddd;}
.agency-info .product-list li {float:left;margin:8px 10px 0 0;font-size:12px;}
.agency-network .scroll-y .sub-sec > .desc {margin-bottom:8px;} 
.agency-network .scroll-y.mCS_destroyed {overflow:visible;}

.agency-network .accodian {margin-top:20px;}
.agency-network .accodian .answer {padding:0 15px 21px 15px;}
.agency-network .accodian .division {padding:15px 0 21px;border-bottom:1px solid #ddd;}
.agency-network .accodian .form-group {padding-top:6px;}
.agency-network .accodian .btn-group {position:relative;padding-top:20px;}
.agency-network .accodian .btn-group .btn.icon {position:absolute;right:0;top:20px;}

.result-sec {margin-top:10px;}
.result-sec .title {margin-bottom:8px;}
.result-sec .agency-info {background:#fff;}

/* mypage > 관심정보/고객문의내역/상담신청내역 */ 
.list-wrap.compare-history .btn-remove {position:absolute;right:15px;top:15px;margin:0;}
.list-wrap.my-download .btn-remove {position:absolute;right:15px;top:15px;margin-top:4px;}
.list-wrap.my-download .series {margin:6px 0;}
.list-wrap.my-download .ess {margin-bottom:10px;}
.list-wrap.my-download .title {margin-bottom:6px;color:#333;}

/* 나의 포럼 - 상단 내 정보 관련 */
.my-forum {border:1px solid #ddd;}
.my-forum .title {padding:11px 0 12px;text-align:center;}
.my-forum .forum-list {margin-top:0 !important;margin-left:-1px;}
.my-forum .forum-list > li {padding:13px 15px 15px;border-top:1px solid #ddd;border-left:1px solid #ddd;}
.my-forum .forum-list > li span {float:left;width:70%;word-break:keep-all;}
.my-forum .forum-list > li em {float:right;width:30%;margin-top:20px;text-align:right;}
                                                                                                                                                                                                                                                                                                                                              
/* 나의 답글 - 검색 결과 */
.forum-box {position:relative;}
.forum-box .badge {position:absolute;left:0;top:0;}
.forum-box .re-title {position:relative;width:85%;padding-left:14px;margin-bottom:0;text-decoration:underline;}
.forum-box .re-title:before {content:'';clear:both;display:block;position:absolute;left:0;top:2px;width:7px;height:7px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;}
/* .forum-box.original:not(.re-title) {padding-left:60px;} */
.forum-box.original .brd-info {padding-left:14px;margin-top:2px !important;}

/* my page - 회원정보 수정 */
.form-txt.agree {width:102px;}

/* 회원 탈퇴 - 설문 조사 */
.survey-research {padding:15px;background:#f5f5f5;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}

/* 채용 안내 - 오토닉스 인재상 */
.auto-list {padding-top:7px;}
.auto-list > li > div {padding:20px;background:#fbfafa;}
.list-wrap.in-image.auto-list > li {margin-top:10px;}
.list-wrap.in-image.auto-list > li:first-child {margin-top:0;}
.list-wrap.auto-list > li > div {position:relative;}
.list-wrap.in-image.auto-list > li .img  {position:absolute;top:20px;left:20px;width:86px;height:86px;}
.list-wrap.in-image.auto-list > li .cont {display:table-cell;height:86px;padding-left:100px;vertical-align:middle;}
.auto-list .img img {width:86px;}
.auto-list .cont {width:55%;margin-left:20px;}
.auto-list .cont .desc {margin-top:3px;}

.step-list {margin-top:7px;border-top:1px solid #ddd;}
.step-list > li {padding:20px 0 15px;text-align:center;border-bottom:1px solid #ddd;}
.step-list .img {margin-bottom:11px;}
.step-list .img img {width:86px;}
.step-list .cont .desc {margin-top:2px;}
.step-list .cont .dot-list {text-align:left;}
.step-list .cont .dot-list > li {margin-top:7px;}
.step-list .cont .dot-list em {display:block;margin-bottom:3px;padding-top:3px;}
.step-list .cont .step-title {font-size:15px;}

/* 채용안내 : 인도네시아 2020.04.03 추가 */
.career-header {background: linear-gradient(-45deg, rgba(255, 255, 255, .5), rgba(0, 0, 0, 1.0)) fixed, url('../../ck/2020/01/2/8/45/4/be61475c-fd52-4bba-815d-32ff709c3897.jpg') 0 0; background-size: cover; padding:25px; color:#fff}
.career-section {border:3px solid #f6f6f6; padding:15px;}
.career-header * {color:#fff}
.career-section .con-title {font-weight:bold; padding:5px; font-size:18px; line-height:1.2;background:none}
.career-section .dot-list {background:#f6f6f6; padding:15px; margin:15px 0}
.career-section .step-title {font-size:16px;}
.career-section .main-title {font-weight:bold; text-align:center; font-size:4em}
.career-section .period {font-size:15px; font-weight:bold; background:#f6f6f6; padding:15px; margin:15px 0}

/* 오토닉스 약관 */
.privacy-box .table.no-top-line {border-top:0 none !important;}
.privacy-box .view-wrap .row {padding-left:0;padding-right:0;}
.privacy-box * + h1 {margin-top:18px;}
.privacy-box h1 + * {margin-top:16px;}
.privacy-box h2 {margin-top:15px;}
.privacy-box h2 + *:not(h2) {margin-top:5px;}
.privacy-box ul {margin-bottom:5px;}
.privacy-box ul > li, .term-cont .privacy-box p + p {margin-top:4px;}
.privacy-box .table th, .term-cont .privacy-box .table td {line-height:20px;}
.privacy-box .row-group, .privacy-box .table {margin-top:15px;}
.privacy-box .row-group .table {margin-top:0;}
.term-cont .table.no-top-line {border-top:0 none !important;}

/* company - 회사소개 */
.company-wrap .slide-sec {padding-bottom:40px;}
.ani-sec1 .h2 {margin-bottom:10px;line-height:30px;}
.ani-sec1 p + p {margin-top:15px;}
.ani-sec1 p {word-break:keep-all;}
.ani-sec1 .m-bg {margin:0 -15px 30px;padding:0 30px 50px;background:url('../../images/company/bsns-info-bg1.jpg') no-repeat 50% 0;background-size:cover;}
.ani-sec1 .m-bg *   {color:#fff;}
.ani-sec1 {position:relative;padding-top:0 !important;text-align:center;}
.overview .ani-sec1 {position:relative;padding-bottom:190px;overflow:hidden;background:url('../../images/company/overview-bg1.jpg') #f8f8f8 no-repeat 50% 100%;background-size:100% auto;}
.overview .ani-sec1 .h2 {padding:0 30px;line-height:25px;}
.overview .ani-sec1 .h4 {margin-bottom:20px;}
.overview .ani-sec2 {padding-bottom:30px;}
.overview .ani-sec2 .overview-info {max-width:900px;width:80%;margin:0 auto;}
.overview .ani-sec2 .overview-info li {width:100%;padding-bottom:20px;}
.overview .ani-sec2 .overview-info li a {display:block;overflow:hidden;border:1px solid #ddd;-webkit-transition:-webkit-box-shadow .45s ease-out;transition:-webkit-box-shadow .45s ease-out;transition:box-shadow .45s ease-out;transition:box-shadow .45s ease-out, -webkit-box-shadow .45s ease-out;}
.overview .ani-sec2 .overview-info li a:hover {-webkit-box-shadow:18px 18px 26px rgba(0,0,0,0.2);box-shadow:18px 18px 26px rgba(0,0,0,0.2);}
.overview .ani-sec2 .overview-info li a:hover, .overview .ani-sec2 .overview-info .btn:hover {text-decoration:none !important;}
.overview .ani-sec2 .overview-info li:nth-child(2) a,
.overview .ani-sec2 .overview-info li:nth-child(3) a,
.overview .ani-sec2 .overview-info li:nth-child(4) a {cursor:default !important;}
[lang="ko"] .overview .ani-sec2 .overview-info li a {cursor:pointer !important;}
.overview .ani-sec2 .overview-info .text-area {padding:15px 0;text-align:center;background:#fff;}
.overview .ani-sec2 .overview-info .h4 {margin-top:10px;}
.overview .ani-sec2 .overview-info .btn {margin:15px 0 0;background:none;}
.overview .ani-sec2 .overview-info li img {-webkit-transition:-webkit-transform .8s ease-out;transition:-webkit-transform .8s ease-out;transition:transform .8s ease-out;transition:transform .8s ease-out, -webkit-transform .8s ease-out;}
.overview .ani-sec2 .overview-info li a:hover img {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.overview .ani-sec3 {padding:0 !important;text-align:center;background:url('../../images/company/overview-bg3.jpg') no-repeat 50% 0;background-attachment:fixed;background-size:cover;}
.overview .ani-sec3 .h1 {padding-top:50px;color:#fff;}
.overview .ani-sec3 .ideology-box {width:100%;padding:25px 30px;border:2px solid #fff;text-align:center;}
.overview .ani-sec3 .ideology-box * {color:#fff;}
.overview .ani-sec3 .ideology-box .h1 {margin:0;padding:0 0 20px;}
.overview .ani-sec3 .ideology-list {margin-left:-15px;margin-right:-15px;}
.overview .ani-sec3 .ideology-list * {color:#fff;}
.overview .ani-sec3 .ideology-list li {position:relative;width:100%;padding:25px 15px 25px 45px;text-align:left;}
.overview .ani-sec3 .ideology-list li:before {content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#fff;opacity:0.1;}
.overview .ani-sec3 .ideology-list .plus-deco {display:inline-block;position:absolute;top:25px;left:15px;width:20px;height:20px;border:1px solid #fff;border-radius:20px;}
.overview .ani-sec3 .ideology-list .plus-deco:before {content:'';position:absolute;top:50%;left:50%;width:6px;height:1px;margin-left:-3px;background:#fff;}
.overview .ani-sec3 .ideology-list .plus-deco:after {content:'';position:absolute;top:50%;left:50%;width:6px;height:1px;margin-left:-3px;background:#fff;-webkit-transform: rotate3d(0, 0, 1, -90deg);-ms-transform: rotate3d(0, 0, 1, -90deg);transform: rotate3d(0, 0, 1, -90deg);}
.overview .ani-sec3 .ideology-list .h4 {margin-bottom:10px;}
.overview .ani-sec4 {padding-bottom:40px !important;}
.down-box {position:relative;margin-bottom:20px;padding:20px 15px;}
.down-box .f-titi {display:block;margin-bottom:10px;font-size:17px;color:#333;line-height:1;}
/* company - 사업소개 */
.business-info .ani-sec1 .bsns-tab {margin-top:30px;}
.business-info .tab-wrap {margin:0;}
.business-info .ani-sec2 {padding-bottom:40px;}
.business-info .ani-sec2 .inner {max-width:1900px;}
.business-info .ani-sec2 .hover-size {position:relative;}
.business-info .ani-sec2 .bsns-info1-list {margin:-10px -15px 0;}
.business-info .ani-sec2 .bsns-info1-list li {width:100%;margin-top:10px;}
.business-info .ani-sec2 .bsns-info1-list li .hover-size {position:relative;}
.business-info .ani-sec2 .bsns-info1-list .cont-area {padding:10px 15px;}
.business-info .ani-sec2 .bsns-info1-list .cont-area * {color:#333;}
.business-info .ani-sec2 .bsns-info1-list .cont-area.f-white * {color:#fff;}	
.business-info .ani-sec2 .hover-size .f-titi {position:absolute;top:20px;left:0;width:100%;font-size:13px;text-align:center;}
.business-info .ani-sec2 .hover-size .title {position:absolute;top:45px;left:0;width:100%;font-size:19px;text-align:center;}
.business-info .ani-sec2 .hover-size .h4 {margin-bottom:10px;font-size:13px !important;line-height:20px;color:#666 !important;}
.business-info .ani-sec2 .hover-size .btn-group {margin:0;padding:0;text-align:left;}
.business-info .ani-sec2 .hover-size .btn {width:auto;height:auto;margin:0;padding:0;color:#fe5e01 !important;}
.business-info .slide-text-area {padding:20px;text-align:center;}
.business-info .swiper-pagination {position:static;}
.business-info .slide-text-area .title {margin-top:10px;color:#333;}
/* 사업소개 2 */
.business-inner {position:relative;max-width:1200px;margin:0 auto;padding:0 15px;}
.business-sec.lab {padding:50px 0 30px;}
.business-sec {text-align:center;}
.business-sec .h2 {margin-bottom:8px;line-height:1.3;}
.business-sec .h2 + .desc {margin-bottom:22px;}
.business-sec .btn {margin:30px 0 0;}
.lab-list {margin:5px -5px -5px;}
.lab-list > li {padding:5px;margin-top:0;}
/* 사업소개 3 */
.manufacturing .h2 {line-height:1.3;}
.manufacturing .business-inner {padding-bottom:50px;}
.auto-box {position:absolute;left:0;bottom:0;width:100%;padding:0 30px;}
.auto-box .auto-inner {padding:3% 15px 0;background:#fff;}
.auto-box .auto-inner .desc {margin-top:12px;}
.auto-box + .add-desc {display:none;}
.quality {padding:12% 15px 12%;background:url('../../images/company/bsns-info3-bg.jpg') no-repeat 50% 100%;background-size:cover;background-attachment:fixed;}
.quality .h2 {padding-bottom:15px;line-height:1.3;}
.quality .btn {margin:30px 0 0 0;color:#fff;}

@media screen and (max-width:630px){
	.manufacturing .business-inner {padding-bottom:0;}
	.auto-box {position:static;padding:0;}
	.auto-box .auto-inner {padding:20px 15px 0;}
}
/* company - 연혁 */
.history .ani-sec1 .m-bg {padding-bottom:18px;background-image:url('../../images/company/history-bg1.jpg');}
.history .history-dir .tab-wrap {margin:30px 15px 0;}
.history .history-list h3 {position:relative;margin-bottom:20px;padding-bottom:15px;font-size:19px;color:#333;}
.history .history-list h3:after {content:'';position:absolute;bottom:0;left:0;width:32px;height:1px;background:#707070;}
.history .history-list .slogan {font-size:13px;color:#333;}
.history .history-list .desc {margin-bottom:25px;}
.history .history-list ul {padding-bottom:25px;}
.history .history-list ul li {margin-top:20px;}
.history .history-list ul li:first-child {margin-top:0;}
.history .history-list .year {display:block;margin-bottom:5px;font-size:15px;}
.history .history-list ul p {padding-left:20px;text-indent:-20px;word-break:keep-all;}
[lang='en'] .history .history-list ul p,
[lang='es'] .history .history-list ul p,
[lang='pt'] .history .history-list ul p,
[lang='in'] .history .history-list ul p,
[lang='tr'] .history .history-list ul p,
[lang='uk'] .history .history-list ul p,
[lang='ru'] .history .history-list ul p {padding-left:50px;text-indent:-50px;}
.history .history-list ul p + p {margin-top:5px;}
.info-sec.lab {padding:50px 0 30px;}
.info-sec {text-align:center;}
.info-sec .h2 {margin-bottom:8px;line-height:1.3;}
.info-sec .h2 + .desc {margin-bottom:22px;}
.info-sec .btn {margin:30px 0 0;}

/* company - CI 규정 */
.part-sec {margin-top:28px;}
.part-sec .h2 {margin-bottom:12px;}
.com-title + .part-sec {margin-top:0;}
.motive-box {border:1px solid #ddd;background:url('../../images/company/motive-bg.png') no-repeat 100% 0;background-size:contain;}
.motive-box .txt {width:100%;padding:20px 28% 20px 15px;}
.motive-txt, .motive-txt em {line-height:24px;}
.motive-txt .add-desc {margin-top:6px;}
.motive-txt + .add-desc {margin-top:10px;}
.motive-box + .motive-txt, .motive-box + .motive-txt + .add-desc {display:none;}

.gray-box {padding:15px;}
.gray-box .orange {width:100%;padding:10px 15px;background:#fe5e01;} /* 2019-09-03 #ed6d01->#fe5e01*/ 
.gray-box .orange > p {color:#fff;}
.gray-box .orange > p:last-child {text-align:right;}
.gray-box .txt-box {margin-top:10px;}

.ci-list + .ci-list {padding-top:20px;}
.ci-list > li {margin-top:11px;}
.ci-list > li:first-child {margin-top:0;}
.ci-list > li > div {display:table;width:100%;height:200px;padding:0 15px;margin-top:7px;}
.ci-list > li > div > div {display:table-cell;text-align:center;vertical-align:middle;}
.ci-list > li > div > .multi-img span {margin-left:10%;}
.ci-list > li > div > .multi-img span:first-child {margin-left:0;}

@media screen and (max-width:460px){
	.motive-box {min-height:160px;}
	.motive-box .txt {display:none;}
	.motive-box + .motive-txt {display:block;margin-top:15px;}
}

@media screen and (max-width:510px){
	.ci-list > li > div > .multi-img span {display:block;margin:0;}
	.ci-list > li > div > .multi-img span:first-child {margin-bottom:40px;}
	.process-list .picto {padding:25%;}
}

@media screen and (max-width:680px){
	.motive-box .txt {padding-right:30%;}
	.motive-box .txt .add-desc {display:none;}
	.motive-box + .motive-txt + .add-desc {display:block;}
}

/* company - 미션/비전/핵심 가치 */
.mission {padding-bottom:20%;background:url(../../images/company/philosophy-bg1.jpg) no-repeat 50% 0;background-size:cover;}
.mission .m-bg {display:none;}
.mission .com-title {margin-bottom:15%;}
.phil-title {font-size:27px;line-height:1.3;}
.mission .phil-title {margin-top:-7px;}
.mission .h4 {margin-top:17px;}

.vision {padding:25px 0;}
.vision .h4 {margin-top:13px;}
.orange-list {margin-top:35px;}
.orange-list > li {padding-top:20px;text-align:center;}

.vision .sub-tit0{padding:10px 0;}

.orange-list > li .desc {margin-top:8px;}

@media screen and (max-width:400px){
	.orange-list > li img {height:100px;width:auto;}
}
.value {padding:50px 0 40px;}
.octagon {position:relative;margin-top:20px;}
.octagon > div {display:inline-block;width:49%;}
.octagon > div.even {padding-right:15px;text-align:left;}
.octagon > div.odd {padding-left:15px;text-align:right;}
.octagon > div:not(.value-img) .wrap {display:inline-block;max-width:320px;width:100%;}
.octagon > div.even p {text-align:right;}
.octagon > div.odd p {text-align:left;}
.octagon > div:not(.value-img) .wrap p:not(.desc) {position:relative;padding-bottom:5px;color:#fe5e01;}
[lang="ko"] .octagon > div:not(.value-img) .wrap p:not(.desc),
[lang="zh"] .octagon > div:not(.value-img) .wrap p:not(.desc) {padding-bottom:25px;}
.octagon > div:not(.value-img) .wrap p:not(.desc) * {vertical-align:baseline;}
.octagon > div:not(.value-img) .wrap p.desc {height:70px;overflow:hidden;margin-top:0;padding-top:10px;border-top:1px solid #fe5e01;font-size:14px;color:#333;line-height:20px;}
.octagon > div:not(.value-img) .wrap .f-titi-rgr {display:inline-block;position:absolute;bottom:5px;left:0;width:100%;font-size:14px;}
.octagon > div:not(.value-img) .wrap strong {display:inline-block;font-weight:normal;font-size:17px;}
[lang="ko"] .octagon > div:not(.value-img) .wrap strong,
[lang="zh"] .octagon > div:not(.value-img) .wrap strong {font-size:26px;}
.octagon > div.even .wrap strong {margin-left:5px;}
.octagon > div.odd .wrap strong {margin-right:5px;}
.octagon .value-img {float:left;width:100%;margin-bottom:20px;text-align:center;}
.octagon .value-img img {min-width:200px;width:80%;max-width:350px;height:auto;}

/* company > 홍보센터 */
.list-wrap.prcenter-list > li > div {border:1px solid #ddd;}
.list-wrap.prcenter-list > li > div:hover {border:1px solid #fe5e01 !important;}
.list-wrap.prcenter-list .list-cont.evnt-tit {margin:15px 15px 6px;padding:0 0 8px 0;border-bottom:1px solid #feae80;}
.list-wrap.prcenter-list .tooltip-data,
.list-wrap.prcenter-list .newsletter-data {margin:8px 15px 15px 15px;}
.list-wrap.prcenter-list .down-pdf {position:absolute;right:12px;bottom:16px;border:0;}
p + .final-account {margin-top:10px;}
.final-account-year {position:relative;height:48px;background-color:#666;}
.final-account-year > span {position:absolute;left:50%;top:0;overflow:hidden;width:39px;height:48px;vertical-align:top;color:#fff;}
.final-account-year > span:first-child:not(.h2) {margin-left:-71px;}
.final-account-year .h2 + span {margin-left:32px;}
.final-account-year > span a {display:inline-block;width:100%;height:100%;text-indent:-99px;background:url('../../images/company/pr-finalaccount-year.png') no-repeat 15px 17px;}
.final-account-year > span .after-year {background-position:15px -15px;}
.final-account-year .h2 {position:absolute;left:50%;top:0;margin-left:-32px;width:64px;line-height:48px;color:#fff;text-align:center;}
.list-wrap.notice-list.prcenter-list .default-bg {position:relative;display:block;width:100%;overflow:hidden;background:#f6f6f7 url('../../images/company/list_default.svg') no-repeat center;background-size:70px 70px;}
.list-wrap.notice-list.prcenter-list .default-bg .img {position:absolute;top:0;left:0;width:100%;min-height:100%;margin-bottom:0;border-bottom:0 none;background:#f6f6f7;}
.list-wrap.notice-list.prcenter-list .default-bg.mov:after {content:'';position:absolute;top:50%;left:50%;width:28px;height:28px;margin:-10px 0 0 -14px;background:url('../../images/common/icon-sprite.png') no-repeat -80px -290px;background-size:500px auto;}
.list-wrap.company-notice > li {padding:15px;}
.list-wrap.company-notice > li:last-child {border-bottom:1px solid #ddd;}
.list-wrap.company-notice .desc {margin-top:10px;}
.list-wrap.company-notice .date-wrap {margin-top:10px;}
.tooltip.date {vertical-align:baseline !important;}
.list-wrap.company-notice .notice-img {position:relative;display:block;overflow:hidden;margin-bottom:15px;background:#f6f6f7 url('../../images/company/list_default.svg') no-repeat center;background-size:70px 70px;}
/* .list-wrap.company-notice .notice-img .img {position:absolute;top:0;left:0;width:100%;} */
.list-wrap.company-notice .notice-img.mov:after {content:'';position:absolute;top:50%;left:50%;width:28px;height:28px;margin:-14px 0 0 -14px;background:url('../../images/common/icon-sprite.png') no-repeat -80px -290px;background-size:500px auto;}
.list-wrap.company-notice .notice-img img {margin-bottom:0;}
.list-wrap.company-notice .addmovie:after {content:'';position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;background:url('../../images/company/list-movie.png') no-repeat left top;}
/* 결산공고 */
.final-account .table .icon-arrow-up {vertical-align:-1px;}
.ir-down-btn {margin-top:15px;}

/* 이벤트 - 댓글 등록 */
.event-reply {margin-top:30px;}
.text-area {position:relative;}
.text-area .bite {position:absolute;top:-25px;right:0;}
.img-area {padding:15px;background:#f5f5f5;border:1px solid #ddd;border-top:0;}
.img-area .img-list > li {position:relative;float:left;width:100px;height:100px;margin:10px 10px 0 0;}
.img-area .img-list > li .btn-remove {position:absolute;right:0;top:0;margin:0;}
.img-area .img-list > li img {width:100px;height:100px;}
.reply-btn {margin-top:8px;}
.reply-btn .btn-group {margin-top:-6px;}
.btn-group + .reply-list {margin-top:30px;}

/* 이벤트 - 참여 내역 */
.reply-list-wrap {margin-top:20px;}
.reply-list-wrap > p {margin-bottom:10px;}
.reply-list {padding:10px 15px;background:#f5f5f5;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.reply-list .desc {word-break:break-all;}
.reply-list > li {padding:10px 0; border-top:1px solid #ddd;}
.reply-list > li:first-child {border-top:0; padding:0 0 10px 0;}
.reply-list > li:last-child {padding:10px 0 0 0;}
.reply-list .img-list > li {float:left;margin:10px 10px 0 0;}
.reply-list .img-list > li a {display:block;width:100px;height:100px;border:1px solid #ddd;}
.reply-list .img-list > li a:hover {border:1px solid #fe5e01;}
.reply-list .img-list > li img {width:100%;height:100%;}

/* 이벤트 - 당첨자 발표 */
.winner-list dt {margin-top:10px;}
.winner-list dt .badge {margin-bottom:5px;}
.winner-list dt:first-child {margin-top:0;}
.winner-list dd {word-break:keep-all;font-size:15px;color:#333;}

/* 소식지 view - 첨부파일 */
.news-down {margin:0 4px 0;}

/* 구글, 바이두 지도 */
.gm-style-iw {top:27px !important;overflow:visible !important;}
.gm-style-iw:after {content:'';display:block;clear:both;position:absolute;bottom:-11px;left:50%;width:12px;height:12px;margin-left:-6px;background:url('../../images/map/map-arrow.png') no-repeat 0 0;}
.gm-style-iw .infowindow {position:relative;padding:20px;max-width:250px;margin-left:23px;color:#fe5e01;font-weight:400;background:#fff;border:1px solid #ffae81 !important;}
.map-arrow {display:none;}
.map-close {right:38px !important;top:27px !important;width:18px !important;height:18px !important;background:url('../../images/map/map-close.gif') no-repeat 0 0;}
.map-close > img {display:none;}

.BMap_pop {margin:12px 0 0 -17px;}
.BMap_pop > div:nth-child(1), .BMap_pop > div:nth-child(2), .BMap_pop > div:nth-child(3), .BMap_pop > div:nth-child(4), .BMap_pop > div:nth-child(5), .BMap_pop > div:nth-child(6), .BMap_pop > div:nth-child(7), .BMap_pop > div:nth-child(8) {display:none;}
.BMap_pop > div:nth-child(9) {top:28px !important;overflow:visible !important;}
.BMap_shadow > div {display:none;}
.BMap_bubble_content .infowindow {position:relative;max-width:250px;padding:20px;color:#fe5e01;text-align:center;background:#fff;border:1px solid #ffae81 !important;}
.BMap_bubble_content .infowindow:after {content:'';display:block;clear:both;position:absolute;bottom:-12px;left:50%;width:12px;height:12px;margin-left:-6px;background:url('../../images/map/map-arrow.png') no-repeat 0 0;}
.bai-imap-close {top:28px !important;width:18px !important;height:18px !important;margin-left:-9px;}

/* 비밀번호 찾기 */
.msg-box.find-caution {padding:20px;}
.msg-box.find-caution .btn-group {padding:0;}
.msg-box.find-caution .btn {margin-top:14px;}

.topic-area .scroll-m-x {display:block !important;}
.forum-top10 .scroll-m-x {display:block !important;}

/* 제품 주요 특징 */
.acc-table-list + .h6.ess {margin-top:6px !important;}
.pro-detail-wrap .h6.ess:before {top:2px;}

.list-wrap.pc-table .fst-colpd {margin-bottom:5px;}
.pro-detail-wrap .caution-light0 {display:inline-block;width:25px;height:12px;margin:0 2px 0 4px;vertical-align:-2px;background-color:#fe5e01;}
.pro-detail-wrap .caution-light1 {display:inline-block;width:25px;height:12px;margin:0 2px 0 4px;vertical-align:-2px;background-color:#0dff00;}

/*180927 레이저마킹 단톡 페이지 추가*/
/*
.laser-sec{background:url('/images/product/img_laser_marking_visual.png') no-repeat top center;padding-top:813px;text-align:center;}
*/
.laser-sec{background:url('../../images/product/img-pc-landing-01-201007.png') no-repeat top center;padding-top:950px;text-align:center;}

.laser-tit{text-align:center;font-size:18px;color:#fe5d01;line-height:26px;padding:0 120px;}
.laser-text{border:0;text-align:center;padding:0 150px;margin-top:30px;}
.laser-text > p{font-size:15px;color:#404040;word-break:break-all;line-height:24px;}
.laser-btn{position:relative;}
.laser-btn > p{margin-top:15px;}
.laser-btn > .btn.btn-skew {position:relative;padding:0;overflow:hidden;min-width:220px;height:0;}
.laser-btn > .btn.btn-skew span {display:block;min-width: 70px;padding:10px 0 9px 0;border:1px solid #fe5e01;font-size:15px;}
.laser-btn > .btn.btn-skew:after {content:'';position:absolute;top:0;right:-20px;width:30px;height:100%;transform: skewX(-13deg);border-left:1px solid #fe5e01;background: #fff;}
.move_wrap{background:#605e5c;}
.move_tab{padding:70px 85px 70px !important;}
.move_tab .h1{font-size:32px !important;text-align:center;color:#fff !important;}
.move_tab ul{margin-top:35px;}
.move_tab ul li{padding:15px 4px;}
.move_tab .h4{font-size:15px !important;color:#fff !important;}
.move_tab .img{margin-bottom:5px !important;}
.move_tab .img iframe{height:160px;}

@media screen and (max-width:1024px){
	/*
	.laser-sec{background:url('/images/product/img_t_laser_marking_1228.jpg') no-repeat 0 0;background-size:100%;padding-top:132%;}
	*/
	.laser-sec{background:url('../../images/product/img-landing-tablet-201007.png') no-repeat 0 0;background-size:100%;padding-top:155%;}
	
	.laser-sec .pc_img{display:none;}
	.laser-tit, .laser-text{padding:0;}
	.laser-tit{font-size:16px;}
	.laser-text{width:94%;margin:3%;}
	.laser-text > p{font-size:13px;}
	.laser-btn{margin:4% !important;}
	.laser-btn a + a{margin-left:0 !important;}
	.laser-btn > .btn.linest1, .laser-btn > .btn.linest2{width:49%;position:absolute;float:left;top:0;margin:0;min-width:0;}
	.laser-btn > .btn.linest2{right:0;}
	.laser-btn > .btn.bg0{margin-top:85px;}
	.laser-btn > .btn.btn-skew.btnline2{top:55px;}
	.laser-btn > .btn.btn-skew span{padding:11px 10px 12px 0;font-size:inherit;word-spacing:-2px;}
	.laser-btn > .btn-lg{font-size:13px !important;}
	.move_tab{padding:5% 3% 5% !important;}
	.move_tab .h1{font-size:15px;}
	.move_tab > .list-wrap.in-image > li:first-child{margin-top:15px;}
	.move_tab > .list-wrap.in-image > li{padding:0 2%;}
	.move_tab .img iframe{height:auto;}
}

@media screen and (max-width:640px){
	/*
	.laser-sec{background:url('/images/product/img_m_laser_marking_1228.jpg') no-repeat 0 0;background-size:100%;padding-top:155%;}	
	*/
	.laser-sec{background:url('../../images/product/img-landing-mobile-201007.png') no-repeat 0 0;background-size:100%;padding-top:190%;}	
	
}

/* 기술지원안내 */
.list-wrap.technic-info {border-bottom:1px solid #ddd;}
.list-wrap.technic-info > li {padding:20px 15px;}
.list-wrap.technic-info > li .list-cont {position:relative;}
.list-wrap.technic-info > li .picto {display:block;margin:0 auto 10px;}
.list-wrap.technic-info > li .title {font-size:15px;color:#333;}
.list-wrap.technic-info > li .desc {margin-top:5px;}
.list-wrap.technic-info > li .btn-result-more {margin:0;padding-left:0;}

/* company > 기업정보 > 오시는길*/
.content.location .con-sec .h2 {color:#000;}
.content.location .location-map {margin-bottom:12px;}
.location-contact {margin-top:9px;color:#666;}
.location-contact > li {margin-bottom:6px;}
.location-contact > li > i {margin-right:5px;}
.location-contact > li:first-child > i {margin-right:3px;}
.msg-box.location-transport {margin-top:8px;padding:15px;border-width:1px 0;}
.msg-box.location-transport {position:relative;}
.msg-box.location-transport .img {position:absolute;left:15px;top:15px;width:35px;height:35px;margin-right:15px;}
.msg-box.location-transport .cont {padding-left:50px;vertical-align:top;}
.msg-box.location-transport .badge {margin-bottom:5px;}
.msg-box.location-transport .badge + .badge {margin-left:2px;}
.msg-box.location-transport ol {margin-top:3px;}
.msg-box.location-transport ol:after {content:'';display:block;margin-top:11px;}
.msg-box.location-transport ol > li {display:inline;padding-right:20px;background:url('../../images/company/location-arrow.png') no-repeat right center;}
.msg-box.location-transport ol > li:last-child {background:none;}
.msg-box.location-transport ol > li + li {margin-left:4px;}
.lo-bg1 {background-color:#426fb5;}
.lo-bg2 {background-color:#c91017;}
.lo-bg3 {background-color:#50a232;}
.lo-bg4 {background-color:#6691c9;}
.lo-bg5 {background-color:#606d00;}
.lo-bg6 {background-color:#003499;}

.corp-overview .con-sec + .con-sec {margin-top:30px;}
.corp-overview .h2 {color:#333;}
.corp-overview .h2 + .desc {margin-top:5px;}
.corp-overview .desc + .img {margin-top:15px;}
.corp-overview .img + .img {margin-top:15px;}
.corp-overview .location-map {margin-top:15px;border:1px solid #ddd;}
.corp-overview .corp-info {margin-top:9px;}
.corp-overview .corp-info > li {margin-bottom:6px;}
.corp-overview .corp-info > li > i {margin-right:5px;}
.corp-overview .graph {margin-top:30px;}
.corp-overview .graph > span {display:block;margin:10px auto 0;}
.corp-overview .graph1 {max-width:344px;margin-top:0;}
.corp-overview .graph2 {max-width:460px;}
.corp-overview .graph .txt {color:#333;}

/* company > 기업이념 > CEO Message */
.content.ceo {margin-bottom:40px;}
.content.ceo .com-title + .h1 {margin-bottom:35px;line-height:28px;text-align:center;}
.content.ceo .com-title + .h1 > span {vertical-align:0;}
.ceo-txt {margin-top:35px;font-size:15px;}
.ceo-signature {margin-top:16px;text-align:right;}
.ceo-signature p {margin-bottom:10px;font-size:13px;color:#333;}
.ceo-signature img {max-width:110px;}

/* service */
.if-nobtn + *:not(.btn-group) {margin-top:12px;}

/* company > 기업정보 > 사업소개 > 영업/서비스 */
.srv-info > li .bsns-cont-txt > div {margin:25px 0 30px;}
.srv-info > li .bsns-cont-txt > div > * {text-align:left;word-break:keep-all;}
[lang="zh"] .srv-info > li .bsns-cont-txt > div > * {word-break:break-all;}
.srv-info > li .bsns-cont-txt > div .h1 {margin-bottom:10px;}
.srv-info > li .bsns-cont-txt > div .h2 {line-height:25px;}
.srv-info .bsns-cont-img {padding-top:52.63%;}
.srv-info .img1 {background:url('../../images/company/bsns-info4-img1.jpg') no-repeat center top;background-size:100%;}
.srv-info .img2 {background:url('../../images/company/bsns-info4-img2.jpg') no-repeat center top;background-size:100%;}
.srv-info .img3 {background:url('../../images/company/bsns-info4-img3.jpg') no-repeat center top;background-size:100%;}
.srv-info .img4 {background:url('../../images/company/bsns-info4-img4.jpg') no-repeat center top;background-size:100%;}

/* company > 기업정보 > 복리후생 */
.welfare-cont:after {content:'';display:block;clear:both;}
.welfare-cont {overflow:hidden;}
.welfare-cont.on {min-height:auto;height:auto;}
.welfare-cont a {text-decoration:none;}
.welfare-cont > div[class^="unit"] {position:relative;overflow:hidden;float:left;width:100%;}
.welfare-cont > div[class^="unit"] .unit-bg {position:absolute;left:0;top:0;width:100%;height:100%;min-width:320px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.welfare-cont > div[class^="unit"].on {position:relative;float:none;width:100%;height:auto;}
.welfare-cont > div[class^="unit"].on .unit-txt {display:none;}
.welfare-cont > div[class^="unit"].on .pop-wrap {display:block;}
.welfare-cont.on .unit:not(.on) {display:none;}
.welfare-cont > div.unit1 .unit-bg {background-image:url('../../images/company/welfare-unit1.jpg');background-position:80% 0;}
.welfare-cont > div.unit2 .unit-bg {background-image:url('../../images/company/welfare-unit2.jpg');background-position:90% 0;}
.welfare-cont > div.unit3 .unit-bg {background-image:url('../../images/company/welfare-unit3.jpg');background-position:95% 0;}
.welfare-cont > div.unit4 .unit-bg {background-image:url('../../images/company/welfare-unit4.jpg');background-position:30% 0;}
.welfare-cont > div[class^="unit"].on .unit-bg {height:1000px;background-position:50% 0;background-size:cover;}
.welfare-title p {display:none;padding-bottom:40px;font-size:17px;}
.unit-dim {position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;-moz-opacity:0.6;-webkit-opacity:0.6;opacity:0.6;}
.unit-txt {position:relative;margin:25px 15px;text-align:left;color:#fff;}
.unit-txt h3 {position:relative;margin-bottom:15px;padding-bottom:30px;font-size:19px;}
.unit-txt h3 > span {display:block;padding-top:10px;font-size:15px;}
.unit-txt h3:after {content:'';position:absolute;left:0;bottom:0;width:20px;height:1px;background-color:#fff;}
.pop-wrap {display:none;position:relative;max-width:1230px;width:100%;margin:0 auto;padding:50px 15px 40px;color:#fff;z-index:3;}
.pop-wrap h4 {margin-bottom:15px;font-size:18px;}
.pop-wrap h4 + p {margin-bottom:25px;font-size:13px;}
.pop-wrap .close {position:absolute;right:15px;top:15px;}
.pop-wrap .money-info > li {background-color:#fff;}
.pop-wrap .money-info > li:first-child {padding-top:40px;}
.pop-wrap .money-info > li:last-child .img {padding-bottom:0;}
.pop-wrap .money-info > li .h2 {margin-bottom:0;color:#333;}
.pop-wrap .money-info > li .h2 + p {margin:0 0 25px;color:#666;}
.pop-wrap .money-info .img {padding-bottom:50px;}
.pop-wrap .money-info .txt > div {padding:0 35px;}

/* company > 글로벌 오토닉스 */
.global-autonics {position:relative;}
.global-autonics .m-bg {background-image:url('../../images/company/global-autonics-bg1.jpg');}
.global-autonics .ani-sec1 .tab-wrap {margin:0;}
.global-autonics .map-content {padding:20px 15px 40px !important;}
.global-autonics .country-cont {margin-top:0;padding:0;}
.global-autonics .country-cont h2 {padding:15px 0 10px;}
.global-autonics .list-wrap.store-list {margin-left:-15px;margin-right:-15px;border-bottom:1px solid #ddd;}
.global-autonics .list-wrap.store-list > li {padding:15px;}
.global-autonics .list-wrap.store-list .img {position:relative;margin-bottom:10px;}
.global-autonics .list-wrap.store-list .img > img:not(.size-img) {position:absolute;top:0;left:0;background-color:#eee;}
.global-autonics .list-wrap.store-list .addr {margin-top:5px;}
.global-autonics .list-wrap.store-list .store-info {margin-top:10px;}
.global-autonics .list-wrap.store-list .store-info li {margin-top:5px;line-height:20px;}
.global-autonics .list-wrap.store-list .store-info li:first-child {margin-top:0;}
.global-autonics .list-wrap.store-list .store-info li i {margin-right:5px;}
.global-autonics .list-wrap.store-list .sns-list {margin-top:10px;}
.global-autonics .list-wrap.store-list .sns-list li {display:inline-block;margin-right:7px;}
.global-autonics .list-wrap.store-list .sns-list li a {display:inline-block;width:30px;height:30px;overflow:hidden;text-indent:-9999px;background:url('../../images/common/icon-m-sprite.png') no-repeat -200px -450px;background-size:500px auto;}
.global-autonics .list-wrap.store-list .sns-list li a.F {background-position:-200px -450px;}
.global-autonics .list-wrap.store-list .sns-list li a.Y {background-position:-240px -450px;}
.global-autonics .list-wrap.store-list .sns-list li a.T {background-position:-280px -450px;}
.global-autonics .list-wrap.store-list .sns-list li a.K {background-position:-320px -450px;}
.global-autonics .list-wrap.store-list .sns-list li a.W {background-position:-360px -450px;}
.global-autonics .list-wrap.store-list .btn-toggle {display:inline-block;margin:0 0 10px;width:22px;height:30px;overflow:hidden;text-align:left;text-indent:-9999px;background:url('../../images/common/map-toggle.png') no-repeat 50% -31px;background-size:22px auto;}
.global-autonics .list-wrap.store-list .btn-toggle.on {background-position:50% 0;}
.global-autonics .list-wrap.store-list .btn-toggle:after {content:'';clear:both;display:block;}
.global-autonics .list-wrap.store-list .api-map {display:none;}
/* main */
.main .foot-icon-row, .main .crumbs {display:none;}
.main .big-banner {position:relative;width:100%;overflow:hidden;background:#eee;}
.main .big-banner .swiper-slide {position:relative;width:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.main .big-banner .swiper-slide * {color:#555;}
.main .big-banner .swiper-slide .bg {position:absolute;top:0;left:50%;min-width:2000px;width:100%;min-height:582px;margin-left:-1000px;opacity:0;}	
.main .big-banner .text-area {position:relative;width:100%;padding:30px 30px 85px;z-index:1;}
.main .big-banner .text-area p {text-align:center;word-break:keep-all;}
/* lang=ru 메인 베너에서 해상도 1024~1100의 문제로 word-break:break-all 에서 normal 로 변경 19-07-18*/
[lang="zh"] .main .big-banner .text-area p, [lang="ru"] .main .big-banner .text-area p, [lang="uk"] .main .big-banner .text-area p {word-break:normal;}
.main .big-banner .title {/* max-height:60px;overflow:hidden; */margin-bottom:20px;font-size:27px;line-height:30px;opacity:0;}
[lang="zh"] .main .big-banner .title {font-size:22px;}
.main .big-banner .swiper-slide .bar {display:block;margin:10px auto 20px;width:0;height:1px;background:#333;opacity:0;}
.main .big-banner .desc {/* max-height:40px;overflow:hidden; */margin-bottom:25px;font-size:13px;line-height:20px;opacity:0;}
.main .big-banner .btn-group {margin:0;padding:0;text-align:center;}
.main .big-banner .btn-group .btn {margin:0 5px 0 0;border:1px solid #333;color:#333;opacity:0;}
.main .big-banner .t-white .btn-group .btn {border-color:#fff;color:#fff;}
.main .big-banner .swiper-slide.t-white * {color:#fff;}
.main .big-banner .swiper-slide.t-white .bar {background:#fff;}
.main .big-banner .visual-pagination {position:absolute;bottom:20px;width:100%;text-align:center;}
.main .big-banner .visual-prev, .main .big-banner .visual-next {display:inline-block;position:absolute;top:50%;margin-top:-15px;width:16px;opacity:0.5;}
.main .big-banner .visual-prev:hover, .main .big-banner .visual-next:hover {opacity:1;}
.main .big-banner .visual-prev {left:10px;}
.main .big-banner .visual-next {right:10px;}
.visual-pagination .swiper-pagination-switch {display:inline-block;width:15px;height:15px;margin:0 10px;border-radius:8px;border:2px solid #333;background:url('../../images/main/empty.png') repeat 0 0;}
.visual-pagination .swiper-active-switch {background:#333;}
.visual-pagination.t-white .swiper-pagination-switch {border-color:#fff;}
.visual-pagination.t-white .swiper-active-switch {background:#fff;}
.visual-pagination .btn-ctl {display:inline-block;width:15px;height:15px;margin:0 10px;overflow:hidden;vertical-align:top;background:url('../../images/main/visual-ctl.png') no-repeat -28px 0;background-size:40px auto;}
.visual-pagination .btn-ctl.play {background-position:4px 0;}
.visual-pagination.t-white .btn-ctl {background-position:-28px 100%;}
.visual-pagination.t-white .btn-ctl.play {background-position:4px 100%;}
.main .product-finter {margin-top:35px;background:#f5f5f5;padding:30px 0;}
.main .product-finter .model-cont {margin-bottom:20px;}
.main .product-finter .title {display:block;padding:9px 0;font-size:15px;color:#fff;text-align:center;background:#fe5e01;}
.main .product-finter .finder-cont {display:none;padding:20px 15px;border:1px solid #bbb;border-bottom:0 none;background:#fff;}
.main .product-finter .finder-cont p {text-align:center;}
.main .product-finter .form-group {margin:0;}
.main .product-finter .form-group > div {float:left;width:100%;margin-top:15px;}
.main .product-finter .form-group .btn-finder {position:relative;display:block;float:left;width:100%;margin:20px 0 0;padding-left:33px;color:#fff;text-align:center;background:#525050;}
.main .product-finter .form-group .btn-finder i.icon-chk {position:absolute;top:0;left:0;width:33px;height:32px;margin:0;border-right:1px solid #757373;background-position:-250px -390px;}
.main .product-finter .form-group .selectbox {margin-top:10px;}
.main .product-finter .finder-toggle {display:block;width:100%;height:22px;overflow:hidden;text-indent:-9999px;border:1px solid #bbb;background:url('../../images/main/finder-open.png') #fcf9f7 no-repeat 50% 50%;background-size:15px auto;}
.main .product-finter .open .finder-toggle {background-image:url('../../images/main/finder-close.png')}
.main .product-finter .motor-cont .title {background:#525050;}
.main .product-finter .motor-cont .finder-cont {padding:0 15px;background:#f5f5f5;}
.main .product-finter .motor-cont .form-group > a {display:block;height:180px;padding:30px 0 0;border-top:1px solid #ddd;background:url('../../images/temp/motor-selection-img1.png') no-repeat 100% 100%;background-size:176px auto;}
.main .product-finter .motor-cont .form-group > a:first-child {border-top:0 none;}
.main .product-finter .motor-cont .form-group > a.motor2 {background-image:url('../../images/temp/motor-selection-img2.png');}
.main .product-finter .motor-cont .form-group > a.motor3 {background-image:url('../../images/temp/motor-selection-img3.png');}
.main .product-finter .motor-cont .fc1 {font-weight:bold;text-align:left;}
.main h2 {margin-bottom:14px;font-size:17px;}
.main section.inner, .main .industry {margin-top:30px;}
.main .scroll-m-x {display:block !important;}
.main .scroll-x-list > li {float:left;width:295px;}
.main .scroll-x-list > li > a {display:block;margin:0 2px;}
.main .scroll-x-list .ellipsis-muti {margin-top:5px;max-height:40px;}
.main .new-product .img {padding:15px 0;text-align:center;background:#f5f5f5;}
.main .new-product .img img {display:inline-block;max-width:200px;width:100%;}
.main .new-product .text-area {padding:15px 10px 0;}
.main .new-product .title {font-size:15px;color:#333;}
.main .new-product .mCSB_draggerContainer {display:block !important;}
.main .scroll-x-list > li a:hover {text-decoration:none;}
.main .scroll-x-list > li a:hover .title {color:#fe5e01;text-decoration:underline;}
.main .product-line .img {width:200px;height:215px;margin:0 auto;padding:0 0 15px;}
.main .product-line .text-area {height:95px;padding:15px 20px;background:#f5f5f5;}
.main .product-line .text-area .title {color:#fe5e01;}
.main .product-line .text-area .ellipsis-muti.multi:after {background:#f5f5f5;}
.main .product-line .mCSB_container {display:inline-block;width:auto !important;overflow:visible;}
.main .product-line .scroll-x-list {display:none;}
.main .product-line .scroll-x-list.active {display:inline-block;}
.main .main-notice .list-wrap > li {border:0 none;}
.main .main-notice .list-wrap > li:last-child {border-bottom:0 none;}
.main .main-notice .list-wrap .line {margin:0 2px;border:1px solid #ddd;}
.main .main-notice .list-wrap .img {display:block;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.main .main-notice .list-wrap .title {height:45px;overflow:hidden;}
.main .main-notice .tooltip.date .tooltip-con {top:auto;bottom:140%;}
.main .main-notice .tooltip .tooltip-con:before {top:auto;bottom:-7px;-webkit-transform: rotate3d(0, 0, 1, -180deg);-ms-transform: rotate3d(0, 0, 1, -180deg);transform: rotate3d(0, 0, 1, -180deg);}
.main .industry .bg3 {padding:25px 0 20px;}
.main .industry .inner {padding:20px 15px;}
.main .industry .swiper-slide {width:285px;height:135px;}
.main .industry .swiper-slide > a {position:relative;display:block;margin:0 5px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.main .industry .swiper-slide > a p {position:absolute;bottom:0;width:100%;height:35px;padding:0 15px;line-height:35px;color:#fff;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;text-align:center;background:url('../../images/main/bg-dim.png') repeat 0 0;}
.main .industry .industry-prev, .main .industry .industry-next {display:none;}
.main .service .scroll-x-list li > a {position:relative;display:block;min-height:74px;margin:0 10px 0 0;padding-left:84px;}
.main .service .scroll-x-list .img {position:absolute;top:0;left:0;width:74px;height:74px;border-radius:40px;overflow:hidden;text-align:center;background:#fbfafa;}
.main .service .scroll-x-list .img img {display:inline-block;width:45px;height:45px;margin-top:14px;}
.main .service .scroll-x-list .ellipsis-muti {max-height:60px;word-break:keep-all;}
/* .img-type-pop, .belt-banner, .mov-type-pop {display:none;} */
/* 띠 배너 */
.belt-banner {position:relative;z-index:100;display:block;overflow:hidden;background-color:#fff;background-size:cover;background-repeat:no-repeat;background-position:50% 0;}
.belt-banner .inner {padding:15px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.belt-banner .cont {text-align:center;}
.belt-banner .cont .txt {display:block;min-width:1px;min-height:43px;padding:0 25px 12px;font-size:20px;color:#666;border-bottom:1px solid #ddd;word-break:keep-all;}
.belt-banner .cont .btn-group {margin:0;padding:5px 0 0;}
.belt-banner .cont .btn-group .btn {margin:10px 0;}
.belt-banner .pop-close {position:absolute;top:15px;right:15px;}
.belt-banner .cookie-area {display:block;margin-top:15px;text-align:right;}
.belt-banner .cookie-area  input[type="checkbox"] + label {margin-top:0;margin-right:0;}
/* 이미지배너 */
.img-type-pop {position:fixed;z-index:900}
.img-type-pop .img-pop-cont {position:relative;display:inline-block;margin-top:30px;padding-top:3px;background:url('../../images/main/pop-bar.gif') #525050 no-repeat 0 0;background-size:auto 3px;}
.img-type-pop .btn-cooki {display:block;font-size:12px;color:#fff;line-height:26px;text-align:center;background:#fe5e01;}
.img-type-pop .pop-close {position:absolute;top:0;right:0;width:21px;height:21px;margin-top:-30px;padding:2px;}
/* 동영상 배너 */
.mov-type-pop {position:fixed;top:0;left:0;bottom:0;right:0;background:url('../../images/main/bg-dim1.png') repeat 0 0;z-index:1000;}
.mov-type-pop .mov-pop-cont {position:absolute;top:50%;left:50%;max-width:1100px;width:90%;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.mov-type-pop .mov-pop-cont .txt {padding:5px 0px 15px;}
.mov-type-pop .mov-pop-cont .txt .title {display:block;font-size:17px;color:#fff;line-height:25px;word-break: keep-all;}
.mov-type-pop .mov-pop-cont .txt .btn {margin:10px 8px 0 0;}
.mov-type-pop .mov-pop-cont .video-box {position:relative;border:3px solid #fc6004;}
.mov-type-pop .mov-pop-cont .video-box iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
.mov-type-pop .mov-pop-cont .pop-close {position:absolute;top:-20px;right:0;padding:5px;}
.mov-type-pop .mov-pop-cont p.align-right input[type="checkbox"] + label {margin-top:10px;margin-right:0;}


.octagon > div:not(.value-img) .wrap p.desc br {display:none;}	

.topic-area .mCSB_container, .list-wrap.forum-topic {width:1200px !important;}
.list-wrap.forum-topic > li {float:left;height:151px;padding-right:10px;}
.forum-box .m-info {margin-bottom:0;margin-top:10px;}
.top-list .scroll-x-list > li {height:92px;}

.agency-network .map {position:relative;overflow:hidden;padding-bottom:56.25%;height:0;}
.agency-network .map iframe,.agency-network .map object,.agency-network .map embed {position:absolute;top:0;left:0;width:100%;height:100%;}	

.topic-area .scroll-m-x {height:166px;}
.forum-top10 .scroll-m-x {height:107px;}

.auto-list > li > div {height:auto !important;}

.business-info .ani-sec1 .h2 {font-size:17px !important;}
.business-info .ani-sec1 .h4 {font-size:13px !important;}

.history .history-dir {position:static !important;height:auto !important;}
.global-autonics .country-cont {display:block !important;height:auto !important;}
/* 복리후생 */
.welfare-cont > div.unit3 .unit-bg {background-image:url('../../images/company/welfare-unit3-mo.jpg') !important;background-position:50% 0 !important;}
@media screen and (max-width:1023px){
	.list-wrap.edu-list .img > img:not(.size-img) {position:absolute;top:0;left:0;width:100%;}
	.list-wrap.edu-list.no-border > li {margin-top:0px;padding:15px;border-bottom:1px solid #ddd;}
	.list-wrap.edu-list.no-border > li:first-child {padding-top:0;}
	.list-wrap.edu-list .m-block {margin-top:10px;}
	.list-wrap.pro-fame .btn-att {top:104px;left:71px;width:28px;height:25px;min-width:28px;}
	.list-wrap.pro-fame .btn-att i {width:13px;height:13px;margin:7px 0 0 5px;background-position:-78px -16px;background-size:300px auto;}
	.list-wrap.pro-fame .btn-att.on i {background-position:0 -31px;}
	.list-wrap.pro-new.result > li {margin-top:15px;padding:0;}
	.list-wrap.pro-new.result > li:first-child {margin-top:0;}
	.list-wrap.pro-new.result > li > a:not(.btn) {padding:15px 130px 67px 15px;}
	.list-wrap.pro-new.result .img {top:15px;right:15px;}
	.list-wrap.txt-type .brd-info {margin-top:8px;}
	.list-wrap.pc-table.txt-type .brd-info {margin-top:3px;}
	.list-wrap.pc-table.txt-type .brd-info .m-inline {margin:5px 0 0;}
	.list-wrap.pc-table.txt-type .brd-info .m-inline:not(.after-bar) {display:block;width:100% !important;}
	.list-wrap.pc-table .tooltip.date .ellipsis {display:inline;}
	.list-wrap.series-list > li .btn-group a:after {display:none;}
	
	.global-autonics .map-content {display:block !important;opacity:1 !important;-ms-transform:matrix(1, 0, 0, 1, 0, 0) !important;-webkit-transform:matrix(1, 0, 0, 1, 0, 0) !important;-moz-transform:matrix(1, 0, 0, 1, 0, 0) !important;transform:matrix(1, 0, 0, 1, 0, 0) !important;}
	/* 이미지배너 */
	.img-type-pop {display:inline-block;top:50% !important;left:50% !important;max-width:438px;width:90%;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}	
	/* 마이페이지>관심제품 */
	.my-content .list-wrap.rel-list .img {border-bottom:0 none;}
	.mypage-wrap .half-line .row .col-6 {height:auto !important;}	
	.mypage-wrap .h4 + .align-right .btn {margin-top:7px;}
	.my-content .compare-list .list-wrap.rel-list > li > .line-div > .list-cont {padding-top:15px;}
	.my-content .forum-box.original .badge {position:static;margin:0 0 5px;}
	/* 통합검색 */
	.search-wrap .search-list .row:not(.no-image) .h4 {padding-right:75px;}
	/* main */
	.main .big-banner .swiper-slide .bg {display:none;}
	.main .big-banner .t-white .btn-group {margin-top:-10px;}
	.main .big-banner .t-white .btn-group .btn {margin-top:10px;}
	.main .scroll-x-list {padding-left:13px;/* margin-right:13px; */}
	.main .product-line .scroll-x-area {padding-bottom:0;}
	.main .product-line .scroll-x-area:after {display:none;}
	.main .product-line .tab-wrap.inner-tab li {float:none !important;width:100% !important;}
	.main .big-banner .t-white .btn-group .btn {padding:7px 30px;}
	.main .industry .bg3 {padding:20px 0 10px;}
	.main .industry .swiper-industry {display:block !important;}
	.main .mCSB_scrollTools .mCSB_draggerContainer {left:15px;right:15px;}	
}

@media screen and (max-width:320px){
	.laser-btn > .btn.linest1, .laser-btn > .btn.linest2{position:relative;width:100%;float:unset;margin:20px 0 0;}
	
}

.deviceMobile .list-wrap.edu-list .img > img:not(.size-img) {position:absolute;top:0;left:0;width:100%;}
.deviceMobile .list-wrap.edu-list.no-border > li {margin-top:0px;padding:15px;border-bottom:1px solid #ddd;}
.deviceMobile .list-wrap.edu-list.no-border > li:first-child {padding-top:0;}
.deviceMobile .list-wrap.edu-list .m-block {margin-top:10px;}
.deviceMobile .list-wrap.pro-fame .btn-att {top:104px;left:71px;width:28px;height:25px;min-width:28px;}
.deviceMobile .list-wrap.pro-fame .btn-att i {width:13px;height:13px;margin:7px 0 0 5px;background-position:-78px -16px;background-size:300px auto;}
.deviceMobile .list-wrap.pro-fame .btn-att.on i {background-position:0 -31px;}
.deviceMobile .list-wrap.pro-new.result > li {margin-top:15px;padding:0;}
.deviceMobile .list-wrap.pro-new.result > li:first-child {margin-top:0;}
.deviceMobile .list-wrap.pro-new.result > li > a:not(.btn) {padding:15px 130px 67px 15px;}
.deviceMobile .list-wrap.pro-new.result .img {top:15px;right:15px;}
.deviceMobile .list-wrap.txt-type .brd-info {margin-top:8px;}
.deviceMobile .list-wrap.pc-table.txt-type .brd-info {margin-top:3px;}
.deviceMobile .list-wrap.pc-table.txt-type .brd-info .m-inline {margin:5px 0 0;}
.deviceMobile .list-wrap.pc-table.txt-type .brd-info .m-inline:not(.after-bar) {display:block;width:100% !important;}
.deviceMobile .list-wrap.pc-table .tooltip.date .ellipsis {display:inline;}
.deviceMobile .list-wrap.series-list > li .btn-group a:after {display:none;}
.deviceMobile .global-autonics .country-cont {display:block !important;height:auto !important;}
.deviceMobile .img-type-pop {display:inline-block;top:50% !important;left:50% !important;max-width:438px;width:90%;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}	
/* 마이페이지>관심제품 */
.deviceMobile .my-content .list-wrap.rel-list .img {border-bottom:0 none;}
.deviceMobile .mypage-wrap .half-line .row .col-6 {height:auto !important;}	
.deviceMobile .mypage-wrap .h4 + .align-right .btn {margin-top:7px;}
.deviceMobile .my-content .compare-list .list-wrap.rel-list > li > .line-div > .list-cont {padding-top:15px;}
.deviceMobile .my-content .forum-box.original .badge {position:static;margin:0 0 5px;}
/* 통합검색 */
.deviceMobile .search-wrap .search-list .row:not(.no-image) .h4 {padding-right:75px;}
/* main */
.deviceMobile .main .big-banner .swiper-slide .bg {display:none;}
.deviceMobile .main .big-banner .t-white .btn-group {margin-top:-10px;}
.deviceMobile .main .big-banner .t-white .btn-group .btn {margin-top:10px;}
.deviceMobile .main .scroll-x-list {padding-left:13px;/* margin-right:13px; */}
.deviceMobile .main .product-line .scroll-x-area {padding-bottom:0;}
.deviceMobile .main .product-line .scroll-x-area:after {display:none;}
.deviceMobile .main .product-line .tab-wrap.inner-tab li {float:none !important;width:100% !important;}
.deviceMobile .main .big-banner .t-white .btn-group .btn {padding:7px 30px;}
.deviceMobile .main .industry .bg3 {padding:20px 0 10px;}
.deviceMobile .main .industry .swiper-industry {display:block !important;}
.deviceMobile .main .mCSB_scrollTools .mCSB_draggerContainer {left:15px;right:15px;}		

/* iphoneX */
.iphoneX #smartbar-wrap + #footer {margin-bottom:65px;}
.iphoneX #smartbar-wrap.chorme + #footer {margin-bottom:30px;}
.iphoneX #smartbar-wrap .head {padding-bottom:15px;}
.iphoneX #smartbar-wrap .body {bottom:65px;}

@media screen and (max-width:640px){	
	.overview .ani-sec1 {background-size:auto 400px;}	
	.main .big-banner .text-area p br {display:none !important;}
}
@media screen and (max-width:400px){
	.main .big-banner .title {margin-bottom:15px;font-size:18px;font-weight:bold;line-height:25px;}
	[lang="zh"] .main .big-banner .title {font-size:16px;line-height:20px;}	
	
	.main .big-banner .swiper-slide .bar {margin-bottom:12px;}
}
@media screen and (max-width:350px){	
	.content.location .tab-wrap > ul > li > a {font-size:14px;}
	.octagon > div:not(.value-img) .wrap strong {font-size:14px;}
}

/*2018.12.14 웹어워드 스타일 수정*/
/*@media screen and (min-width:1024px){
	[lang="ko"] .web-awra2018{display:inline-block;position:absolute;width:40px;height:60px;background:url('/images/etc/award_2018_v3_2.png') no-repeat left top;background-size: 100%;padding:0;top:7px;right:488px;}
}*/
@media screen and (min-width:1024px){
	[lang="ko"] .web-awra2018{display:inline-block;position:absolute;width:40px;height:60px;background:url('../../images/etc/award_2018_v3_2.png') no-repeat left top;background-size: 100%;padding:0;top:7px;right:488px;}
}
@media screen and (max-width:1023px){
	[lang="ko"] .web-awra2018{display:inline-block;position:absolute;width:32px;height:44px;background:url('../../images/etc/award_2018_v3_2.png') no-repeat left top;background-size: 100%;padding:0;top:44px;left:304px;}
}

@media screen and (width:1171px){
	[lang="ko"] .web-awra2018{display:inline-block;position:absolute;width:32px;height:44px;background:url('../../images/etc/award_2018_v3_2.png') no-repeat left top;background-size: 100%;padding:0;top:44px;left:304px;}
}


/*2019.4.12 카카오 추가*/
@media screen and (min-width:1024px){
	
	/* 2019. 12. 06. 테블릿 가로사이즈 화면 깨진다고 요청하여 margin-top 높이 수정. */
	/* 2019. 12. 10. 웹에서의 위치가 맞지 않아 원복 */
	[lang="ko"] .kakao-ko{display:inline-block;position:absolute;top:0;left:0;width:271px;height:50px;margin-top:220px;background:url('../../images/etc/cacao_banner_mo1.png') no-repeat 0 0;background-size:cover;}
}
@media screen and (max-width:1023px){
	[lang="ko"] .kakao-ko{display:inline-block;position:absolute;top:0;left:0;width:234px;height:43px;margin-top:175px;background:url('../../images/etc/cacao_banner_mo1.png') no-repeat 0 0;background-size:cover;}
}
@media screen and (width:1171px){
	[lang="ko"] .kakao-ko{display:inline-block;position:absolute;top:0;left:0;width:271px;height:50px;margin-top:175px;background:url('../../images/etc/cacao_banner_mo1.png') no-repeat 0 0;background-size:cover;}
}
@media screen and (min-width:1600px){
	[lang="ko"] .kakao-ko{display:inline-block;position:absolute;top:0;left:0;width:271px;height:50px;margin-top:220px;background:url('../../images/etc/cacao_banner_mo1.png') no-repeat 0 0;background-size:cover;}
}
@media screen and (min-width:1920px){
	[lang="ko"] .kakao-ko{display:inline-block;position:absolute;top:0;left:0;width:271px;height:50px;margin-top:220px;background:url('../../images/etc/cacao_banner_mo1.png') no-repeat 0 0;background-size:cover;}
}



/*===================================================================
					2019.06.12 메인 슬라이드 수정 
===================================================================*/

/* tablet */
@media screen and (max-width:1023px){	
	.main .big-banner {height:313px;}
	.swiper-container, .swiper-wrapper, .swiper-slide {height:100%;}
	.main .big-banner .text-area p.title {overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word;  line-height: 1.2em; height: 2.4em;}
	.main .big-banner .text-area p.desc {overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word;  line-height: 1.2em; height: 2.4em;}	
	
}


/* mobile */
@media screen and (max-width:400px){
	.main .big-banner {height:320px;}	
	.main .big-banner .text-area p.title {overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word;  line-height: 1.2em; height: 3.6em;}
	.main .big-banner .text-area p.desc {overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word;  line-height: 1.2em; height: 3.6em;}	
	
}

@media screen and (max-width:385px){
	.main .big-banner {height:340px;}
		
}
/*===================================================================*/


/*===================================================================
					 solution page 추가  
===================================================================*/

.solution-wrap .slide-sec {padding-bottom:40px;}
.solution .ani-sec1 .h2 {margin-bottom:10px;line-height:30px;}
.solution .ani-sec1 p + p {margin-top:15px;}
.solution .ani-sec1 p {word-break:keep-all;}
.solution .ani-sec1 .m-bg {margin:0 -15px 30px;padding:0 30px 50px;background:url('../../images/solution/solution-bg1.jpg') no-repeat 50% 0;background-size:cover; margin-top:-20px;}
.solution .ani-sec1 .m-bg * {color:#fff;}

.solution .ani-sec1 .h2, .solution .ani-sec2 .h2, .solution .ani-sec3 .h2, .solution .ani-sec4 .h2 {font-size:17px !important;}
.solution .ani-sec1 .h4, .solution .ani-sec2 .h4, .solution .ani-sec3 .h4, .solution .ani-sec4 .h4 {font-size:13px !important; line-height:1.6em;}
.solution .ani-sec4 h2 {margin:60px 0 35px;}
.solution .ani-sec2 .inner, .solution .ani-sec4 .inner {max-width:1500px;}

.solution .ani-sec3 {padding-bottom:10%;background:url('../../images/solution/solution-bg2.jpg') no-repeat 50% 0;background-size:cover; text-align:center; margin-top:35px;}
.solution .ani-sec3 .m-bg {display:none;}
.solution .ani-sec3 .com-title {padding-top:0; margin-bottom:15px;}


.solution .ani-sec2 .inner, .solution .ani-sec4 .inner {max-width:1300px; text-align:center}

.solution .ani-sec2 .solution-info1 {max-width:none;width:100%;padding:0;text-align:center; margin-bottom:10px;}
.solution .ani-sec4 .solution-info4 {max-width:none;width:100%;padding:0;text-align:center; margin:30px 0 0 0;}
.solution .ani-sec2 .solution-info1 li, .solution .ani-sec4 .solution-info4 li {display:inline-block;width:auto;padding:0;}
.solution .ani-sec2 .solution-info1 li {margin-bottom:30px}
.solution .ani-sec2 .solution-info1 .text-area, .solution .ani-sec4 .solution-info4 .text-area {padding:20px 0;}	

.solution .ani-sec2 .solution-info2, .solution .ani-sec4 .solution-info3 {max-width:none;width:100%;padding:0;text-align:center;}
.solution .ani-sec4 .solution-info3 {margin-top:40px;}
.solution .ani-sec2 .solution-info2 li {display:inline-block;width:auto;padding:0 20px;}
.solution .ani-sec4 .solution-info3 li {display:inline-block;width:auto;padding:0 20px; margin:10px 0;}
.solution .ani-sec2 .solution-info2 li img, .solution .ani-sec4 .solution-info3 li img {width:75px; height:75px}
.solution .ani-sec2 .solution-info2 .text-area, .solution .ani-sec4 .solution-info3 .text-area {padding:20px 0;}

.solution .solution-title2 {font-size:48px;margin-bottom:70px;padding-top:67px;}
.solution p.subtitle {margin:25px 0;}
.solution .ani-sec4 .subtitle3 {margin:35px 0;}
.solution .mailto {width:100%; margin:0 0 25px 0; padding:25px 0 0 0; background:#f5f5f5; color:#666}
.solution .mailto .btn-group.in-big {padding-bottom:0; margin-top:-15px;}
.solution .hidden-pc img {max-width:584px;}

@media screen and (max-width:1023px){
	.solution .h4 {font-size:13px !important; }
}


/* 2019.12.16 a/s 페이지 내용 추가 */
.konics-info, .konics-info > li {border:0 !important}
.konics-info > li .ques {position:relative;margin:4px 0 10px 0;padding:0; padding-left:10px;line-height:25px; color:red}
.konics-info > li .ques:before {content:'';position:absolute;top:9px;left:0;width:4px;height:4px;border-radius:2px;background-color:#fe5e01;}
.konics-info > li .ques:after {background:none}
.konics-info > li .ques .btn-xs {padding:1px 10px;margin:-5px 0 0 10px; }
.konics-info > li a.ques:hover, .konics-info > li a.ques:visited {text-decoration:none}

.konics-info .answer {border:0}
.konics-detail {margin:5px;}
.konics-detail li {border:0 !important}
.konics-detail .dot-list {margin-top:15px;}
.konics-txt {color:red}

.konics-detail .con-title {font-size:13px;}	 
@media screen and (max-width: 600px) {
	.konics-info > li .ques .btn-xs {margin-left:0;}	 
}

/*===================================================================
					 라이브러리 관련 추가 2020.04.17
===================================================================*/
/* 라이브러리 */
.inner.library-list {}
.inner.library-list .tab-wrap {margin:10px 0}

.inner-full .list-wrap.library {margin:0 15px}

.list-wrap.library .title {padding-top:0; line-height:18px;}
.list-wrap.library .title.h3 {font-size:18px!important;}
.list-wrap.library .title.h3 .title-cnt {color:#666; font-size:13px; margin-left:5px;}

.list-wrap.library .img	{border:1px solid #ddd; background-color:#eee;background-repeat:no-repeat;background-position:50% 50%;background-size:cover; width:100%; height:auto; margin-bottom:15px; position:relative}
.list-wrap.library .img .btn-group {position:absolute; width:100%; height:40px;bottom:0; padding:0; margin:0; background: rgba(250,250,250,0.80);}
.list-wrap.library .img .btn-group button {width:45%}
.list-wrap.library .img .btn-group button:first-child {border-right:1px solid red}

.list-wrap.library .desc.ellipsis {height:22px;overflow:hidden;}
.list-wrap.library .desc.ellipsis > * {display:block;max-width:100%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}

/* 자료실 - 상세보기 */
.library-detail {}
.library-detail:after {content:'';clear:both; display:block;}
.library-detail .img {height:200px; border-right:0; margin-bottom:15px; text-align:center}
.library-detail .img:after {content:'';clear:both; display:block;}
.library-detail .img img {width:auto; height:100%;}


/* 마이페이지 */
.list-wrap.my-library img.thumb {width:auto; height:50px; border:1px solid #ddd}
.list-wrap.my-library .btn-remove {position:absolute;right:15px;top:15px;margin-top:4px;}
.list-wrap.my-library .series {margin:6px 0;}
.list-wrap.my-library .ess {margin-bottom:10px;}
.list-wrap.my-library .title {margin-bottom:6px;color:#333;}


/* e-edu library 2020.05.07 */
/* e-edu 헤더 */
header.e-eduL {position:relative; height:440px; overflow: hidden; padding: 0; margin: 0 0 40px 0;}
.e-eduL video {position: relative; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; 
transform: translateX(-50%) translateY(-50%); background: url('../../images/common/e-edu-bg.jpg') no-repeat; background-size: cover; transition: 1s opacity;}
.e-eduL .overlay-background {position: absolute; z-index: 1; top:0; left:0; width:100%; height:100%; background:none rgba(51,51,51,0.5);}
.e-eduL .overlay-text {position: absolute; z-index: 2; top:25%; left:10%; color:#fff; display:block; width:80%; text-align:center;}
.e-eduL .overlay-text > * {color:#d7d7d7}
.e-eduL .overlay-text .sub-title {font-size:38px}
.e-eduL .overlay-text p.h2 {font-size:18px;line-height:25px; margin-top:15px}
.e-eduL .overlay-text p.h4 {font-size:15px; line-height:22px; margin-top:30px!important;}

.selectbox.lang {border:1px solid #fe5e01; }
.selectbox.lang .select-value:after {border-left:1px solid #fe5e01}
.pro-select .row.edu {margin-left:0;}

.e-edu-bottom {position:relative;}
.e-edu-bottom .thumbs-like {position:absolute; right:25px; top:-5px;}

/* 신제품 게시판 추가 2020.08.04 */
@media screen and (max-width:1023px){
	.table .productnews-title {height:35px; margin-bottom:-15px;} /* 2020-08-13 margin-bottom 추가 */
	.table .productnews-title p {line-height:35px; margin:0; display:inline-block; text-align:center}
	.table .productnews-title p:nth-child(1) {display:none}
	.table .productnews-title p:nth-child(2) {width:68%;}
	.table .productnews-title p:nth-child(3) {width:30%;}
	.productnewsList .productnews-list p {display:inline-block;}
	.pop-accodian .productnewsList .productnews-list .ques {padding:7px 170px 7px 0; line-height:15px;}
	.pop-accodian .productnewsList .productnews-list .ques * {line-height:18px; font-size:15px; }
	.pop-accodian .productnewsList .productnews-list .title {padding-left:10px;}
	.productnews-list p:nth-child(1) {display:none}
	.productnews-list p:nth-child(2) {width:100%; position:relative}
	.productnews-list p:nth-child(2) span.date {padding:7px 0; font-size:15px; text-align:center; position:absolute; right:60px; top:0}
	
}



/*===================================================================
					 E-solution page 추가  
===================================================================*/
.E-Solution {margin-bottom:-80px !important;}
.E-Solution .ani {opacity: 0;}
.deviceMobile .E-Solution .ani {opacity: 1 !important;}
.E-Solution .ani-sec1 {position: relative; height:860px; overflow: hidden; background: url('../../images/solution/e-solution-img01.png') no-repeat center; background-size:cover; text-align:left;}
.E-Solution .ani-sec1 .inner {height:100%;}
.E-Solution .ani-sec1 .e-solution-titBox .com-title {padding-top:180px;}
.E-Solution .ani-sec1 .e-solution-titBox .com-title, .E-Solution .ani-sec1 .e-solution-titBox .fc1, .E-Solution .ani-sec1 .e-solution-titBox .h4  {color:#fff !important; text-align:left;}
.E-Solution .ani-sec1 .e-solution-titBox .h4 {line-height:30px;}
.E-Solution .ani-sec2 {padding:100px 0 80px 0;}
.E-Solution .ani-sec2 .e-solution-titBox {text-align:center; margin-bottom:50px;}
.E-Solution .ani-sec2 .e-solution-titBox .h1 {margin-bottom:35px; color:#000;}
.E-Solution .ani-sec2 .e-solution-titBox .h4 {line-height:30px; color:#000;}
.E-Solution .ani-sec2 .e-solution-list {width:100%;}
.E-Solution .ani-sec2 .e-solution-list li {width:calc(50% - 40px); float:left; margin:30px 0 0 80px;}
.E-Solution .ani-sec2 .e-solution-list li:nth-child(1), .E-Solution .ani-sec2 .e-solution-list li:nth-child(2) {margin-top:0;}
.E-Solution .ani-sec2 .e-solution-list li:nth-child(2n+1) {margin-left:0;}
.E-Solution .ani-sec2 .e-solution-list li a {display:block; position:relative;}
.E-Solution .ani-sec2 .e-solution-list li a .e-solution-list-txt {width:100%; height:80px; position:absolute; bottom:0; left:0;}
.E-Solution .ani-sec2 .e-solution-list li a .e-solution-list-txt .rel-box {width:100%; height:100%; position:relative; padding:0 30px; box-sizing:border-box;}
.E-Solution .ani-sec2 .e-solution-list li a .e-solution-list-txt .rel-box:before {content: ''; width: 100%; height: 100%; background: rgba(51, 51, 51, 0.9); display: block; position: absolute; bottom: 0; right: 0; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}
.E-Solution .ani-sec2 .e-solution-list li a .e-solution-list-txt .rel-box:after {content: ''; width: 0; height: 100%; background: #ed530a; display: block; position: absolute; bottom: 0; left: 0; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}
.E-Solution .ani-sec2 .e-solution-list li a .e-solution-list-txt .rel-box > span {font-size:18px; color:#fff; position:relative; z-index:2; line-height:80px;}

.E-Solution .ani-sec2 .e-solution-list li a .e-solution-list-txt .rel-box .arrow-box {width: 80px; height: 80px; position: absolute; bottom: 0; right: 0; background: #ed530a; z-index: 5;}
.E-Solution .ani-sec2 .e-solution-list li a .e-solution-list-txt .rel-box .arrow-box:before {content: ''; width: 21px; height: 80px; display: block; position: absolute; bottom: 0; left: -10px; background: #ed530a; z-index: 0; webkit-transform: skewX(-13deg); transform: skewX(-13deg);}
.E-Solution .ani-sec2 .e-solution-list li a .e-solution-list-txt .rel-box .arrow-box .renew-sprite {width: 35px; height: 10px; background-position: -481px -312px; margin: 32px auto;}

.E-Solution .ani-sec2 .e-solution-list li a:hover .e-solution-list-txt .rel-box:before {width: 0;}
.E-Solution .ani-sec2 .e-solution-list li a:hover .e-solution-list-txt .rel-box:after {width: 100%;}

.E-Solution .e-solution-sce {position: relative; height:970px; padding-top:270px; box-sizing:border-box; overflow: hidden;}
.E-Solution .e-solution-sce.sec01 {background: url('../../images/solution/e-solution-bg01.jpg') no-repeat center; background-size:cover;}
.E-Solution .e-solution-sce.sec02 {background: url('../../images/solution/e-solution-bg02.jpg') no-repeat center; background-size:cover;}
.E-Solution .e-solution-sce.sec03 {background: url('../../images/solution/e-solution-bg03.jpg') no-repeat center; background-size:cover;}
.E-Solution .e-solution-sce.sec04 {background: url('../../images/solution/e-solution-bg04.jpg') no-repeat center; background-size:cover;}

.E-Solution .txt-box {width:calc(100% - 690px); float:left; margin-right:50px;}
.E-Solution .txt-box .b-tit {font-size:36px; color:#fff; margin-bottom:45px;}
.E-Solution .txt-box .b-tit span {width:60px; height:60px; display:inline-block; background:#fe5e01; text-align:center; margin-right:20px;}
.E-Solution .txt-box .s-txt {font-size:16px; color:#fff; line-height:24px; margin-bottom:30px;}
.E-Solution .txt-box .e-profile-box:after {content:''; display:block; clear:both;}
.E-Solution .txt-box .e-profile-box .e-profile {width:80px; display: block; float: left;}
.E-Solution .txt-box .e-profile-box .e-profile-list {display: block; float: left; margin: 5px 0 0 30px; width: calc(100% - 110px);}
.E-Solution .txt-box .e-profile-box .e-profile-list li {font-size:16px; line-height:24px; color:#fff; position:relative;}
.E-Solution .txt-box .e-profile-box .e-profile-list li:first-child {margin-top:0;}
.E-Solution .txt-box .e-profile-box .e-profile-list li > span {position:absolute; top:0; left:0;}
.E-Solution .txt-box .detailed-consulting-btn {width:230px;height:55px;line-height:55px;text-align:center;background:#fe5e01; display:block;margin-top: 30px;}
.E-Solution .txt-box .detailed-consulting-btn span {line-height: 55px;font-size: 18px;color: #fff;}


/* 외국어 전용 여백 */
.E-Solution .txt-box .e-profile-box .e-profile-list li:nth-child(1), .E-Solution .txt-box .e-profile-box .e-profile-list li:nth-child(3) {padding-left:50px;}
.E-Solution .txt-box .e-profile-box .e-profile-list li:nth-child(2) {padding-left:70px;}

/* 한국어 전용 여백 */
.ko_KR .E-Solution .txt-box .e-profile-box .e-profile-list li {padding-left:40px !important;} 



.E-Solution .e-video-box {max-width:640px; width:100%; float:left;}
.E-Solution .e-video-box .video-box {border:none;}
.E-Solution .left-box.txt-box {margin-right:50px;}
.E-Solution .right-box.txt-box {margin-left: 50px; margin-right: 0;}

.E-Solution .right-box.txt-box .b-tit {color:#000;}
.E-Solution .right-box.txt-box .b-tit span {color:#fff;}
.E-Solution .right-box.txt-box .s-txt {color:#222;}
.E-Solution .right-box.txt-box .e-profile-box .e-profile-list li {color:#222;}

.side-naviBox {position:fixed; top:50%; right:0; transform:translateY(-50%); display:none; z-index:11;}
.side-naviBox .side-navi li {margin-top:10px;}
.side-naviBox .side-navi li:first-child {margin-top:0;}
.side-naviBox .side-navi li a {padding:0 23px; height:40px; position:relative; display:block; background:#fff; text-align:center;}
.side-naviBox .side-navi li a.active:after, .side-naviBox .side-navi li a:hover:after {content: ''; width: 30px; height: 40px; display: block; position: absolute; bottom: 0; left: -8px; background: #fe5e01; z-index: 0; webkit-transform: skewX(-13deg); transform: skewX(-13deg);}
.side-naviBox .side-navi li a span {line-height:40px; font-size:16px; color:#000;}
.side-naviBox .side-navi li a.active, .side-naviBox .side-navi li a:hover {background:#fe5e01;}
.side-naviBox .side-navi li a.active span, .side-naviBox .side-navi li a:hover span {color:#fff;}

.e-video-init {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

@media screen and (max-width: 1500px) {
	
	.side-naviBox {display:none !important;}

}

@media screen and (max-width: 1200px) {
		
	.E-Solution .ani-sec1 .e-solution-titBox .com-title, .E-Solution .ani-sec1 .e-solution-titBox .fc1, .E-Solution .ani-sec1 .e-solution-titBox .h4  {text-align:center;}
	
	.E-Solution .e-solution-sce {height:auto; padding:70px 0 120px 0;}
	.E-Solution .e-solution-sce .inner {padding-top:60% !important;}
	.E-Solution .e-video-box {max-width:100%; width:100%; padding:0 15px; position:absolute; top:0; left:0; float:none;}
	.E-Solution .txt-box {width: 100%; float: none; margin: 0 !important;}
	
	.E-Solution .e-solution-sce.sec01, .E-Solution .e-solution-sce.sec02, .E-Solution .e-solution-sce.sec03, .E-Solution .e-solution-sce.sec04 {background-size:cover;}
	
}


@media screen and (max-width: 1024px) {

	.E-Solution .ani-sec1 {height:540px; background-position: center right -100px}

	.E-Solution .ani-sec1 .e-solution-titBox .com-title {padding-top: 100px;}
	.E-Solution .ani-sec1 .e-solution-titBox .fc1 {margin-bottom:40px;}
	.E-Solution .ani-sec1 .e-solution-titBox .h4 {margin-bottom:40px;}


	.E-Solution .ani-sec2 .e-solution-list li {width:calc(50% - 15px); float:left; margin:30px 0 0 30px;}
}



@media screen and (max-width: 980px) {

	.E-Solution .ani-sec2 {padding:50px 0 70px 0;}
	.E-Solution .ani-sec2 .e-solution-list li {width: 100%; float: left; margin: 20px 0 0 0;}
	.E-Solution .ani-sec2 .e-solution-list li:nth-child(2) {margin-top:20px;}	

	.E-Solution .ani-sec2 .e-solution-list li a .e-solution-list-txt {height:50px;}
	.E-Solution .ani-sec2 .e-solution-list li a .e-solution-list-txt .rel-box > span {font-size:15px; line-height:50px;}
	.E-Solution .ani-sec2 .e-solution-list li a .e-solution-list-txt .rel-box .arrow-box {height:50px;}
	.E-Solution .ani-sec2 .e-solution-list li a .e-solution-list-txt .rel-box .arrow-box:before {height:50px;}
	.E-Solution .ani-sec2 .e-solution-list li a .e-solution-list-txt .rel-box .arrow-box .renew-sprite {margin: 20px auto 0 auto;}

	.E-Solution .txt-box .b-tit {font-size: 22px; margin-bottom: 30px; line-height: 40px;}
	.E-Solution .txt-box .b-tit span {width: 40px; height: 40px; line-height: 40px; margin-right: 20px;}
	.E-Solution .txt-box .s-txt {font-size: 15px;}

	.E-Solution .txt-box .e-profile-box .e-profile-list li {font-size:15px; line-height:18px; margin-top:10px}
	.E-Solution .txt-box .e-profile-box .e-profile-list li:first-child {margin-top:0;}
	.E-Solution .txt-box .e-profile-box .e-profile-list li > span {line-height:1em;}
}


@media screen and (max-width: 680px) {

	.E-Solution .txt-box .detailed-consulting-btn {width: 100%;}
}






/* 품질 인증 정보 서비스 - 인증현황 */

.Certification-status {}
.Certification-status-svgBox {position:relative;}
#Certification-status-svg {max-width: 1200px; width:100%; height: 555px;}

.Certification-status .conList {position: absolute; width: 130px; text-align: center; cursor: pointer;}

.Certification-status .deco1 {top: 22%; left: 68%;}
.Certification-status .deco2 {top: 18%; left: 52%;}
.Certification-status .deco3 {top: 49%; left: 48%;}
.Certification-status .deco4 {top: 22%; left: 13%;}
.Certification-status .deco5 {top: 61%; left: 26%;}
.Certification-status .deco6 {top: 69%; left: 79%;}


.Certification-status .conList .spot {position: relative; display: block; padding-top: 40px; font-size: 18px; color: #666; text-align: center;}
.Certification-status .conList.active .spot {color:#fff;}
.Certification-status .conList .spot:before {content: ''; position: absolute; top: 0; left: 50%; width: 21px; height: 39px; margin-left: -10px; background: url('../../images/company/map-spot.png') no-repeat 0 0;}
.Certification-status .conList.active .spot:before {background-position: 0 100%;}

.Certification-status .conList .Certification-status-list {width:250px; max-height:300px; height:100%; padding:10px; border:1px solid #d7d7d7; background:#fff; box-sizing:border-box; display:none; position: relative; z-index: 11;}
.Certification-status .conList.active .Certification-status-list {display:block;}
.Certification-status-list {text-align:left;}
.Certification-status-list li.hide, .m-Certification-status-list li.hide {display:none;}
.Certification-status-list .mCustomScrollBox .mCSB_container > li {margin-top:15px;}
.Certification-status-list .mCustomScrollBox .mCSB_container > li:first-child {margin-top:0;}
.Certification-status-list .mCustomScrollBox .mCSB_container > li > p {font-size:15px; font-weight:bold; border-bottom:1px solid #fe5e01; color:#fe5e01; margin:20px 0 10px 0;}
.Certification-status-list .mCustomScrollBox .mCSB_container > li:first-child > p {margin-top:0;}
.Certification-status-list .inner-list li {line-height:1em; margin-top:10px;}

.Certification-status-list .inner-list li a {display:block;}
.Certification-status-list .inner-list li a span {vertical-align:top;}
.Certification-status-list .inner-list li a:hover span {text-decoration:underline;}


.Certification-logoBox {display: inline-block; vertical-align: top; width: 70px; height: 22px; text-align: center;}
.Certification-logoBox.long-ty {height: 8px;}
.Certification-logoBox.long-ty2 {height: 15px;}
.Certification-logoBox img {width:auto; height:100%;}
.Certification-logoBox.HART {height:15px;}




.m-Certification-status-Box {width:100%; padding:28px 20px; box-sizing:border-box; background:#fef7f2;}
.tab-result-cont {margin-top:15px;}
.tab-result-box {display:none;}


.tab-result-box {width:100%; padding:30px 20px 16px 20px; background:#fff; border:1px solid #d7d7d7; box-sizing:border-box;}
.m-Certification-status-list {text-align:left;}
.m-Certification-status-list > li {margin-top:15px;}
.m-Certification-status-list > li:first-child {margin-top:0;}
.m-Certification-status-list > li > p {font-size:15px; font-weight:bold; border-bottom:1px solid #fe5e01; color:#fe5e01; margin:20px 0 10px 0;}
.m-Certification-status-list > li:first-child > p {margin-top:0;}
.m-Certification-status-list li {line-height:1em; margin-top:10px;}


.Certification-status-gap {width:100%; height:95px; clear:both; display:block;}


.Certification-status-board { margin-top:30px;}
.Certification-status-board dl {border-bottom:1px solid #ddd; padding:30px 0; position:relative; min-height:220px;}
.Certification-status-board dl:first-child {border-top:1px solid #ddd;}
.Certification-status-board dl:after {content:''; display:block; clear:both;}
.Certification-status-board dt {width: 210px; text-align: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.Certification-status-board dt .Certification-status-board-vis {height:86px; text-align:center;}
.Certification-status-board dt .certmark {width:auto; height:100%;}
.Certification-status-board dt .txt-box .s-tit {margin: 15px 0; display: block;}
.Certification-status-board dt .txt-box .view-btn {padding:7px 34px; display:inline-block; background:#fe5e01;}
.Certification-status-board dt .txt-box .view-btn span {color:#fff;}
.Certification-status-board dt .txt-box .view-btn:hover span {text-decoration:underline;}
.Certification-status-board dd {width: calc(100% - 210px); padding: 0 60px 0 30px; box-sizing: border-box; border-left: 1px solid #ddd; margin-left: 210px;}
.Certification-status-board dd .s-tit {font-weight:bold; font-size:15px; color:#333; margin-bottom:25px;}
.Certification-status-board dd .s-txt {}


/* logo마다 다른 크기로 인하여 특정 큰것은 따로 height */
.Certification-status-board dt .Certification-status-board-vis.ULListed {height:65px;}
.Certification-status-board dt .Certification-status-board-vis.UL_Recognized {height:60px;}
.Certification-status-board dt .Certification-status-board-vis.HART {height:40px;}
.Certification-status-board dt .Certification-status-board-vis.DEVICENET {height:30px;}
.Certification-status-board dt .Certification-status-board-vis.TUV_NORD {height:70px;}

.Certification-status-board dt .Certification-status-board-vis.EtherCAT {height:40px;}
.Certification-status-board dt .Certification-status-board-vis.ULRecognized {height:60px;}
.Certification-status-board dt .Certification-status-board-vis.Ethernet_IP {height:20px;}
.Certification-status-board dt .Certification-status-board-vis.CC-Link {height:50px;}
.Certification-status-board dt .Certification-status-board-vis.ProfiNet {height:60px;}
.Certification-status-board dt .Certification-status-board-vis.ProfiBus {height:65px;}

/* 21.09.30 ROHS 레이어 팝업 추가 */
.Certification-status-board .layerpop-wrap .pop-container {width:50%;}
.Certification-status-board .pop-container h4 {font-size:23px}
.Certification-status-board .pop-container .content {padding:20px }
.Certification-status-board .dot-txt:before, .dot-list > li:before {top:12px}
.Certification-status-board .dot-list li {margin-top:15px; line-height:1.5em}
.Certification-status-board .dot-list + p.corp {text-align:center; margin-top:30px; font-size:25px}

/*
.Certification-status-board dd .Certification-status-board-list {min-height:185px;}
.Certification-status-board dd .Certification-status-board-list li {margin-top:10px;}
.Certification-status-board dd .Certification-status-board-list li:first-child {margin-top:0;}
.Certification-status-board dd .Certification-status-board-list li p {position:relative; padding-left:15px;}
.Certification-status-board dd .Certification-status-board-list li p:before {content:''; width:4px; height:4px; background:#fe5e01; display:block; position:absolute; top:8px; left:0;}
*/


.Certification-status-board-ty .paging-wrap {margin-top:60px;}
.Certification-status-search-box {text-align:center; margin-top:60px;}
.Certification-status-search-box .Certification-status-search-btn {padding:7px 34px; display:inline-block; background:#525050;}
.Certification-status-search-box .Certification-status-search-btn span {color:#fff;}
.Certification-status-search-box .Certification-status-search-btn:hover span {text-decoration:underline;}


@media screen and (max-width: 1024px) {
	.Certification-status-gap {height:5px;}
	.Certification-status-board dt {width: 100%; position: relative; transform: none; text-align: left; padding: 0 20px; box-sizing: border-box;}
	.Certification-status-board dt .Certification-status-board-vis {width:180px; height:67px; display: inline-block;}
	.Certification-status-board dt .certmark {width:auto; height:100%; display:inline-block;}
	.Certification-status-board dt .txt-box {display:inline-block; vertical-align:top; margin-left:23px;}
	.Certification-status-board dt .txt-box .s-tit {margin:0 0 15px 0;}
	.Certification-status-board dd {margin: 40px 0 0 0; padding: 0 20px; width: 100%; border: none;}
	
	/* 21.09.30 ROHS 레이어 팝업 추가 */
	.Certification-status-board .layerpop-wrap .pop-container {width:100%;}
}


@media screen and (max-width: 480px) {
	.Certification-status-board dt .Certification-status-board-vis {width: 100%; height: 67px; display: block;}
	.Certification-status-board dt .txt-box {display: block; margin: 0; text-align: center;}
	.Certification-status-board dt .txt-box .s-tit {margin: 15px 0;}
	.Certification-status-board dt .txt-box .view-btn {display: block; width: 100%; box-sizing: border-box; text-align: center;}
}






/* 품질 인증 정보 서비스 - 인증검색 */
.search-in-btn.ty03 {padding-right: 0; margin-top:55px;}
.search-in-btn.ty03 .search-bar {max-width: 500px; width: 100%; margin: 0 auto;}
.Certification-search {width:100%; position:relative;}
.Certification-search:after {content:''; display:block; clear:both;}
.Certification-search .left-box {width:calc(100% - 555px); margin-right:15px; float: left}
.Certification-search .right-box {width: 540px; float: left;}
.Certification-search .right-box:after {content:''; display:block; clear:both;}
.Certification-search .sub-txt {font-size:14px; margin:10px 0 !important;}
.Certification-search-checkbox {width:100%; padding:10px 20px 13px 20px; background:#fefbf9; border:1px solid #cbcbcb; border-top:none; position:relative; box-sizing:border-box;}
.Certification-search-checkbox:before {content: ''; width: calc(100% + 2px); height: 10px; background: #fe5e01; position: absolute; top: 0; left: -1px;}
.Certification-search-checkbox input[type="checkbox"] + label {margin-right:10px;}


.Certification-search-selbox-cont {width: 100%; position: relative;}
.Certification-search-selbox {width: calc(100% - 130px); height: 100%; padding: 20px 20px 13px 20px; background: #f5f5f5; border: 1px solid #cbcbcb; border-top: none; position: relative; box-sizing: border-box; margin-right: 130px; display: table;}
.Certification-search-selbox:before {content: ''; width: calc(100% + 2px); height: 10px; background: #525051; position: absolute; top: 0; left: -1px;}
.Certification-search-btn {width: 115px; height: 100%; margin-left: 15px; float: left; background: #525051; position: absolute; right: 0; top: 0; display: table; text-align: center;}
.Certification-search-btn span {font-size:18px; color:#fff; display:table-cell; vertical-align:middle;}
.Certification-search-selbox-inner {display: table-cell; vertical-align: middle;}
.Certification-search-selbox-inner .selectbox {max-width: calc(50% - 8px);}
.deviceDesk .Certification-search-container .table th, .deviceDesk .Certification-search-container .table td {text-align:center; padding: 25px 5px; height:auto; box-sizing:border-box;}
.Certification-search-container .table-link-btn:hover {text-decoration:underline;}


/* deviceMobile 일때 */
.deviceMobile .search-in-btn.ty03 {padding-right: 0; margin-top: 35px; padding-top: 35px; border-top: 1px solid #eaecf2;}
.deviceMobile .Certification-search-container .search-in-btn.ty03 .search-bar {max-width: 100%; width: 100%; margin: 0 auto;}
.deviceMobile .Certification-search .left-box {width:100%; margin:0 0 30px 0;}
.deviceMobile .Certification-search .right-box {width:100%; height:auto; position:relative;}
.deviceMobile .Certification-search-selbox {width: 100%; height: auto; padding: 23px 25px 13px;  margin: 0 0 10px 0; display: block;}
.deviceMobile .Certification-search-selbox-inner {display: block;}
.deviceMobile .Certification-search-selbox-inner .selectbox {max-width: 100%; margin-top:14px;}
.deviceMobile .Certification-search-selbox-inner .selectbox:first-child {margin-top:0;}
.deviceMobile .Certification-search-btn {width: 100%; height: 30px; margin-left: 0; float: none; position: relative;}
.deviceMobile .Certification-search-btn span {font-size: 14px;}
.deviceMobile .Certification-search-container .table th, .Certification-search-container .table td {text-align:center; padding: 10px 5px; height:auto;}





/* 2020. 11. 18. 추가 */
.tab-wrap.p-mt {margin-top:45px;}




@media screen and (max-width: 1024px) {
	
	.search-in-btn.ty03 {padding-right: 0; margin-top: 35px; padding-top: 35px; border-top: 1px solid #eaecf2;}
	.Certification-search-container .search-in-btn.ty03 .search-bar {max-width: 100%; width: 100%; margin: 0 auto;}
	.Certification-search .left-box {width:100%; margin:0 0 30px 0;}
	.Certification-search .right-box {width:100%; height:auto; position:relative;}
	.Certification-search-selbox {width: 100%; height: auto; padding: 23px 25px 13px;  margin: 0 0 10px 0; display: block;}
	.Certification-search-selbox-inner {display: block;}
	.Certification-search-selbox-inner .selectbox {max-width: 100%; margin-top:14px;}
	.Certification-search-selbox-inner .selectbox:first-child {margin-top:0;}
	.Certification-search-btn {width: 100%; height: 30px; margin-left: 0; float: none; position: relative;}
	.Certification-search-btn span {font-size: 14px;}
	.Certification-search-container .table th, .Certification-search-container .table td {text-align:center; padding: 10px 5px; height:auto;}
	
}



/* 신뢰성센터 */
/*
.Reliability-center {background:url('/images/solution/reliability-center-bg.png') no-repeat right bottom; background-size: contain; padding-bottom:190px; margin-bottom: -80px;}
*/
.Reliability-center {background:url('../../images/solution/reliability-center-b-bg.png') no-repeat 150px bottom; background-size: contain; padding-bottom:300px; margin-bottom: -200px;}
.Reliability-center .ani {opacity:0;}
.deviceMobile .Reliability-center .ani {opacity:1;}
.Reliability-center .txt-box .b-tit {font-size:38px; letter-spacing:-0.025em; font-weight:400; color:#000; line-height:1em; margin-bottom:65px;}
.Reliability-center .txt-box .s-txt {font-size:17px; letter-spacing:-0.025em; line-height:24px; font-weight:400; color:#000;}

.Recenter-sec01 {padding-top:5px; margin-bottom:95px;}

.Recenter-sec02 {margin-bottom:100px;}
.Recenter-sec02:after {content:''; display:block; clear:both;}
.Recenter-sec02 .txt-box {width: calc(100% - 710px); display: inline-block; vertical-align: middle; margin-right: 45px;}
.Recenter-sec02 .vis-box {display: inline-block; vertical-align: middle;}
.Recenter-sec02-bt-vis-list {margin-top: 93px;}
.Recenter-sec02-bt-vis-list:after {content:''; display:block; clear:both;}
.Recenter-sec02-bt-vis-list li {width:calc(33.33% - 47px); float:left; margin-left:70px;}
.Recenter-sec02-bt-vis-list li:first-child {margin-left:0;}

.Recenter-sec03 {margin-bottom:90px;}
.Recenter-sec03 .txt-box {margin-bottom:55px;}

.Recenter-sec04 {position:relative; margin-bottom:130px;}
.Recenter-sec04 .txt-box {width:calc(100% - 100px);} /* 360->100*/
.Recenter-sec04 .Recenter-sec04-logo-list {position:absolute; bottom:0; right:0;}
.Recenter-sec04-logo-list:after {content:''; display:block; clear:both;}
/*
.Recenter-sec04-logo-list li {float:left; display:block; margin-right:25px;}
.Recenter-sec04-logo-list li.iso {width:46px;}
.Recenter-sec04-logo-list li.iso2 {width:40px;}
.Recenter-sec04-logo-list li.ce {width:50px;}
.Recenter-sec04-logo-list li.ru {width:55px;}
.Recenter-sec04-logo-list li.listed {width:32px;}


.Recenter-sec04 .Recenter-sec04-logo-list.pc-none {display:none;}
*/
.Recenter-sec04-logo-list li {float:left; display:block; margin-right:45px;}
.Recenter-sec04-logo-list li img {width:auto; height:62px;}

.Recenter-sec05 {position:relative;}
.Recenter-sec05 .txt-box {width:calc(100% - 240px);}
.Recenter-sec05-vis {position:absolute; right:0; bottom:0;}

@media screen and (min-width: 1921px) {
	.Reliability-center {background-size:inherit;}
}

@media screen and (max-width: 1200px) {
	.Reliability-center .ani {opacity:1;}

	.Reliability-center .Recenter-sec02 .txt-box .s-txt > br {display:none;}	
	.Reliability-center .txt-box {width:100%; margin:0 0 20px 0;}
	.Reliability-center .txt-box .b-tit {font-size:21px; margin-bottom: 32px;}
	.Reliability-center .txt-box .s-txt {font-size:14px; line-height:20px;}/
	
	.Recenter-sec01 {margin-bottom: 50px;}

	.Recenter-sec02 {margin-bottom: 50px;}	
	.Recenter-sec02 .vis-box {width:100%; text-align:center;}
	.Recenter-sec02 .vis-box img {width:auto;}
	.Recenter-sec02-bt-vis-list {margin-top:20px;}
	.Recenter-sec02-bt-vis-list li {width: calc(33.33% - 14px); margin-left: 20px;}

	
	.Recenter-sec03 .txt-box .s-txt > br, .Recenter-sec04 .txt-box .s-txt > br, .Recenter-sec05 .txt-box .s-txt > br {display:none;}

	.Recenter-sec03, .Recenter-sec04, .Recenter-sec05 {margin-bottom:50px;}
	.Recenter-sec04 .txt-box {width:calc(100% - 360px);}
	.Recenter-sec05 .txt-box {width:calc(100% - 240px);}
	
	

}
/*
@media screen and (max-width: 980px) {
	.Recenter-sec04 .Recenter-sec04-logo-list.pc-none {display:block;}
	.Recenter-sec04 .Recenter-sec04-logo-list.mobile-none {display:none;}
}
*/
@media screen and (max-width: 780px) {
	
	.Reliability-center {padding-bottom:200px;}
	.Recenter-sec02 .vis-box img {width: 100%;}
	.Recenter-sec02-bt-vis-list li {width: 100%; margin: 20px 0 0 0; float: none; text-align:center;}
	/* .Recenter-sec02-bt-vis-list li > img {width:auto;} */
	

	.Recenter-sec04 .txt-box, .Recenter-sec05 .txt-box {width:100%;}
	.Recenter-sec04 {padding-bottom:50px;}
	.Recenter-sec05 {padding-bottom:120px;}
	
	.Recenter-sec04 .Recenter-sec04-logo-list, .Recenter-sec05-vis {right:50%; transform:translateX(50%) !important;}
	.Recenter-sec04 .Recenter-sec04-logo-list {width:325px;}
	.Recenter-sec04 .Recenter-sec04-logo-list li:last-child {margin-right:0;}
}



@media screen and (max-width: 380px) {
	.Recenter-sec04, .Recenter-sec05 {padding-bottom: 0;}
	.Recenter-sec04 .Recenter-sec04-logo-list, .Recenter-sec05-vis {width:100%; position:static; transform:none !important;}
	.Recenter-sec04 .Recenter-sec04-logo-list li {float:none; display:inline-block; margin:10px 20px 0 0;}

}


/*===================================================================
					 테크놀로지 추가  
===================================================================*/

/* 테크놀로지 - Safty */

.tech-safty h2.main-tit, .tech-safty h3.main-tit {font-size:25px; letter-spacing:1.5px; font-weight:bold}
.tech-safty h3 {color:#131313; font-size:15px; font-weight:bold;}

.tech-safty p.main-txt {font-size:15px; line-height:26px; margin:22px 0 50px;}						
	
.tech-safty .ani-sec01 {height:829px; overflow:hidden;background:url('../../images/solution/safty-bg1.png') no-repeat 50% 0; background-size:cover; background-attachment:fixed; text-align:center; color:#fff; border-bottom:1px solid #dbdbd9}
.tech-safty .ani-sec01 h2.main-tit {font-size:55px; letter-spacing:1.5px; padding-top:18%;}
.tech-safty .ani-sec01 p.main-tit-sub {font-size:15px; letter-spacing:1px; line-height:40px;}

.tech-safty .ani-sec02 {margin-top:135px;}
.tech-safty .ani-sec02 .safty-intro {height:170px; background:url('../../images/solution/safty-logo.png') 0 5px no-repeat; padding-left:550px;}
.tech-safty .ani-sec02 ul.safty-catch {font-size:0; letter-spacing:-5px; margin-top:150px;}
.tech-safty .ani-sec02 ul.safty-catch li {width:25%; margin-bottom:75px; display:inline-block; font-size:12px; letter-spacing:0; vertical-align:top; color:#000; *display:inline; zoom:1}
.tech-safty .ani-sec02 ul.safty-catch li h3 {padding-top:85px; width:62px; margin-bottom:15px; background:url('../../images/solution/safty-picto.png') no-repeat 0 0;  background-size:auto 62px;}
.tech-safty .ani-sec02 ul.safty-catch li:nth-child(2) h3 {background-position:-62px 0;}
.tech-safty .ani-sec02 ul.safty-catch li:nth-child(3) h3 {background-position:-124px 0;}
.tech-safty .ani-sec02 ul.safty-catch li:nth-child(4) h3 {background-position:-186px 0;}
.tech-safty .ani-sec02 ul.safty-catch li p {width:200px; font-size:13px;}
.tech-safty .ani-sec02 ul.safty-catch li p.h3-tit {font-size:15px; font-weight:bold} /* 21-05-04 추가 */

.tech-safty .ani-sec03 {margin-top:150px; height:440px; overflow:hidden;background:url('../../images/solution/safty-bg2.png') no-repeat 50% 0;background-size:cover; /* background-attachment:fixed; */ color:#fff; padding-top:90px; text-align:center}
.tech-safty .ani-sec03 .main-tit {font-size:30px; letter-spacing:1.5px; font-weight:bold}
.tech-safty .ani-sec03 .main-tit-sub {font-size:15px; line-height:55px;}
.tech-safty .ani-sec03 .main-txt {font-size:15px; line-height:22px;}

.tech-safty .ani-sec04 {margin-top:125px;}
.tech-safty .ani-sec04 .safty-tech {margin-bottom:40px}
.tech-safty .ani-sec04 .safty-tech:after {clear : both; content: " "; display: block;}
.tech-safty .ani-sec04 .safty-tech .safty-tech-img {float:left; width:50%}
/* hover시 이미지 확대 추가 */
.tech-safty .ani-sec04 .safty-tech .safty-tech-img {-webkit-transform: scale(1);
  transform: scale(1); -webkit-transition: .35s ease-in-out; transition: .35s ease-in-out; border:1px solid #ddd; overflow:hidden;}
.tech-safty .ani-sec04 .safty-tech .safty-tech-img  img:hover {transform:scale(1.1); -o-transform:scale(1.1);  -moz-transform:scale(1.1); -webkit-transform:scale(1.1); transition: transform .35s; -o-transition: transform .35s; -moz-transition: transform .35s; -webkit-transition: transform .35s;}
/*// hover시  이미지 확대 추가 */
.tech-safty .ani-sec04 .safty-tech .safty-tech-txt {float:right; width:50%; padding:0 20px 0 60px}
.tech-safty .ani-sec04 .safty-tech-txt p {margin:20px 0 50px; line-height:28px;}
.tech-safty .ani-sec04 .safty-btn {display: inline-block; position: relative; text-align: center; vertical-align: middle; white-space: normal; word-break: keep-all; width:48%; min-height: 62px; padding: 12px 15px 13px; font-size: 15px; line-height: 20px; color: #3d3d3d; font-weight:bold;
background: #fff; border:1px solid #3d3d3d; margin: 10px 2% 0 0;}
.tech-safty .ani-sec04 .safty-btn:last-child {margin-right:0}

.tech-safty .ani-sec05 {margin-top:150px; height:440px; overflow:hidden;background:url('../../images/solution/safty-bg3.png') no-repeat 50% 0;background-size:cover; /* background-attachment:fixed; */ color:#fff; padding-top:135px; text-align:center}
.tech-safty .ani-sec05 .main-tit {font-size:30px; letter-spacing:1.5px; font-weight:bold}
.tech-safty .ani-sec05 .main-txt {font-size:15px; line-height:22px; margin-top:30px}

.tech-safty .ani-sec06 {margin-top:130px;}
.tech-safty .ani-sec06 ul.safty-certi li {float:left; width:32%; margin-right:2%; text-align:center; margin-bottom:20px;}
.tech-safty .ani-sec06 ul.safty-certi li:nth-child(3n) {margin-right:0}
.tech-safty .ani-sec06 ul.safty-certi li a {width:100%; height:100%; padding:50px 0; display:block}
.tech-safty .ani-sec06 .safty-certi-title {}
.tech-safty .ani-sec06 .safty-certi-title:after {clear:both; content: ""; display: block; background:url('../../images/solution/safty-picto.png') no-repeat 0 0;  background-size:auto 62px;}
.tech-safty .ani-sec06 .safty-certi-titleblock, .tech-safty .ani-sec06 .safty-certi {float:left; width:50%}
.tech-safty .ani-sec06 .safty-certi-titleblock {background:url('../../images/solution/safty-arr-2.png') no-repeat 85% 75%;  background-size:130px auto;}
.tech-safty .ani-sec06 .safty-certi-titleblock p {margin:25% 0 0 27%; width:32%; text-align:center; padding:50px 0; background:#b8b8b8; line-height:30px; color:#fff; font-weight:bold;}
.tech-safty .ani-sec06 .safty-certi-titleblock p > img {width:50%;}

.tech-safty .ani-sec06 ul.safty-certi li {float:left; width:31%; margin-right:3%; padding:50px 0; border:1.5px solid #dedede; box-sizing:border-box; text-align:center; margin-bottom:20px;}
.tech-safty .ani-sec06 ul.safty-certi li:nth-child(3n) {margin-right:0}
.tech-safty .ani-sec06 ul.safty-certi li > h4 {color:#000; font-weight:bold}

.tech-safty .ani-sec06 .safty-detail {margin:80px 0 140px;}
.tech-safty .ani-sec06 .safty-detail .safty-detail-web {display:block}
.tech-safty .ani-sec06 .safty-detail .safty-detail-mo {display:none}
.tech-safty .ani-sec06 .safty-detail .hidden-web {display:none}

.tech-safty .ani-sec06 .safty-detail-mark {}
.tech-safty .ani-sec06 .safty-detail-mark:after {clear:both; content: " "; display: block;}
.tech-safty .ani-sec06 .safty-detail-mark .con-tit {float:left}
.tech-safty .ani-sec06 .safty-detail-mark .con-txt {float:right}
.tech-safty .ani-sec06 .safty-detail-mark .con-txt li {height:33px; float:left; margin-left:25px;}

/* 아코디언 게시판 */
.tech-safty .ani-sec06 .pop-accodian .safty-list  .safty-list-title .ques * {line-height:18px; font-size:15px;}
.tech-safty .ani-sec06 .safty-list-title {position:relative}

.tech-safty .ani-sec06 .pop-accodian .safty-list  .safty-list-title .title {padding-left:10px;}
.tech-safty .ani-sec06 .pop-accodian .productnewsList .answer {padding-left:11%}
.tech-safty .ani-sec06 .pop-accodian .ques:after {content:'';position:absolute; top:50%; left:0; width:12px; height:12px; background:url('../../images/solution/safty-arr.png') no-repeat 0 0; background-size: 24px; transform: translateY(-50%);}
.tech-safty .ani-sec06 .pop-accodian li.active .ques:after {background-position:-12px 0;}
.tech-safty .ani-sec06 .pop-accodian li .answer {padding:30px; background:#fff}

.tech-safty .ani-sec07 {margin-top:80px;}
.tech-safty .ani-sec07 ul.safty-app {font-size:0; letter-spacing:-5px}
.tech-safty .ani-sec07 ul.safty-app li {width:32%; margin-right:2%; margin-bottom:75px; display:inline-block; font-size:12px; letter-spacing:0; vertical-align:top; color:#fff; *display:inline; zoom:1}
.tech-safty .ani-sec07 ul.safty-app li:nth-child(3n) {margin-right:0}		

.tech-safty .ani-sec07 ul.safty-app .img {-webkit-transform: scale(1);
  transform: scale(1); -webkit-transition: .35s ease-in-out; transition: .35s ease-in-out; border:1px solid #ddd; overflow:hidden;}
.tech-safty .ani-sec07 ul.safty-app li a .img:hover img {transform:scale(1.1); -o-transform:scale(1.1);  -moz-transform:scale(1.1); -webkit-transform:scale(1.1); transition: transform .35s; -o-transition: transform .35s; -moz-transition: transform .35s; -webkit-transition: transform .35s;}
.tech-safty .ani-sec07 .safty-app > li > a > h4 {color:#313131; font-weight:bold; margin-top:15px; font-size:16px;}
.tech-safty .ani-sec07 .safty-app > li > a > h5 {line-height:30px; color:#626262; font-size:15px;}
.tech-safty .ani-sec07 .safty-app  p.con-txt {line-height:25px; padding-right:50px; color:#636363; font-size:13px;}

/* hidden */ 
.screen-reader-text {border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important;}

/* ie background-attachment:fixed; 떨림현상 */
@supports ( -ms-accelerator:true ) 
{
    html{overflow: hidden; height: 100%;}
    body{overflow: auto; height: 100%; }
}
/*Ie 10/11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) 
{
    html{overflow: hidden; height: 100%;}
    body{overflow: auto; height: 100%;}
}
/* //ie background-attachment:fixed; 떨림현상 // */


/*
##Device = Tablets, Ipads (portrait),
##Screen = B/w 768px to 1024px
##Device = 태블릿, 아이패드(세로),
##Screen = 768px에서 1024px 사이
*/
@media (min-width: 768px) and (max-width: 1024px)  {

.tech-safty .ani-sec01 {height:629px}
.tech-safty .ani-sec02 .safty-intro {height:170px; background:url('../../images/solution/safty-logo.png') no-repeat 50% 0; padding:12% 20px 0 20px;}

.tech-safty .ani-sec02 ul.safty-catch {margin:150px 0 0 50px;}
.tech-safty .ani-sec02 ul.safty-catch li {width:50%;}
.tech-safty .ani-sec02 .safty-catch li h3 {padding-top:85px; width:62px; margin-bottom:15px; background:url('../../images/solution/safty-picto.png') no-repeat 0 0;  background-size:auto 62px;}

.tech-safty .ani-sec003 {margin-top:50px}

/* 버튼 */
.tech-safty .ani-sec04 .safty-tech {position:relative}
.tech-safty .ani-sec04 .safty-tech .safty-tech-txt {float:right; width:50%; padding:0 20px 0 30px}
.tech-safty .ani-sec04 .safty-tech-txt p {margin:10px 0 10px; line-height:22px;}
.tech-safty .ani-sec04 .safty-btn {display: inline-block; position: relative; text-align: center; vertical-align: middle; white-space: normal; word-break: keep-all; width:47%; min-height:0; padding: 12px 15px 13px; font-size: 15px; line-height: 20px; color: #3d3d3d; font-weight:bold;
background: #fff; border:1px solid #3d3d3d; margin: 10px 2% 0 0;}
.tech-safty .ani-sec04  .safty-btn.po-btm {position:absolute; bottom:0; right:0}
.tech-safty .ani-sec04  .safty-btn.po-btm2 {position:absolute; bottom:26%; right:-2%}

.tech-safty .ani-sec06 .safty-certi-titleblock {background-size:100px auto;}
.tech-safty .ani-sec06 .safty-certi-titleblock p {margin-top:55%}

.tech-safty .ani-sec06 .safty-detail-mark {margin-bottom:50px;}
.tech-safty .ani-sec06 .safty-detail-mark:after {clear:both; content: " "; display: block;}
.tech-safty .ani-sec06 .safty-detail-mark .con-tit, .tech-safty .ani-sec06 .safty-detail-mark .con-txt {float:left; width:100%}
.tech-safty .ani-sec06 .safty-detail-mark .con-txt li {height:33px; float:left; margin-left:25px; margin-top:-25px}
.tech-safty .ani-sec06 .safty-detail-mark .con-txt li:first-child {margin-left:0}

.tech-safty .ani-sec07 ul.safty-app li {width:48%; margin-right:2%; margin-bottom:75px}
.tech-safty .ani-sec07 ul.safty-app li:nth-child(2n) {margin-right:0}						
.tech-safty .ani-sec07 ul.safty-app li:nth-child(3) {margin-right:2%}

}

/*
##Device = Low Resolution Tablets, Mobiles (Landscape)
##Screen = B/w 481px to 767px
##Device = 저해상도 태블릿, 모바일(가로)
##Screen = 481px에서 767px 사이
*/

@media (min-width: 481px) and (max-width: 767px) {
.tech-safty .ani-sec01 {height:429px}
.tech-safty .ani-sec02 .safty-intro {height:170px; background:url('../../images/solution/safty-logo.png') no-repeat 50% 0; padding:38% 20px 0 20px;}
 
.tech-safty .ani-sec02 ul.safty-catch {margin:340px 0 0 50px;}
.tech-safty .ani-sec02 ul.safty-catch li {width:50%;}

.tech-safty .ani-sec02 .safty-catch li h3 {padding-top:85px; width:62px; margin-bottom:15px; background:url('../../images/solution/safty-picto.png') no-repeat 0 0;  background-size:auto 62px;}

.tech-safty .ani-sec03 .main-tit-sub {margin-top:15px; line-height:22px;} 
.tech-safty .ani-sec04 .safty-tech {}
.tech-safty .ani-sec04 .safty-tech:after, .tech-safty .ani-sec04 .safty-tech .safty-btn.po-btm:after, .tech-safty .ani-sec04 .safty-tech .safty-btn.po-btm2:after,
.tech-safty .ani-sec04 .safty-tech .safty-tech-img:after, .tech-safty .ani-sec04 .safty-tech .safty-tech-txt:after {clear:both}
.tech-safty .ani-sec04 .safty-tech .safty-tech-img {width:100%}
.tech-safty .ani-sec04 .safty-tech .safty-tech-txt {width:100%; padding:20px}
.tech-safty .ani-sec04 .safty-tech-txt p {margin:10px 0 10px; line-height:20px;}
.tech-safty .ani-sec04 .safty-btn {width:100%; padding:7px 15px 7px; min-height:0; line-height: 20px;;
background: #fff; border:1px solid #3d3d3d; margin: 10px 2% 0 0;}

.tech-safty .ani-sec04, .tech-safty .ani-sec05, .tech-safty .ani-sec06, .tech-safty .ani-sec07, .tech-safty .ani-sec08 {margin-top:50px;}

.tech-safty .ani-sec06 .safty-certi-titleblock, .tech-safty .ani-sec06 .safty-certi {width:100%}
.tech-safty .ani-sec06 .safty-certi-titleblock {background:none}
.tech-safty .ani-sec06 .safty-certi-titleblock p {margin:0 auto 20px; width:50%}

.tech-safty .ani-sec06 .safty-detail {margin:40px 0 70px;}
.tech-safty .ani-sec06 .safty-detail .safty-detail-web {display:none}
.tech-safty .ani-sec06 .safty-detail .safty-detail-mo {display:block}
.tech-safty .ani-sec06 .safty-detail ul.hidden-web {display:block; font-size:0; letter-spacing:-5px; margin-top:35px}
.tech-safty .ani-sec06 .safty-detail > ul > li {display:inline-block; font-size:12px; letter-spacing:0; vertical-align:top; *display:inline; zoom:1;  width:48%; margin-right:4%; margin-bottom:15px; }
.tech-safty .ani-sec06 .safty-detail > ul > li:nth-child(2n) {margin-right:0}
.tech-safty .ani-sec06 .safty-detail > ul > li > div {margin:0 !important; border-top:1px solid #dcdcdc; padding:5px 0 0 5px}
.tech-safty .ani-sec06 .safty-detail > ul > li > div > h4 {font-weight:bold; color:#363636; line-height:25px; font-size:15px}
.tech-safty .ani-sec06 .safty-detail > ul > li > div > h4 > span {color:#969696}

.tech-safty .ani-sec06 .safty-detail-mark {margin-bottom:50px;}
.tech-safty .ani-sec06 .safty-detail-mark .con-tit, .tech-safty .ani-sec06 .safty-detail-mark .con-txt {float:left; width:100%}
.tech-safty .ani-sec06 .safty-detail-mark .con-txt li {height:33px; float:left; margin-left:15px; margin-top:-25px}
.tech-safty .ani-sec06 .safty-detail-mark .con-txt li:first-child {margin-left:0;}

.tech-safty .ani-sec07 ul.safty-app li {width:48%; margin-right:2%; margin-bottom:75px}
.tech-safty .ani-sec07 ul.safty-app li:nth-child(2n) {margin-right:0}						
.tech-safty .ani-sec07 ul.safty-app li:nth-child(3) {margin-right:2%}

}

/*
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
##Device = 대부분의 스마트폰 모바일 기기(세로)
##Screen = 320px에서 479px 사이
*/
@media (max-width: 480px) {
.tech-safty .ani-sec01 {height:429px; padding-top:25%}
.tech-safty .ani-sec01 h2.main-tit {font-size:45px;}
.tech-safty .ani-sec02 .safty-intro {height:200px; background:url('../../images/solution/safty-logo.png') no-repeat 50% 0; background-size:100%; padding:0;}
.tech-safty .ani-sec02 .safty-intro > p {padding-top:120px;}

.tech-safty .ani-sec02 ul.safty-catch {margin:340px 0 0 10px;}
.tech-safty .ani-sec02 ul.safty-catch li {width:100%; margin-bottom:20px}

.tech-safty .ani-sec02 ul.safty-catch li h3 {padding-top:75px; width:62px; margin-bottom:10px; background:url('../../images/solution/safty-picto.png') no-repeat 0 0;  background-size:auto 62px;}
.tech-safty .ani-sec02 ul.safty-catch li p {width:80%}

.tech-safty .ani-sec02, .tech-safty .ani-sec03, .tech-safty .ani-sec04, .tech-safty .ani-sec05, .tech-safty .ani-sec06, .tech-safty .ani-sec07, .tech-safty .ani-sec08 {margin-top:50px;}
.tech-safty .ani-sec04 .safty-tech {}
.tech-safty .ani-sec04 .safty-tech:after,  .tech-safty .ani-sec04 .tech-safty .ani-sec04 .safty-btn.po-btm:after, .tech-safty .ani-sec04 .safty-btn.po-btm2:after,
.tech-safty .ani-sec04 .safty-tech .safty-tech-img:after, .tech-safty .ani-sec04 .safty-tech .safty-tech-txt:after {clear:both}
.tech-safty .ani-sec04 .safty-tech .safty-tech-img {width:100%}
.tech-safty .ani-sec04 .safty-tech .safty-tech-txt {width:100%; padding:20px}
.tech-safty .ani-sec04 .safty-tech-txt p {margin:10px 0 10px; line-height:20px;}
.tech-safty .ani-sec04 .safty-btn {width:100%; padding:7px 15px 7px; min-height:0; line-height: 20px; background: #fff; border:1px solid #3d3d3d; margin: 10px 2% 0 0;}

.tech-safty .ani-sec06 .safty-certi-titleblock, .tech-safty .ani-sec06 .safty-certi {width:100%}
.tech-safty .ani-sec06 .safty-certi-titleblock {background:none}
.tech-safty .ani-sec06 .safty-certi-titleblock p {margin:0 auto 20px; width:50%}

.tech-safty .ani-sec06 .safty-detail {margin:20px 0 50px;}
.tech-safty .ani-sec06 .safty-detail .safty-detail-web {display:none}
.tech-safty .ani-sec06 .safty-detail .safty-detail-mo {display:block}
.tech-safty .ani-sec06 .safty-detail ul.hidden-web {display:block; font-size:0; letter-spacing:-5px; margin-top:25px}
.tech-safty .ani-sec06 .safty-detail > ul > li {display:inline-block; font-size:12px; letter-spacing:0; vertical-align:top; *display:inline; zoom:1;  width:48%; margin-right:4%; margin-bottom:15px; }
.tech-safty .ani-sec06 .safty-detail > ul > li:nth-child(2n) {margin-right:0}
.tech-safty .ani-sec06 .safty-detail > ul > li > div {margin:0 !important; border-top:1px solid #dcdcdc; padding:5px 0 0 5px}
.tech-safty .ani-sec06 .safty-detail > ul > li > div > h4 {font-weight:bold; color:#363636; line-height:25px; font-size:15px}
.tech-safty .ani-sec06 .safty-detail > ul > li > div > h4 > span {color:#969696}

.tech-safty .ani-sec06 .safty-detail-mark {margin-bottom:50px;}
.tech-safty .ani-sec06 .safty-detail-mark .con-tit, .tech-safty .ani-sec06 .safty-detail-mark .con-txt {float:left; width:100%}
.tech-safty .ani-sec06 .safty-detail-mark .con-txt li {height:33px; float:left; margin-left:15px; margin-top:-25px}
.tech-safty .ani-sec06 .safty-detail-mark .con-txt li img {height:25px; width:auto;} /* 21.05.12 ccc mark 추가 */
.tech-safty .ani-sec06 .safty-detail-mark .con-txt li:first-child {margin-left:0}

.tech-safty .ani-sec07 ul.safty-app li {width:100%; margin-right:0; margin-bottom:50px}

}

/* 교육페이지 대한상공회의소 교육 배너 추가 */ 
#edu-2021 .edu-2021 {margin-top:10px; background:#f4f4f4}
#edu-2021 .sub-title img {width:auto; vertical-align:middle; margin-top:-3px}
#edu-2021 .edu-2021 li {margin:20px 0; border-right:1px solid #8a8a8a}
#edu-2021 .edu-2021 li:last-child {border:0}
#edu-2021 .edu-2021 .banner2 {margin:0; padding:0 20px 0 50px; display:inline-block; position:relative; min-height:100px;}
#edu-2021 .edu-2021 .banner2 p.h4 {line-height:28px}
#edu-2021 .edu-2021 .btn-group {margin-top:10px}

@media screen and (max-width: 1023px){
	#edu-2021 .edu-2021 li {border-bottom:1px solid #8a8a8a; border-right:0; padding-bottom:30px}
}


/* 2021 온라인 전시회 사전 이벤트 페이지 */
.onEx-2021-pre {margin-bottom:-80px}
.onEx-2021-pre .ani-sec01 {height:1080px; overflow:hidden; background:url('../../images/solution/onEx-2021-pre-bg-1.jpg') no-repeat 50% 0; background-size:cover; background-attachment:fixed; text-align:center; color:#fff; position:relative}
.onEx-2021-pre .ani-sec01 h3 {margin-top: 11%; font-size: 2.215em; font-weight: bold; opacity: 50%; letter-spacing:0.0625em;}
.onEx-2021-pre .ani-sec01 h2 {margin:50px auto; display:block;}
.onEx-2021-pre .ani-sec01 h2 img {width:849px; height:120px;}
.onEx-2021-pre .ani-sec01 h3.data {margin-top: 4.4%; font-size: 48px; font-weight: bold; opacity: 0.7; letter-spacing:3px/**/}

.onEx-2021-pre .ani-sec01 a.wheel {display: block; position: relative; margin: 30vh auto 0 auto; padding-top:65px; color:#fff; font-size:13px; letter-spacing:1.5px}
.onEx-2021-pre .ani-sec01 a.wheel span {position: absolute; top: 0; left: 50%; width: 20px; height: 20px; margin-left: -10px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite; opacity: 0; box-sizing: border-box;}
.onEx-2021-pre .ani-sec01 a.wheel span:nth-of-type(1) {-webkit-animation-delay: 0s; animation-delay: 0s;}
.onEx-2021-pre .ani-sec01 a.wheel span:nth-of-type(2) {top: 16px; -webkit-animation-delay: .15s; animation-delay: .15s;}
.onEx-2021-pre .ani-sec01 a.wheel span:nth-of-type(3) {top: 32px; -webkit-animation-delay: .3s; animation-delay: .3s;}
@-webkit-keyframes sdb {
  0% {opacity: 0;}
  50% {opacity: 1;}
  100% {opacity: 0;}
}
@keyframes sdb {
  0% {opacity: 0;}
  50% {opacity: 1;}
  100% {opacity: 0;}
}
.onEx-2021-pre .hidden-web {display:block; font-size:0; font-size:0; position:absolute; top:0; left:0;} 
.onEx-2021-pre .ani-sec02 {height:1080px; overflow: hidden; background: url('../../images/solution/onEx-2021-pre-bg-2.jpg') no-repeat center; background-size:cover; position: relative; text-align:center; color:#2b2b2b;}

.onEx-2021-pre .ani-sec02 .sec02-con {width:100%; margin:18% auto 0 auto;}
.onEx-2021-pre .ani-sec02 .sec02-con * {line-height:1.5}
.onEx-2021-pre .ani-sec02 .sec02-con h4 {font-size:33px; font-weight:bold; }
.onEx-2021-pre .ani-sec02 .sec02-con h4 span {}

.onEx-2021-pre .ani-sec02 .sec02-con p {margin-top:50px; font-weight:500; font-size: 18px;}

.onEx-2021-pre .ani-sec03 {text-align:center; color:#fff; position:relative;}
.onEx-2021-pre .ani-sec03 .btn-layer-pop {position:absolute; top:78%; left:42%; width:16%; height:6%; text-indent:-50000px}
.onEx-2021-pre .ani-sec03 .sns {}
.onEx-2021-pre .ani-sec03 .sns li {position:absolute; top:88.5%; width:3.1%; height:5.3%; text-indent:-50000px; cursor:pointer}
.onEx-2021-pre .ani-sec03 .sns li:nth-child(1) {left:44.8%;}
.onEx-2021-pre .ani-sec03 .sns li:nth-child(2) {left:48.4%; }
.onEx-2021-pre .ani-sec03 .sns li:nth-child(3) {left:52.1%; }

.onEx-2021-pre .ani-sec03 .hidden-pc {display:none}
.onEx-2021-pre .ani-sec03 .hidden-mo {display:block !important}
.onEx-2021-pre .ani-sec03 .pop-container {color:#666; text-align:left}
.onEx-2021-pre .ani-sec03 .pop-container .popcontent {position:relative; padding:20px; background:#fff; }
.onEx-2021-pre .ani-sec03 .pop-container .event-box {padding:10px; margin-top:5px; border:1px solid #ddd}
.onEx-2021-pre .ani-sec03 .pop-container .write-box {margin:20px 0;}
.onEx-2021-pre .ani-sec03 .pop-container .write-box dl {line-height:42px;}
.onEx-2021-pre .ani-sec03 .pop-container .write-box dl:after {content:'';display:block;clear:both;}
.onEx-2021-pre .ani-sec03 .pop-container .write-box dt {display:inline-block; width:34%; padding-left:6%; vertical-align:middle}
.onEx-2021-pre .ani-sec03 .pop-container .write-box dd {display:inline-block; width:59%}
.onEx-2021-pre .ani-sec03 .pop-container .form-control {width:80%}

.onEx-2021-pre .ani-sec04 {background:#666; color:#dcdcdc; margin:0}
.onEx-2021-pre .ani-sec04 .info {padding:40px 30px; max-width:980px; width:100%; margin:0 auto; }
.onEx-2021-pre .ani-sec04 .info li {list-style:none; margin:5px 0}
.onEx-2021-pre .ani-sec04 .info li a {color:#fff;}
.onEx-2021-pre .ani-sec04 .info .h4 {font-weight:bold; background: url('../../ck/2019/07/10/8/31/24/a106f829-d24a-4cc2-8666-1b9a0677c79d.png') no-repeat 0 2px; background-size: 22px 22px; padding-left: 30px; line-height: 25px; margin-bottom: 15px;}

.onEx-2021-pre .ani-sec03.event2021 .btn-layer-pop {position:absolute; top:89%; left:31%; width:18%; height:6%; text-indent:-50000px;}
.onEx-2021-pre .ani-sec03.event2021 .link2021 {position:absolute; top:89%; left:51%; width:18%; height:6%; text-indent:-50000px;}


@media screen and (max-width: 1024px) {
.onEx-2021-pre {margin-bottom:-40px;}
.onEx-2021-pre .ani-sec01 {height:620px;}
.onEx-2021-pre .ani-sec01 h2 {margin:50px auto; display:block; }
.onEx-2021-pre .ani-sec01 h2 img {width:80%; height:auto;}
.onEx-2021-pre .ani-sec01 a.wheel {margin: 10vh auto 0 auto;}

.onEx-2021-pre .ani-sec02  {height:620px; background-position: center}
.onEx-2021-pre .ani-sec02 .sec02-con {margin-top:20%}
.onEx-2021-pre .ani-sec02 .sec02-con h4 {font-size:24px}
.onEx-2021-pre .ani-sec02 .sec02-con h4 span, .onEx-2021-pre .ani-sec02 .sec02-con p {font-size:1em}
.onEx-2021-pre .ani-sec02 .sec02-con p {margin-top:40px; font-size:15px}

.onEx-2021-pre .ani-sec03 .hidden-mo {display:none !important}
.onEx-2021-pre .ani-sec03 .hidden-pc {display:block !important}
.onEx-2021-pre .ani-sec03 .pop-container .popcontent {padding:20px 10px}
.onEx-2021-pre .ani-sec03 .btn-layer-pop {position:absolute; top:38%; left:29%; width:43%; height:3.1%; }
.onEx-2021-pre .ani-sec03 .sns li {position:absolute; top:94%; width:10%; height:3.1%; }
.onEx-2021-pre .ani-sec03 .sns li:nth-child(1) {left:34%;}
.onEx-2021-pre .ani-sec03 .sns li:nth-child(2) {left:45%; }
.onEx-2021-pre .ani-sec03 .sns li:nth-child(3) {left:56.6%; }

.onEx-2021-pre .ani-sec03.event2021 .btn-layer-pop {position:absolute; top:41.1%; left:5.2%; width:43%; height:2.7%;}
.onEx-2021-pre .ani-sec03.event2021 .link2021 {position:absolute; top:41.1%; left:52%; width:43%; height:2.7%;}
}

@media screen and (max-width: 481px) { 
.onEx-2021-pre .ani-sec01, .onEx-2021-pre .ani-sec02 {height:540px;}
.onEx-2021-pre .ani-sec01 h2 {margin:50px auto; display:block; }
.onEx-2021-pre .ani-sec01 h3.data {font-size: 25px; letter-spacing:2px}
.m-br {display:block}
}



/* 온라인 전시회 본페이지 2021-06-30 */
.onEx-2021 {margin-bottom:-80px}

/* scroll 표시 */
.onEx-2021 .ani-sec01 {height:auto; position:relative; overflow: hidden; background: url('../../images/solution/onEx-2021-bg1.jpg') no-repeat center; background-size:cover; padding:150px 0 170px 0; text-align:center; color:#2b2b2b;}
.onEx-2021 .ani-sec01 h4 {font-size: 69px; font-weight:bold; margin-bottom:100px;}
.onEx-2021 .ani-sec01 p {font-weight:500; font-size: 1.25em; line-height:1.5; letter-spacing:0.1em; width:75%; margin:0 auto; margin-bottom:150px;}
.onEx-2021 .ani-sec01 .wheel {display:block; position: absolute; left: 50%; bottom:150px; width:240px; font-size:23px; font-weight:bold; margin-left:-120px}
.onEx-2021 .ani-sec01 .wheel span {position: relative; margin: 0 83px; width: 74px; height: 41px; background:url('../../images/solution/onEx-2021-arrow.png') 0 0 no-repeat; display:block; box-sizing: border-box; animation: bounce 3s ease-in infinite;}
@keyframes bounce {
	from {top: 20px;opacity: 0.8;}
	to {top: 3rem; opacity: 0;}
}

.onEx-2021 .ani-sec02 {height:940px; background: linear-gradient(to left, #fcfcfc 25%, #f9f9f9 25%, #f9f9f9 50%, #f5f5f5 50%, #f5f5f5 75%, #f0f0f0 75% ); background: linear-gradient(to left, #fcfcfc 25%, #f9f9f9 25% 50%, #f5f5f5 50% 75%, #f0f0f0 75% );}
.onEx-2021 .ani-sec02 ul.online-picto {font-size:0; letter-spacing:-5px; padding-top:300px;}
.onEx-2021 .ani-sec02 ul.online-picto li {width:25%; display:inline-block; font-size:12px; letter-spacing:0; vertical-align:top; color:#000; *display:inline; zoom:1}
.onEx-2021 .ani-sec02 ul.online-picto li .pictogram {width:90%;  text-align:center; margin:0 auto; display:block}
[lang='ru'] .onEx-2021 .ani-sec02 ul.online-picto li .pictogram h3 {height:80px}
.onEx-2021 .ani-sec02 ul.online-picto li .pictogram p.pictoimg {background:url('../../images/solution/onEx-2021-picto.png') no-repeat;  width:280px; height:173px; background-size:auto 173px; display:block; margin:0 auto}
.onEx-2021 .ani-sec02 ul.online-picto li .pictogram p.pictoimg.no1 {background-position:0 0;}
.onEx-2021 .ani-sec02 ul.online-picto li .pictogram p.pictoimg.no2 {background-position:-280px 0;}
.onEx-2021 .ani-sec02 ul.online-picto li .pictogram p.pictoimg.no3 {background-position:-560px 0;}
.onEx-2021 .ani-sec02 ul.online-picto li .pictogram p.pictoimg.no4 {background-position:-840px 0;}
.onEx-2021 .ani-sec02 ul.online-picto li .pictogram h3 {margin-top:20px; font-size:28px; font-weight:bold; line-height:1.5}
.onEx-2021 .ani-sec02 ul.online-picto li .pictogram p.txt {margin-top:20px; font-size:15px; line-height:1.5; text-align:left}

.onEx-2021 .ani-sec03 .indu-1, .onEx-2021 .ani-sec03 .indu-2 {height:auto; padding:100px 0; overflow: hidden; background-size:cover; text-align:center; color:#212121;}
.onEx-2021 .ani-sec03 .indu-1 {background: url('../../images/solution/onEx-2021-industry-bg-1.jpg') no-repeat center;}
.onEx-2021 .ani-sec03 .indu-2 {margin-top:10px; background: url('../../images/solution/onEx-2021-industry-bg-2.jpg') no-repeat center;}
.onEx-2021 .ani-sec03 .indu-cont1 {width:30%; display:block; padding:20px; margin:0 5% 0 65%}
.onEx-2021 .ani-sec03 .indu-cont2 {width:30%; display:block; padding:20px; margin:0 65% 0 5 %}
.onEx-2021 .ani-sec03 .indu-cont1 h3, .ani-sec03 .indu-cont2 h3 {font-size:28px; font-weight:bold; margin-bottom:25px}
.onEx-2021 .ani-sec03 .indu-cont1 p, .ani-sec03 .indu-cont2 p {font-size:15px; text-align:left}

.onEx-2021 .ani-sec04-ie {width:100%; font-size:25px; text-align:center; padding:300px 0;}
.onEx-2021 .ani-sec04 {background:#f0f0f0; height:940px; padding-top:60px; position:relative; }
.onEx-2021 .ani-sec04 .virtual-open {margin:0 auto 45px auto; display:block; width:1246px; height:702px; background:url('../../images/solution/onEx-2021-iframe-bg.png') no-repeat 0 0; background-size:cover; position:relative;}
.onEx-2021 .ani-sec04 .virtual-open p.info {color:#fff; font-size:20px; position:absolute; bottom:20px; left:20px; }
.onEx-2021 .ani-sec04 .virtual {margin:0 auto 45px auto; display:none; width:1246px; height:702px}
.onEx-2021 .ani-sec04 .virtual-ie {width:100%; font-size:25px; text-align:center; padding:350px 0 0 0; display:none}
.onEx-2021 .ani-sec04 .virtual-op {display:none}

/* 이벤트 배너 */
.onEx-2021 .event-banner {background:#fcfaf2; text-align:center}
.onEx-2021 .event-banner a img {max-width:1920px;}
.onEx-2021 .event-banner .hidden-pcBanner {display:none}
.onEx-2021 .event-banner .hidden-moBanner {display:block}

/* 레이어 팝업 */
.onEx-2021 .ani-sec04 .pop-container {color:#666; text-align:left}
.onEx-2021 .ani-sec04 .pop-container .content .h4 {margin-bottom:5px;}
.onEx-2021 .ani-sec04 .pop-container .event-box.scroll-y {height:150px;padding:10px 0 10px 20px; border:1px solid #ddd; }
.onEx-2021 .ani-sec04 .pop-container .write-box {margin:20px 0 0 0;}
.onEx-2021 .ani-sec04 .pop-container .write-box dl {line-height:42px;}
.onEx-2021 .ani-sec04 .pop-container .write-box dl:after {content:'';display:block;clear:both;}
.onEx-2021 .ani-sec04 .pop-container .write-box dt {display:inline-block; width:34%; padding-left:6%; vertical-align:middle}
.onEx-2021 .ani-sec04 .pop-container .write-box dd {display:inline-block; width:59%}
.onEx-2021 .ani-sec04 .pop-container .form-control {width:80%}
.onEx-2021 .ani-sec04 .pop-container .btn-group {margin-top:10px}

/* 슬라이드 배너 */

/* slick-slide css / Arrows */
.onEx-2021 .ani-sec05 .slick-prev,
.onEx-2021 .ani-sec05 .slick-next {font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%);  transform: translate(0, -50%);
cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}
.onEx-2021 .ani-sec05 .slick-prev:hover,
.onEx-2021 .ani-sec05 .slick-prev:focus,
.onEx-2021 .ani-sec05 .slick-next:hover,
.onEx-2021 .ani-sec05 .slick-next:focus {color: transparent; outline: none; background: transparent;}
.onEx-2021 .ani-sec05 .slick-prev:hover:before,
.onEx-2021 .ani-sec05 .slick-prev:focus:before,
.onEx-2021 .ani-sec05 .slick-next:hover:before,
.onEx-2021 .ani-sec05 .slick-next:focus:before {opacity: 1;}
.onEx-2021 .ani-sec05 .slick-prev.slick-disabled:before,
.onEx-2021 .ani-sec05 .slick-next.slick-disabled:before {opacity: .25;}
.onEx-2021 .ani-sec05 .slick-prev:before,
.onEx-2021 .ani-sec05 .slick-next:before{font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.onEx-2021 .ani-sec05 .slick-prev {left: -25px;}
[dir='rtl'] .onEx-2021 .ani-sec05 .slick-prev {right: -25px; left: auto;}
.onEx-2021 .ani-sec05 .slick-prev:before {content: '←';}
[dir='rtl'] .onEx-2021 .ani-sec05 .slick-prev:before {content: '→';}
.onEx-2021 .ani-sec05 .slick-next {right: -25px;}
[dir='rtl'] .onEx-2021 .ani-sec05 .slick-next {right: auto; left: -25px;}
.onEx-2021 .ani-sec05 .slick-next:before {content: '→';}
[dir='rtl'] .onEx-2021 .ani-sec05 .slick-next:before {content: '←';}

.onEx-2021 .ani-sec05 {height:auto; background : linear-gradient(90deg, #bbb, #f0f0f0 50%, #bbb); padding:50px 0;}
.onEx-2021 .ani-sec05 .slider-section {width: 90%; margin:50px auto;}
.onEx-2021 .ani-sec05 .slick-list {overflow:visible}
.onEx-2021 .ani-sec05 .slick-slide {margin: 0px 25px; height:80%;}
.onEx-2021 .ani-sec05 .slick-slide img {filter: grayscale(100%) brightness(30%) drop-shadow(8px 8px 10px gray);}
.onEx-2021 .ani-sec05 .slick-prev:before, .onEx-2021 .ani-sec05 .slick-next:before {font-size:0; border: solid #fff; border-width: 0 10px 10px 0; display: inline-block; padding: 20px;}
.onEx-2021 .ani-sec05 .slick-prev {left:50%; margin:0 0 0 -20%;  z-index:1; transform: rotate(135deg); -webkit-transform: rotate(135deg);}
.onEx-2021 .ani-sec05 .slick-next {right:50%; margin:0 -20% 0 0;  transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.onEx-2021 .ani-sec05 .slick-slide {transition: all ease-in-out .3s; opacity: .2;}
.onEx-2021 .ani-sec05 .slick-active {opacity: .8;}
.onEx-2021 .ani-sec05 .slick-current {opacity: 1;}
.onEx-2021 .ani-sec05 .slick-current img {filter: grayscale(0%); transform:scale(1.15); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.3);}


@media screen and (max-width: 1024px) {
.onEx-2021 .ani-sec01 {padding:80px 0 150px 0;}
.onEx-2021 .ani-sec01 h4 {font-size: 45px; margin-bottom:50px;}
.onEx-2021 .ani-sec01 p {margin-bottom:50px;}
.onEx-2021 .ani-sec01 .wheel {font-size:15px; width:200px; margin-left:-100px; bottom:100px}
.onEx-2021 .ani-sec01 .wheel span {width: 55px; height: 30px; margin: 0 70px; background-size:cover;}

.onEx-2021 .ani-sec02 {height:620px;}
.onEx-2021 .ani-sec02 ul.online-picto {padding-top:100px;}
.onEx-2021 .ani-sec02 ul.online-picto li .pictogram h3 {height:70px;}
[lang='vi'] .onEx-2021 .ani-sec02 ul.online-picto li .pictogram h3,
[lang='ru'] .onEx-2021 .ani-sec02 ul.online-picto li .pictogram h3 {font-size:23px; height:90px;}
.onEx-2021 .ani-sec02 ul.online-picto li .pictogram p.pictoimg {width:211px; height:130px; background-size:auto 130px;}
.onEx-2021 .ani-sec02 ul.online-picto li .pictogram p.pictoimg.no1 {background-position:0 0;}
.onEx-2021 .ani-sec02 ul.online-picto li .pictogram p.pictoimg.no2 {background-position:-211px 0;}
.onEx-2021 .ani-sec02 ul.online-picto li .pictogram p.pictoimg.no3 {background-position:-421px 0;}
.onEx-2021 .ani-sec02 ul.online-picto li .pictogram p.pictoimg.no4 {background-position:-632px 0;}

.onEx-2021 .ani-sec03 .indu-1, .onEx-2021 .ani-sec03 .indu-2 {padding:50px 0;}
.onEx-2021 .ani-sec03 .indu-cont1 {width:40%; margin:0 10% 0 50%} 
.onEx-2021 .ani-sec03 .indu-cont2 {width:40%; margin:0 50% 0 10%}

.onEx-2021 .ani-sec04 {height:auto; }
.onEx-2021 .ani-sec04 .virtual, .onEx-2021 .ani-sec04 .btn-group, .onEx-2021 .ani-sec04 .virtual-open {display:none} 
.onEx-2021 .ani-sec04 .virtual-op {margin:0 auto; display:block; font-size:25px; text-align:center; padding:130px 0 150px 0;}

/* 슬라이드 배너 */
.onEx-2021 .ani-sec05 .slick-prev {margin-left:-50%;}
.onEx-2021 .ani-sec05 .slick-next {margin-right:-50%}
}


@media (min-width: 481px) and (max-width: 767px) {
.onEx-2021 .ani-sec01 {padding:80px 0 150px 0;}
.onEx-2021 .ani-sec01 h4 {font-size: 30px; margin-bottom:35px;}

.onEx-2021 .ani-sec02 {background:none; height:auto;}
.onEx-2021 .ani-sec02 ul.online-picto {padding-top:0;}
.onEx-2021 .ani-sec02 ul.online-picto li {width:100%; display:block;  background:linear-gradient(#fcfcfc, #cfcdcd); padding:30px 0}
.onEx-2021 .ani-sec02 ul.online-picto li .pictogram p.pictoimg {width:162px; height:100px; background-size:auto 100px;}
.onEx-2021 .ani-sec02 ul.online-picto li .pictogram p.pictoimg.no1 {background-position:0 0;}
.onEx-2021 .ani-sec02 ul.online-picto li .pictogram p.pictoimg.no2 {background-position:-162px 0;}
.onEx-2021 .ani-sec02 ul.online-picto li .pictogram p.pictoimg.no3 {background-position:-324px 0;}
.onEx-2021 .ani-sec02 ul.online-picto li .pictogram p.pictoimg.no4 {background-position:-486px 0;}
.onEx-2021 .ani-sec02 ul.online-picto li .pictogram h3 {font-size:22px; height:auto;}
.onEx-2021 .ani-sec02 ul.online-picto li .pictogram p.txt {font-size:13px;}

.onEx-2021 .ani-sec03 .indu-1, .onEx-2021 .ani-sec03 .indu-2 {padding:25px 0;}
.onEx-2021 .ani-sec03 .indu-cont1, .onEx-2021 .ani-sec03 .indu-cont2 {width:70%; margin:0 15% 0 15%; background:rgba(255, 255, 255, 0.5);} 

.onEx-2021 .ani-sec04 {margin-top:0}
.onEx-2021 .ani-sec04 .virtual, .ani-sec04 .btn-group {display:none}
.onEx-2021 .ani-sec04 .virtual-op {margin:0 auto; height:auto; display:block; font-size:25px; text-align:center; padding:70px 0 150px 0}

/* 슬라이드 배너 */
.onEx-2021 .ani-sec05 {padding-top:20px; height:auto;}
.onEx-2021 .ani-sec05 .slick-prev {margin-left:-45%;}
.onEx-2021 .ani-sec05 .slick-next {margin-right:-45%}

.m-br {display:block}
}

@media screen and (max-width: 481px) { 
.onEx-2021 .ani-sec01 {padding:50px 0 150px 0;}
.onEx-2021 .ani-sec01 h4 {font-size: 30px; margin-bottom:50px;}
.onEx-2021 .ani-sec01 p {font-size:13px; width:90%}
.onEx-2021 .ani-sec01 .wheel {font-size:12px; bottom:100px;}
.onEx-2021 .ani-sec01 .wheel span {margin: 0 80px; width: 40px; height: 22px;}

.onEx-2021 .ani-sec02 {background:none; height:auto;}
.onEx-2021 .ani-sec02 ul.online-picto {padding-top:0;}
.onEx-2021 .ani-sec02 ul.online-picto li {width:100%; display:block;  background:linear-gradient(#fcfcfc, #cfcdcd); padding:30px 0}
.onEx-2021 .ani-sec02 ul.online-picto li .pictogram p.pictoimg {width:162px; height:100px; background-size:auto 100px; display:block; margin:0 auto}
.onEx-2021 .ani-sec02 ul.online-picto li .pictogram p.pictoimg.no1 {background-position:0 0;}
.onEx-2021 .ani-sec02 ul.online-picto li .pictogram p.pictoimg.no2 {background-position:-162px 0;}
.onEx-2021 .ani-sec02 ul.online-picto li .pictogram p.pictoimg.no3 {background-position:-324px 0;}
.onEx-2021 .ani-sec02 ul.online-picto li .pictogram p.pictoimg.no4 {background-position:-486px 0;}
.onEx-2021 .ani-sec02 ul.online-picto li .pictogram h3 {font-size:22px; height:auto !important;}
.onEx-2021 .ani-sec02 ul.online-picto li .pictogram p.txt {font-size:13px;}

.onEx-2021 .ani-sec03 .indu-1 {background-position:left top;}
.onEx-2021 .ani-sec03 .indu-2 {background-position:right top;}
.onEx-2021 .ani-sec03 .indu-1, .onEx-2021 .ani-sec03 .indu-2 {padding:20px 0;}
.onEx-2021 .ani-sec03 .indu-cont1, .onEx-2021 .ani-sec03 .indu-cont2 {width:90%; margin:0 5% 0 5%; background:rgba(255, 255, 255, 0.5);} 

.onEx-2021 .ani-sec04 {height:auto; padding-top:0}
.onEx-2021 .ani-sec04 .virtual, .ani-sec04 .btn-group {display:none}
.onEx-2021 .ani-sec04 .virtual-op {margin:0 auto; padding:80px 20px; display:block; font-size:22px; text-align:center;}

/* 이벤트 배너 */
.onEx-2021 .event-banner .hidden-pcBanner {display:block}
.onEx-2021 .event-banner .hidden-moBanner {display:none}

/* 슬라이드 배너 */
.onEx-2021 .ani-sec05 {padding-top:20px;}
.onEx-2021 .ani-sec05 .slick-prev:before, .onEx-2021 .ani-sec05 .slick-next:before {border-width:0 8px 8px 0; padding:8px}
.onEx-2021 .ani-sec05 .slick-prev {margin-left:-45%;}
.onEx-2021 .ani-sec05 .slick-next {margin-right:-45%}
}



/*===================================================================
					network 추가  
===================================================================*/
.tech-network * {line-height:1.8em}

/* ani-sec01 */
.tech-network .ani-sec01 {height:829px; overflow:hidden;background:url('../../images/solution/network-bg-1.png') no-repeat 50% 0; background-size:cover; background-attachment:fixed; text-align:center; color:#fff; border-bottom:1px solid #909ca2}
.tech-network .ani-sec01 h2 {font-size: 76px; margin-bottom:30px; margin-top:310px;}
.tech-network .ani-sec01 p {font-size: 20px;}

/* ani-sec02 */
.tech-network .ani-sec02 {margin:145px 0 190px 0}
.tech-network .ani-sec02 .networkTop {}
.tech-network .ani-sec02 .networkTop:after {clear : both; content: " "; display: block;}
.tech-network .ani-sec02 .networkTop h4 {background:url('../../images/solution/network-sprite.png') no-repeat 0 0;background-size:500px auto; width:319px; height:121px; float:left; text-indent:-10000px;}
.tech-network .ani-sec02 .networkTop p {width:50%; float:right}
.tech-network .ani-sec02 .tech-comm {margin:70px 0; text-align:center; font-size:20px; color:#242424;} 

.tech-network .ani-sec02 .networkFlow {}
.tech-network .ani-sec02 .networkFlow:after {clear:both; content: " "; display: block;}
.tech-network .ani-sec02 .networkCont {float:left; width:23%;}
.tech-network .ani-sec02 .networkCont dt {font-size:16px; font-weight:bold; color:#242424; margin-bottom:15px}
.tech-network .ani-sec02 .networkCont dt span{background:url('../../images/solution/network-sprite.png') no-repeat 0 -130px; background-size:500px auto; width:100px; height:87px; display:block; margin-bottom:15px; }
.tech-network .ani-sec02 .networkCont dt.nth2 span {background-position:-100px -130px}
.tech-network .ani-sec02 .networkCont dt.nth3 span {background-position:-200px -130px}
.tech-network .ani-sec02 .networkCont dd {}

.tech-network .ani-sec02 .networkFlowP {float:left; width:15%; text-align:center; padding:150px 0 8px 0; background:url('../../images/solution/network-arr2.png') no-repeat center bottom; background-size:auto 8px;}
.tech-network .ani-sec02 .networkFlowP span {padding:0 10px 10px 10px; border-bottom:1px solid #ddd}

/* ani-sec03, 09 */
.tech-network .ani-sec03, .tech-network .ani-sec09 {height:auto; overflow: hidden; text-align:center; color:#fff; display:block}
.tech-network .ani-sec03 .inner {background: url('../../images/solution/network-bg-2.png') no-repeat center; background-size:cover;}
.tech-network .ani-sec09 .inner {background: url('../../images/solution/network-bg-3.png') no-repeat center; padding:100px 5%; background-size:cover;}
.tech-network .ani-sec03 h3, .tech-network .ani-sec09 h3 {font-size: 28px; padding-top:50px}
.tech-network .ani-sec03 p, .tech-network .ani-sec09 p {margin-top:20px; font-size: 15px; padding-bottom:50px}


/* ani-sec04 */
.tech-network .ani-sec04 {margin-top:135px;}
.tech-network .ani-sec04 h4 {font-size:25px; color:#242424}
.tech-network .ani-sec04 .title-text {/*line-height:28px;*/ margin:15px 0 50px 0;}
.tech-network .ani-sec04 .interface-list {}
.tech-network .ani-sec04 .interface-list:after {clear : both; content: " "; display: block;}
.tech-network .ani-sec04 .interface-list li {width:23%; margin-right:2%; margin-bottom:52px; float:left; display:inline-block;}
.tech-network .ani-sec04 .interface-list li:first-child {margin-left:12%}
.tech-network .ani-sec04 .interface-list li:last-child {margin-right:0}
.tech-network .ani-sec04 .interface-list table {width:100%; border-bottom:2px solid #002441; text-align:center; }
.tech-network .ani-sec04 .interface-list table th {background:#002441; height:68px; color:#fff; font-weight:bold}
.tech-network .ani-sec04 .interface-list table th span {font-weight:normal}
.tech-network .ani-sec04 .interface-list table td {padding:10px 0; border-bottom:1px solid #d8dddf; border-right:1px solid #d8dddf;}
.tech-network .ani-sec04 .interface-list table td:last-child {border-right:0}
.tech-network .ani-sec04 p.logo {background:url('../../images/solution/network-sprite.png') no-repeat 0 -350px; background-size:500px auto; margin:0 auto; width:115px; height:50px; text-indent:-10000px;}
.tech-network .ani-sec04 p.logo.no02 {background-position:-120px -350px}
.tech-network .ani-sec04 p.logo.no03 {background-position:-240px -350px}
.tech-network .ani-sec04 p.logo.no04 {background-position:-360px -350px}
.tech-network .ani-sec04 p.logo.no05 {background-position: 0 -400px}
.tech-network .ani-sec04 p.logo.no06 {background-position:-120px -400px}
.tech-network .ani-sec04 p.logo.no07 {background-position:-240px -400px}
.tech-network .ani-sec04 p.logo.no08 {background-position:-360px -400px}
.tech-network .ani-sec04 p.logo.no09 {background-position: 0 -450px}
.tech-network .ani-sec04 p.logo.no10 {background-position:-120px -450px}
.tech-network .ani-sec04 p.logo.no11 {background-position:-240px -450px}
.tech-network .ani-sec04 .name {margin-bottom:50px;}
.tech-network .ani-sec04 .name:after {clear:both; content: " "; display: block;}
.tech-network .ani-sec04 .name .contentsTxt {float:left; width:50%; box-sizing:border-box; border-left:2px solid #d4d4d4; padding:0 1.5%; margin-bottom:20px}
.tech-network .ani-sec04 .name .contentsTxt h5 {font-size:18px; color:#212121; font-weight:bold; margin:-5px 0 15px 0;}
.tech-network .ani-sec04 .name .contentsTxt p {}

/* ani-sec05, ani-sec07 */
.tech-network .ani-sec05 {background:#f2f2f2; padding:110px 0 85px; margin:0}
.tech-network .ani-sec07 {margin:110px 0 85px;}
.tech-network .ani-sec05 h4, .tech-network .ani-sec07 h4 {font-size:25px; text-align:center; margin-bottom:60px; color:#242424}
.tech-network .icon-group {margin-top:20px;margin-bottom:10px;padding:0;text-align:center;}
.tech-network .icon-group li {display:inline-block;margin:0 9px 20px;text-align:center;}
.tech-network .icon-group .icon {display:block; margin:0 50px 5px; background:url('../../images/solution/network-sprite.png') no-repeat 0 -230px; background-size:500px auto; width:70px; height:70px; text-indent:-10000px;}
.tech-network .icon-group .icon.p02 {background-position:-70px -230px}
.tech-network .icon-group .icon.p03 {background-position:-140px -230px}
.tech-network .icon-group .icon.p04 {background-position:-210px -230px}
.tech-network .icon-group .icon.p05 {background-position:-280px -230px}
.tech-network .icon-group .icon.p06 {background-position:-350px -230px}
.tech-network .icon-group .icon.p07 {background-position:-420px -230px}
.tech-network .icon-group .icon.p08 {background-position:-350px -160px}
.tech-network .icon-group .txt {width:170px; word-break:keep-all;}
.tech-network .detail-txt {margin:50px auto 0 auto; text-align:center; width:65%; display:block}

/* ani-sec06, ani-sec08 */
.tech-network .ani-sec06 {background:#f2f2f2; padding:100px 0 70px 0;}
.tech-network .ani-sec08 {background:#fff; padding:100px 0 70px 0;}
.tech-network .ani-sec06 h5, .tech-network .ani-sec08 h5 {text-align:center; font-size:24px; color:#2c2c2c; margin-bottom:50px;} 
.tech-network .logo-img {margin-bottom:35px;}
.tech-network .logo-img p.logo {background:url('../../images/solution/network-sprite.png') no-repeat 0 -500px; background-size:500px auto; margin:0 auto; width:120px; height:44px; text-indent:-10000px;}
.tech-network p.logo.no002 {background-position:-120px -494px}
.tech-network p.logo.no003 {background-position:-240px -494px}
.tech-network p.logo.no004 {background-position:-360px -494px}
.tech-network p.logo.no005 {background-position: 0 -538px}
.tech-network p.logo.no006 {background-position:-120px -538px}
.tech-network p.logo.no007 {background-position:-240px -538px}
.tech-network p.logo.no008 {background-position:-360px -538px}
.tech-network p.logo.no009 {background-position: 0 -582px}
.tech-network p.logo.no010 {background-position:-120px -582px}
.tech-network p.logo.no011 {background-position:-240px -582px}

/* ani-sec10 */
.tech-network .ani-sec10 .network-series {margin-top:95px}
.tech-network .ani-sec10 .network-series:after {clear : both; content: " "; display: block;}
.tech-network .ani-sec10 .network-series .left {width:50%; float:left;}
.tech-network .ani-sec10 .network-series .left img {vertical-align:top; width:95%}
.tech-network .ani-sec10 .network-series .right {width:48.5%; padding:0 0 0 2.5%; float:left;}

.tech-network .ani-sec10 .network-series .right h4 {font-weight:bold; font-size:19px; color:#2d2d2d; vertical-align:middle; padding:3px 0 15px 0}
.tech-network .ani-sec10 .network-series .right h4 span {font-size:13px; color:#828282; vertical-align:middle}

.tech-network .ani-sec10 .pop-accodian .safty-list  .network-list-title .ques * {font-size:15px;}
.tech-network .ani-sec10 .network-list-title {position:relative}

.tech-network .ani-sec10 .pop-accodian .safty-list .network-list-title .title {padding-left:10px; font-size:17px; color:#4e4e4e;}
.tech-network .ani-sec10 .pop-accodian .productnewsList .answer {padding-left:11%}
.tech-network .ani-sec10 .pop-accodian .ques {padding-left:15px;}
.tech-network .ani-sec10 .pop-accodian .ques:after {content:'';position:absolute; top:50%; left:0; width:12px; height:12px; background:url('../../images/solution/network-arr.png') no-repeat 0 0; background-size: 24px; transform: translateY(-50%);}
.tech-network .ani-sec10 .pop-accodian li.active .ques:after {background-position:-12px 0;}
.tech-network .ani-sec10 .pop-accodian li .answer {background:#f7f7f7; color:#4d4d4d; padding:5px 10px;}

/* list */
.tech-network .ani-sec10 .pop-accodian li .answer table {width:100%}
.tech-network .ani-sec10 .pop-accodian li .answer table td {padding:10px; border-bottom:1px solid #efefef; font-size:16px; color:#242424;}
.title-sub {font-size:14px; color:#6d6d6d}
.title-detail:before {content: ''; position: absolute; top: 9px; left: 0; width: 4px; height: 4px; border-radius: 2px; background-color: #666;}
.title-detail {position:relative; font-weight:normal; color:#858585; padding-left:10px; font-size:13px;}
.tech-network .ani-sec10 .pop-accodian li .answer table tr:last-child td {border-bottom:0}
.tech-network .ani-sec10 .pop-accodian li .answer a {margin:0 auto; display:block; border:1px solid #363636; color:#363636; font-weight:normal; padding:5px;}
.tech-network .ani-sec10 .pop-accodian li .answer a span {font-weight:normal; font-size:13px}
.tech-network .ani-sec10 .pop-accodian li .answer a:hover {background:#fe5e01; border:1px solid #fe5e01; color:#fff}


/* slick-slide css / Arrows */
.tech-network .slick-prev,
.tech-network .slick-next {font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 50px; height: 50px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%);  transform: translate(0, -50%);
cursor: pointer; color: transparent; border: none; outline: none; background:#666; opacity:.75}
.tech-network .slick-prev:hover,
.tech-network .slick-prev:focus,
.tech-network .slick-next:hover,
.tech-network .slick-next:focus {color: transparent; outline: none; background:#666; opacity:1;}
.tech-network .slick-prev:hover:before,
.tech-network .slick-prev:focus:before,
.tech-network .slick-next:hover:before,
.tech-network .slick-next:focus:before {opacity:1;}
.tech-network .slick-prev.slick-disabled:before,
.tech-network .slick-next.slick-disabled:before {opacity: .25;}
.tech-network .slick-prev:before,
.tech-network .slick-next:before{font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.tech-network .slick-prev {left: -25px;}
[dir='rtl'] .tech-network .slick-prev {right: -25px; left: auto;}
.tech-network .slick-prev:before {content: '←';}
[dir='rtl'] .tech-network .slick-prev:before {content: '→';}
.tech-network .slick-next {right: -25px;}
[dir='rtl'] .tech-network .slick-next {right: auto; left: -25px;}
.tech-network .slick-next:before {content: '→';}
[dir='rtl'] .tech-network .slick-next:before {content: '←';}

.tech-network .slick-slide {margin: 0px 20px; height:80%;}
.tech-network .slick-slide { transform:scale(0.8); }
.tech-network .slick-prev:before, .tech-network .slick-next:before {font-size:0; border: solid #fff; border-width: 0 3px 3px 0; display: inline-block; padding: 6px; transform: rotate(135deg); -webkit-transform: rotate(135deg);}
.tech-network .slick-prev {left:30%; margin:0 0 0 -20%;  z-index:1; transform: rotate(360deg); -webkit-transform: rotate(360deg);}
.tech-network .slick-next {right:30%; margin:0 -20% 0 0;  transform: rotate(-180deg); -webkit-transform: rotate(-180deg);}

.tech-network .slick-current {opacity: 1;}
.tech-network .slick-current {filter: grayscale(0%); transform:scale(1.0); }

.tech-network .center {width:100%}
.tech-network .slick-list {position:relative; display:block; overflow:hidden; margin:0; padding:0}
.tech-network .slidk-slide {display:none; float:left; height:100%; min-height:1px; transition:all ease-in-out .3s; opacity: .2; margin:0 10px;}
.tech-network .slick-active{opacity: .5;}
.tech-network .slick-current {opacity:1;}
.tech-network .alick-initialized .slick-slide {display:bloxk;}


/* Dots */
.tech-network .slick-dotted.slick-slider {    margin-bottom: 130px;}
.tech-network .slick-dots { position: absolute; bottom: -60px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center;}
.tech-network .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer;}
.tech-network .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}
.tech-network .slick-dots li button:hover,
.tech-network .slick-dots li button:focus { outline: none;}
.tech-network .slick-dots li button:hover:before,
.tech-network .slick-dots li button:focus:before { opacity: 1;}
.tech-network .slick-dots li button:before {font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '●'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.tech-network .slick-dots li.slick-active button:before {opacity: 1; color: black; transform:scale(1.5);}

@media (min-width: 1024px) {
.tech-network .ani-sec04 .interface-list li {width:31.5%; margin-right:1.5%; margin-bottom:52px; float:left; display:inline-block;}
.tech-network .ani-sec04 .interface-list li:first-child {margin-left:18%}
.tech-network .ani-sec04 .interface-list li:nth-child(6) {margin-left:18%}

.tech-network .icon-group .icon {display:block; margin:0 25px 5px;}
.tech-network .icon-group .txt {width:120px;line-height:18px;word-break:keep-all;}
}

@media (max-width: 1023px) {
.tech-network .ani-sec04 .interface-list li {width:48%; margin-right:2%;}
.tech-network .ani-sec04 .interface-list li:first-child {margin-left:0}
.tech-network .ani-sec04 .interface-list li:nth-child(even) {margin-right:0}
}

@media (max-width: 767px) {
.tech-network .icon-group .icon {display:block; margin:0 20px 5px; background:url('../../images/solution/network-sprite.png') no-repeat 0 -300px; background-size:500px auto; width:50px; height:50px; text-indent:-10000px;}
.tech-network .icon-group .icon.p02 {background-position:-50px -300px}
.tech-network .icon-group .icon.p03 {background-position:-100px -300px}
.tech-network .icon-group .icon.p04 {background-position:-150px -300px}
.tech-network .icon-group .icon.p05 {background-position:-200px -300px}
.tech-network .icon-group .icon.p06 {background-position:-250px -300px}
.tech-network .icon-group .icon.p07 {background-position:-300px -300px}
.tech-network .icon-group .icon.p08 {background-position:-350px -300px}
.tech-network .icon-group .txt {width:90px;line-height:18px;word-break:keep-all;}

/*sec10*/
.tech-network .ani-sec10 .network-series .left {width:100%}
.tech-network .ani-sec10 .network-series .left img {vertical-align:top; width:100%}
.tech-network .ani-sec10 .network-series .right {width:100%; padding:0 0 0 2.5%; float:left;}
}

@media (max-width: 480px) {
.tech-network * {line-height:1.5em} 
.tech-network .ani-sec01 {height:auto; text-align:center; color:#fff; border-bottom:1px solid #909ca2; padding:150px 0}
.tech-network .ani-sec01 h2 {font-size:30px; margin:0 0 30px 0; line-height:1.14}
.tech-network .ani-sec01 p {font-size:16px;}

.tech-network .ani-sec02 .networkFlowP {text-align:left; padding-left:20%}

.tech-network .detail-txt {margin-top:30px; width:90%}
.tech-network .ani-sec06, .tech-network .ani-sec08 {padding:50px 0 10px 0}

.tech-network .ani-sec02 {margin:50px 0}
.tech-network .ani-sec02 .networkTop {}
.tech-network .ani-sec02 .networkTop:after {clear : both; content: " "; display: block;}
.tech-network .ani-sec02 .networkTop h4 {background-position:5px top; background-size:250px auto; width:50%; height:60px; margin-bottom:30px;}
.tech-network .ani-sec02 .networkTop p {width:100%; float:left}
.tech-network .ani-sec02 .tech-comm {margin:40px 0; font-size:15px}
.tech-network .ani-sec02 .networkCont dt {line-height:45px; margin-bottom:0}
.tech-network .ani-sec02 .networkCont dt span{background:url('../../images/solution/network-sprite.png') no-repeat 0 -61px; background-size:250px auto; width:50px; height:44px; display:inline-block; margin-bottom:10px; margin-right:10px}
.tech-network .ani-sec02 .networkCont dt.nth2 span {background-position:-50px -63px}
.tech-network .ani-sec02 .networkCont dt.nth3 span {background-position:-100px -61px}
.tech-network .ani-sec02 .networkCont {width:100%;}

.tech-network .ani-sec02 .networkFlowP {width:100%; border-bottom:0; padding-top:0; margin:20px 0;}
.tech-network .ani-sec02 .networkFlowP span {border-left:1px solid #ddd; border-bottom:0; padding:10px;}

.tech-network .ani-sec04 {margin-top:70px}
.tech-network .ani-sec04 .title-text {margin-bottom:25px}
.tech-network .ani-sec04 .interface-list li {width:100%; margin:0; margin-bottom:25px; }
.tech-network .ani-sec04 .interface-list li:first-child {margin-left:0}
.tech-network .ani-sec04 .name .contentsTxt {width:100%; padding:0 3%;}
.tech-network .ani-sec04 .name .contentsTxt h5 {margin-bottom:10px}

.tech-network .slick-prev {left:-100%}
.tech-network .slick-next {right:-100%}
.tech-network .slick-dots {bottom:-40px}
.tech-network .ani-sec05, .tech-network .ani-sec07 {margin:50px 0}

.tech-network .ani-sec10 .network-series {margin-top:70px;}
.tech-network .ani-sec10 .network-series .right h4 {padding:15px 0 5px 0}

.tech-network .ani-sec02 .networkFlowP {background:url('../../images/solution/network-arr3.png') no-repeat 55px 0; background-size:8px auto;}
}


/* io-link : 2021.12.20*/
[class^="io-sec-"] .scroll-fadeIn,
[class^="io-sec-"] .scroll-fadeIn .stagger-item{transform:translateY(100px); opacity: 0; transition: all 0.5s ease;}
[class^="io-sec-"] .scroll-fadeIn.on,
[class^="io-sec-"] .scroll-fadeIn.on .stagger-item{transform:translateY(0); opacity: 1;}
[class^="io-sec-"] img{width:auto; max-width: 100%;}
[class^="io-sec-"] .io-inner{max-width:1240px; padding:0 20px; margin:0 auto;word-break:keep-all;}
[class^="io-sec-"] .io-text{font-size:16px; line-height:1.62; }
[class^="io-sec-"] .section-title{font-size:24px; color:#1b1b1b; margin-bottom:42px;}
[lang='ko'] [class^="io-sec-"] .section-title .eng{font-size:26px;}
[class^="io-sec-"] .info-col-wrapper:after{content:""; display:block; clear:both;}
[class^="io-sec-"] .info-col-wrapper .info-col{width:50%; float:left;}
[class^="io-sec-"] .info-col-wrapper .info-col:first-child{ padding-right:76px;}
[class^="io-sec-"] .img-caption{text-align:right; font-size:14px; color:#777; margin-top:18px;}
.io-sec-01{height:100vh; max-height:830px; overflow:hidden; background:url(../../images/solution/iolink/io_sec01.jpg) no-repeat center -10px; background-size:cover; background-attachment:fixed; text-align:center; color:#fff;}
.io-sec-01 .ani{transform:translateY(100px); opacity: 0; transition: all 0.5s ease;}
.io-sec-01 .ani.on{transform:translateY(0); opacity: 1;}
.io-sec-01 .io-inner{max-width:640px; height:100%; padding-top:259px;}
.io-sec-01 .io-slogan{font-size:23px; margin-bottom:15px;}
.io-sec-01 .io-logo{margin-bottom:42px;}
.io-sec-01 .io-logo img{width:204px; height:auto;}
.io-sec-01 .io-ment{font-size:16px; line-height:1.75}
.io-sec-01 .ment-01{margin-bottom:18px;}
.io-sec-02{padding:136px 0 0;}
.io-infographics{display:-webkit-box;display:-ms-flexbox;display:flex; width:100%; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin-bottom:140px;}
.io-infographics .item-img{margin-bottom:34px; width:60px; height:60px; overflow:hidden; border-radius:2px}
.io-infographics .item-title{font-size:17px; color:#3c3c3c; margin-bottom:6px; font-weight:700;}
.io-infographics .item-desc{color:#636363; font-size:16px;}
.io-sec-02 .info-img{text-align:center;}
.io-sec-02 .info-img .img-top{ padding:44px 0 0 17px; margin-bottom:70px;}
.io-sec-02 .info-content .content-item{margin-bottom:24px; letter-spacing:-0.044em;}
.io-sec-03{padding-top:110px;}
.io-sec-03 .section-title{margin-bottom:25px}
.io-sec-03 .section-desc{margin-bottom:62px;}
.info-col .content-title{font-size:16px; color:#353434; font-weight:700; padding-left:16px; margin-bottom:30px; position:relative;}
.info-col .content-title:before{content:""; width:8px; height:8px; background:#2d2d2d; position:absolute; left:0px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.system-components .component{margin-bottom:50px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;}
.system-components .component .comp-img{margin-right:32px; width:48.6667%; max-width:292px;}
.system-components .component .comp-content{display:-webkit-box;display:-ms-flexbox;display:flex; width:calc(100% - 51.333% - 32px); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top:-4px; padding-right:10px;}
.system-components .component .comp-title{font-size:18px; font-weight:600; color:#353535; margin-bottom:4px;}
.system-components .component .comp-desc{font-size:14px; color:#363636; margin-bottom:10px;}
.system-components .component .comp-btn{display:inline-block; font-size:14px; color:#fe5d01; width:182px; height:33px; border:1px solid #fe5d01; line-height:29px; text-align: center; margin-top:auto; border-radius: 2px;}
.io-sec-04{padding-top:64px;}
.io-sec-04 .section-title{margin-bottom:28px}
.io-sec-04 .sub-sec-title{font-size:18px; color:#393939; font-weight:700; margin-bottom:6px;}
.io-sec-04 .sub-sec-desc{font-size:16px; color:#636363;}
.io-sec-04 .system-info .info-title{font-size: 16px; font-weight: 700; color:#3f3f3f; margin-bottom:32px;}
.io-sec-04 .system-info .info-title.orange{color:#fe5d01;}
.io-sec-04 .info-title{position: relative; padding-left:12px; white-space: nowrap;}
.io-sec-04 .info-title:before{content:""; width:3px; height:3px; background:#2d2d2d; position:absolute; left:0px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.io-sec-04 .info-title.orange:before{background: #fe5d01;}
.io-sec-04 .info-desc{padding-left:24px; padding-top:1px; font-size:15px; color:#646464;}
.sub-sec-01 {margin-bottom:56px;}
.sub-sec-01 .sub-sec-desc{margin-bottom:56px;}
.sub-sec-02{margin-bottom:89px;}
.sub-sec-02 .sub-sec-desc{margin-bottom:46px;}
.sub-sec-02 .system-info{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;}
.sub-sec-02 .system-info .col{width:43.667%;}
.sub-sec-02 .system-info .col.arrow{width:12.666%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.sub-sec-02 .system-info .col-top{min-height:2em; margin-bottom:34px; display:-webkit-box; display:-ms-flexbox; display:flex;}
.sub-sec-03{margin-bottom:116px;}
.sub-sec-03 .sub-sec-desc{margin-bottom:42px;}
.sub-sec-03 .info-img{position: relative;}
.sub-sec-03 .img-txt{position: absolute; right:54px; top:37px; font-size:22px; font-weight:700; color:#fe5d01; line-height:1.5em;}
.sub-sec-04{margin-bottom:90px;}
.sub-sec-04 .sub-sec-desc{margin-bottom:50px;}
.sub-sec-04 .system-info{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;}
.sub-sec-04 .system-info .col:nth-child(1){width:40.666%;}
.sub-sec-04 .system-info .col:nth-child(3){width:32.083%;}
.sub-sec-04 .system-info .col.arrow{width:27.251%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size:16px; font-weight: 700; color:#484848;}
[lang='ko'] .sub-sec-04 .system-info .col.arrow .eng{font-size:17px;}
.sub-sec-04 .system-info .col.arrow img{margin-bottom:30px;}
.sub-sec-04 .system-info .col.arrow .arrow-ment{text-align: center;}
.sub-sec-04 .data-list .data-item{display:-webkit-box;display:-ms-flexbox;display:flex; margin-bottom:52px;}
.sub-sec-04 .data-list .item-img{width:64px; height:64px;}
.sub-sec-04 .data-list .item-content{width:calc(100% - 64px); padding-left:38px; margin-top:-3px;}
.sub-sec-04 .data-list .content-title{font-size:18px; color:#fe5d01; font-weight:600; margin-bottom:4px;}
.sub-sec-04 .data-list .content-desc{font-size:16px; color:#777777; line-height:1.6; letter-spacing: -0.04em;}
.sub-sec-05{margin-bottom:150px;}
.sub-sec-05 .sub-sec-desc{margin-bottom:42px;}
.sub-sec-05 .info-img{position:relative}
.sub-sec-05 .img-txt{position: absolute; left:62px; top:106px;}
.sub-sec-05 .img-txt .txt-title{font-size:17px; color:#ff7112; margin-bottom:11px; font-weight:700;}
.sub-sec-05 .img-txt .txt-content{font-size:15px; color:#6d6d6d; line-height:1.6em; letter-spacing: -0.04em;}
.io-sec-05 .section-title{margin-bottom:24px;}
.io-sec-05 .app-item{margin-bottom:92px;}
.io-sec-05 .app-item:last-child{margin-bottom:0;}
.io-sec-05 .app-info{display:-webkit-box;display:-ms-flexbox;display:flex; margin-bottom:38px;}
.io-sec-05 .app-title{width:120px; font-size:18px; color:#393939}
.io-sec-05 .app-content{width:calc(100% - 120px);}
.io-sec-05 .app-desc-list {padding-top:3px;}
.io-sec-05 .app-desc-list .list-item{font-size:16px; color:#636363; margin-bottom:8px;}
.io-sec-05 .app-process li{float:left; width:calc(33.333% - 14px); margin-right:21px;}
.io-sec-05 .app-process li:nth-child(3n){margin-right:0;}
.io-sec-05 .app-process .process-img{margin-bottom:8px;}
.io-sec-05 .app-process .process-title{display:-webkit-box;display:-ms-flexbox;display:flex;}
.io-sec-05 .app-process .process-step{width:22px; height:17px; text-align:center; line-height: 17px; background:#ff7513; color:#fff; font-size:13px; margin-top:3px}
.io-sec-05 .app-process .process-content{width:calc(100% - 22px); padding-left:10px; font-size:14px; color:#707070;}

@media only screen and (max-width: 1180px){
	.section-desc br{display:none;}
	.sub-sec-desc br{display:none}
	[class^="io-sec-"] .img-caption{margin-top:0.3em; text-align: center;}

	.sub-sec-03 .img-txt{position:relative; right:auto; top:auto; text-align: center; padding:1em 0 0; font-size:15px; word-break: break-all; line-height: 1.2;}
	.sub-sec-03 .img-txt br{display:none;}

	.sub-sec-05 .info-img{background:#f5f5f5; overflow: hidden;}
	.sub-sec-05 .info-img img{margin-left:6%; margin-top:-20px; transform: scale(1.3);}
	.sub-sec-05 .img-txt{position: relative; top:auto; left:auto; padding:3em 0 0 3em; z-index: 1;}

}
@media only screen and (max-width: 1024px){
    [class^="io-sec-"] .info-col-wrapper .info-col{width:100%; float:none;}
    [class^="io-sec-"] .info-col-wrapper .info-col:first-child{padding-right:0;}
    [class^="io-sec-"] .info-col-wrapper .info-col + .info-col{margin-top:40px;}
    .io-sec-01{height:629px; background-size: auto 100%;}
    .io-sec-01 .io-inner{padding-top:150px;}
    .io-sec-02{padding-top:80px}    
    .io-infographics{-ms-flex-wrap: wrap;flex-wrap: wrap; margin-bottom:20px;}
    .io-infographics .info-item{width:50%; margin-bottom:68px;}
    .io-infographics .item-img{margin-bottom:24px;}
	.io-sec-02 .info-col-wrapper .info-col:first-child{padding:0 20px;}
    .io-sec-02 .info-img .img-top{margin-bottom:40px; padding-left:0;}
    .io-sec-03{padding-top:60px;}
    .io-sec-03 .content-img{text-align: center; padding-left:10px;}
    .system-components .component .comp-img{margin-right:24px;}
    .system-components .component .comp-content{-webkit-box-flex:1;-ms-flex:1;flex:1}
    .io-sec-04{padding-top:40px;}
    .sub-sec-02{margin-bottom:56px;}
    .sub-sec-02 .system-info{display:block;}
    .sub-sec-02 .system-info .col{width:100%;}
    .sub-sec-02 .system-info .col.arrow{width:100%; margin:30px 0 30px; overflow:hidden; padding-top:20px;}
    .sub-sec-02 .system-info .col.arrow img{-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg) translateX(-50px); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center;}
    .sub-sec-02 .system-info .col .info-img{text-align: center;}
	.sub-sec-02 .system-info .col:nth-child(3) .info-img img{margin-left:-10%;}
    .sub-sec-03{margin-bottom:56px;}
    .sub-sec-04{margin-bottom:56px;}
    .sub-sec-04 .system-info{display:block;}
    .sub-sec-04 .system-info .col:nth-child(1){width:100%;}
    .sub-sec-04 .system-info .col:nth-child(2){width:100%; margin:30px 0 40px; overflow:hidden; padding-top:18px;}
    .sub-sec-04 .system-info .col:nth-child(3){width:100%;}
    .sub-sec-04 .system-info .col.arrow img{-webkit-transform: rotate(90deg) translateX(-50px);-ms-transform: rotate(90deg) translateX(-50px);transform: rotate(90deg) translateX(-50px); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; margin:0 0 70px 0}
	.sub-sec-04 .system-info .col.arrow .arrow-ment{margin-top:-56px;}
    .sub-sec-04 .info-img{text-align: center; width: 100%; max-width:400px; margin:0 auto;}
    .sub-sec-04 .data-list{max-width:400px; margin:0 auto 80px;}
	.sub-sec-04 .data-list .item-content{padding-left:26px}
    .sub-sec-05{margin-bottom:56px;}
    .io-sec-05 .io-inner{padding-top:40px;}
    .io-sec-05 .app-item{margin-bottom:30px;}
    .io-sec-05 .app-info{display:block; margin-bottom:24px}
    .io-sec-05 .app-title{width:100%; margin-bottom:10px;}
    .io-sec-05 .app-content{width:100%;}    
}

@media only screen and (max-width: 767px){    
    .io-sec-01{height:auto; padding:24vw 0; background-size: auto 100%; background-attachment:initial;}
    .io-sec-01 .io-inner{padding-top:0;}    
	.io-sec-01 .io-inner br{display:none;}
    .io-sec-01 .io-ment{font-size:15px;}
    .io-sec-05 .app-process li{width:calc(50% - 10px); margin-right:20px; margin-bottom:20px;}
    .io-sec-05 .app-process li:nth-child(3n){margin-right:20px;}
    .io-sec-05 .app-process li:nth-child(2n){margin-right:0;}
}

@media only screen and (max-width: 540px){
    .system-components .component{display:block;}
    .system-components .component .comp-img{width:100%; max-width: 100%; margin-bottom:20px;}
    .system-components .component .comp-img img{width:100%;}
    .system-components .component .comp-content{width:100%;}
    .system-components .component .comp-desc{margin-bottom:20px;}
    .system-components .component .comp-btn{width:100%; height:38px; line-height: 36px;}    
    .io-sec-04 .system-info .info-title{margin-bottom:10px;}
    .io-sec-04 .info-desc{padding-left:0;}
	.sub-sec-05 .img-txt{padding:2.2em;}
	.sub-sec-05 .img-txt br{display:none;}
    .sub-sec-02 .system-info .col-top{display:block;}
    .sub-sec-02 .system-info .col:nth-child(3) .info-img img{margin-left:-65px}
    .io-sec-05 .app-process li{width:100%; margin-right:0; margin-bottom:30px;}
    .io-sec-05 .app-process li:nth-child(3n){margin-right:0px; margin-bottom:16px;}
    .io-sec-05 .app-process img{width:100%;}
	
}