/**Mobile**/ @media screen and (max-width : 780px) { .pc{display:none;} .mo{display:block;} .thumb.type03.pc{display: none;} .slick-slider.pc{display:none;} .pc.view-all, .flex.pc{display: none;} .detail-wrap .detail-info ul.thumb.pc{display: none;} section.nav.pc{display: none;} .flex.mo{display:flex;} .slick-slider.mo,.thumb.type03.mo{display: block;} section.nav.mo{display: block;} .thumb.type03.mo{display: block;} .mbanner-list.mo{display: block;} .case-list.mo{display: block;} .case-wrap .arrow-wrap.pc{display: none;} .fixed-area{right:20px; bottom: 20px;} header{height:auto;} header .menu{display: none;} header .rightMenu{display: none;} header .header-wrap {height:65px; padding:0px 20px; } header .sub-gnb .header-wrap{height: auto;} header.active, header.white, header.fixed{border-bottom:0px;} header h1 a{height: 22px;} header.fixed h1 a, header.white h1 a, header.active h1 a{width: 146px; height: 22px; background-position: left center;} header h1, header .gnb > li, header .rightMenu > li{padding-top:0px;} .sub-gnb{ padding:0em; height:48px; /*background-color: #fafafa;*/ border-bottom: solid 0.5px #e4e4e4;} .sub-gnb .header-wrap .gnb{white-space: nowrap; /* [1] */ overflow-x: auto; /* [2] */ -webkit-overflow-scrolling: touch; /* [3] */ -ms-overflow-style: -ms-autohiding-scrollbar; /* [4] */} .sub-gnb .header-wrap .gnb::-webkit-scrollbar { display: none; } .sub-gnb .gnb > li > a{font-size: 15px; height: 17px; font-weight: 500; color:#000; opacity: .4;} .sub-gnb .gnb > li > a.on{opacity: 1;} header .gnb > li + li:before{content: none;} .sub-gnb .gnb{display: flex;overflow: auto;white-space: nowrap; justify-content: start; padding: 10px 20px;gap: 20px;} .footer-top ul.menu{flex-direction: column; gap:16px;} .footer-cont{color:#757575; gap: 30px; font-size: 12px; line-height: 1.6; margin-top:30px;} .footer-top ul.menu li, .footer-top ul.menu li a{font-weight: bold;} .footer-top .family{display:none;} .footer{padding:50px 32px; } .footer-cont ul{gap:10px;} .footer-top ul.menu li, .footer-top ul.menu li a{font-size: 12px; font-weight: 700; line-height: 1.1;} .hamberger-wrap{display: inline-block;} .hamberger>span{ display:block; width:22px; height:2px; border-radius: 20px; margin-top:4px; margin-bottom:4px; background-color:white; transition:1s; } .hamberger-wrap.active .hamberger>span:nth-child(1) { transform:translateY(0px) rotate(45deg); }/* .hamberger-wrap.active .hamberger>span:nth-child(2) { opacity:0; }*/ .hamberger-wrap.active .hamberger>span:nth-child(2) { transform:translateY(-15px) rotate(-45deg); } header.active .hamberger>span, header.white .hamberger>span{background-color: #000;} .hide-wrap .btn.type01{width:auto; border-width: 1px; height: auto;} .full.pc_line{border-bottom: 0px;} .full.wrap::after{content: none;} .btn.mid{font-size:13px;width:135px; padding: 12px 16px; display: inline-flex; justify-content: center; align-items: center;} #btn_port_more.btn.mid{width:auto;} .tag.mid.select.reset{ padding:10px;} .tag.select span.reset{margin:0px; background-image: url('../images/common/ico_reset_02.png'); width:18px; height: 18px;} .tag-wrap.reset{padding-right: 0px; margin-right: 0px;} .tag-wrap.reset::after{content: none;} .tag.mid.select{font-weight: 500;} .tag.mid.select span.cate{font-weight: 600;} .content-wrap{padding:120px 20px;} .content-wrap.t120b80{padding:120px 20px 80px 20px;} .content-wrap.head{padding:80px 20px 40px 20px;} .content-wrap.small{padding:0px 20px;} .content-wrap.sm{padding:8px 20px; min-height: auto;} .content-wrap.mm{padding:18px 20px; min-height: auto;} .content-wrap.mid{padding:40px 20px;} .content-wrap.shead{padding:109px 20px 40px 20px;} .content-wrap.mhead{padding:80px 20px 40px 20px;} .content-wrap.p100{padding:60px 20px 60px 20px;} .content-wrap.m20{padding-left:20px !important;padding-right:20px !important;} .content-wrap.mt0{padding-top:0px;} .content-wrap.p100.m80{padding-top:80px;} .content-wrap .title > span{font-size: 16px; font-weight: 500;} .content-wrap .title h3{font-size: 24px; line-height: 1.4; word-break: keep-all;} .content-wrap.subTitle{padding:80px 20px 40px 20px;} .industry-wrap .content-wrap.subTitle{padding:80px 20px 80px 20px;} .content-wrap .title .view-all{margin:20px 0px 0px 0px; gap:4px;} .content-wrap.b100{padding-bottom:100px;} .list.type01.mo{display:grid;} /** 에디터 업로드 강제 적용***/ .board-wrap .content-wrap.content img{width:100% !important; height:auto !important; } .board-wrap .cont-detail{padding:0px 20px;} .card-text .browse.mo{display:inline-block;} .view-all{font-size: 16px;} .view-all.arrow::after{width:14px; height: 14px;} .thumb.type01{padding:20px; height: 390px;} .thumb.type01 h3{font-size: 24px; margin-bottom: 5px;} .thumb.type01 p{font-size: 14px; line-height: 1.4; font-weight: 500; opacity: .9;} .thumb.type01 .btn{right:20px; bottom:20px; font-size:13px; display: flex; justify-content: center; align-content: center; align-items: center; padding: 14px 20px; line-height: 1.1;} .thumb.type01 + .list.type01{margin-top:8px;} .list-wrap.list01 .thumb.type01{height:475px;padding:20px;} .wCont{width:auto !important;} /* 메인 하단 */ section.text-wrap { margin-bottom:0; } /* 제품메인 - 상단 */ .thumb.type02{height: 740px; background-size: cover;} .thumb.type02.main{ justify-items: start;align-items: start; padding: 120px 20px 0px 20px;background-size: auto 1200px; background-position: center -450px;} .thumb.type02 h3{font-size: 36px; margin-bottom: 28px; font-weight: 800;} .thumb.type02 span{font-size: 20px; line-height: 1.5; font-weight: bold;} .thumb.type02.main .flex.two-wide{ flex-direction: column; align-items: start; padding:0px;} .thumb.type03{padding: 30px;align-items: start;} .thumb.type03 h3{font-size: 24px; line-height: 1.1; font-weight: 800; } .thumb.type03 p{font-size: 16px; line-height: 1.5; margin:14px 0px 20px 0px;} .list.type01 li h3{font-size: 20px;} .list.type01 li p{margin:16px 0px 40px 0px; font-weight: 500;} .list.type01 li .tag span{font-size: 13px; padding:6px 12px;} .ico.arrow{width:12px; height: 12px; margin-left: 10px;} /* 제품메인 - 상단 스와이프 */ .list.type03 li{border:2px solid #fafafa; background-color: #fafafa; border-radius: 24px; padding:50px 30px 30px 30px;} .list.type03 li span{font-size: 14px;} .list.type03 li h3{font-size: 24px;line-height: 1.1; font-weight: 800;} .list.type03 li p{font-size: 16px; line-height: 1.5; opacity: .8; margin:20px 0px 30px 0px; height: 185px; color:#000;} .list.type04{ grid-template-columns: 1fr 1fr; gap:8px;} /*제품메인 - 상품리스트 */ .prod-list .cont-list li.slick-slide{margin:0px 8px 0px 0px;} .cont-list.slick-dotted.slick-slider{overflow: hidden;} .prod-list.main.content-wrap.small{padding:0px 0px 0px 20px;} .cont-list .slick-list{margin:0px;} /*제품메인 - 성공사례 */ .full.wrap{height: 650px;} .case-list .case-info li .thumb{height: 290px;width: 100%;} .case-list .case-info ul{margin-top:20px;} .case-list .case-info li .cont > span{font-size: 14px; line-height: 1.5;} .case-list .case-info h3{font-size:19px; line-height: 1.6; height: 90px;} .case-list .case-info ul li{font-size: 16px; line-height: 1.1; font-weight: 400; height:40px;} .case-list .case-info li.slick-slide{margin-right: 8px;} .mProdTop .list.type04 li{ border:0px; height: 204px; position: relative; } .mProdTop .list.type04 li .cont{position: absolute; bottom:16px;left: 16px; padding:0px; background-color: transparent;} /* 산업메인 */ .list.type04 .thumb{height: 100%;border-radius: 10px;} .list.type04 .thumb::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/common/thumb_card_bg.png) 0 0 no-repeat; background-size: cover; background-size: 100% 100%; border-radius: 10px; } .list.type04 li span{font-size: 12px; color:#fff; opacity: .9; font-weight: 500;} .list.type04 li h3{font-size: 18px; color:#fff;font-weight: 700;} .list.type04.part .thumb::after{content:none;} .list.type04.part .thumb{height:auto; padding:16px 20px;} .list.type04.part .thumb img{height:82px; width:auto;} .list.type04.part .cont{padding:0px 20px 16px 20px; margin-top:8px;} .list.type04.part .cont h3{color:#000;font-size: 16px;font-weight: 700;line-height: 110%;} .list.type04.part li .view-all{font-size: 14px;font-weight: 600;line-height: 110%;padding:12px; width: 100%; text-align: center; align-items: center; justify-content: center;} .list.type04.part .flex.two-wide{flex-direction: column; align-items: center; gap: 12px;} .mProdTop .list.type03 .btn.mid{ border:0px; padding:12px 24px; height: auto; width: auto;font-size: 14px;font-weight: 600;} .eco .btn.type03{font-size: 14px;} .type01.tab li{font-size: 15px; margin-left: 8px;font-weight: 600;} .type01.tab li.on{font-weight: 700;} .tabs.type01{gap:8px;} .tabs.type01 label{font-size: 14px; padding:10px 20px; margin-bottom: 0px; padding: 0px 20px; margin-bottom: 0px; height: 36px; display: flex; line-height: 1.15; align-items: center;} .tag.select{margin-bottom: 0px;} .tag.type06.select.filter{padding:10px 20px; border-color: #C4C4C4; color: #9d9d9d; font-weight: 500;} .insert.toggle{color:#9d9d9d;} .insert.toggle label:nth-child(2n){width:85px; display:inline-flex;} .prod-wrap .list-warp .insert.toggle label{color:#9d9d9d; font-size: 14px; font-weight: 500;} .switch{width:44px; height: 22px;} .slider:before{ left: 2px; bottom: 2px;} .prod-wrap .list-warp .total{font-size: 16px; font-weight: 500;} .prod-wrap .list-warp .filter{ margin: 8px 0px; padding: 16px 20px 8px 20px;} .prodTitle h3{font-size: 32px; margin:0px 0px 28px 0px;} .prodTitle.subTitle span{font-size: 16px;} .cont-list li{padding:16px; height: 204px;} .cont-list h3{font-size: 15px;font-weight: bold;word-break: keep-all;} .cont-list p{font-size: 12px; line-height: 1.4; font-weight: 500;} .cont-list .slick-list{overflow: visible;} .mProdTop {margin-top:-450px;} .mProdTop .content-wrap .title{ color:#fff;} .application-list.list.type03{ grid-template-columns: 1fr;} .application-list.list.type03 .slick-list li{padding:30px;} .application-list li.slick-slide { margin: 0px 8px 0px 0px;} /* .application-list li.slick-list{margin:0 -4px; margin-top:0em;overflow: visible;} */ .application-list li.slick-list { padding-right: 12px;overflow: visible;margin:0 8px; } .content-wrap.small.right{padding:0px 0px 0px 20px;} .application-list .slick-track{overflow: visible;} .application-list .slick-dots{ bottom: -38px; } .application-list .slick-dots li{padding:5px; background-color: transparent; width: auto; height: auto; border:0px;} .application-list .slick-dots li button{width: 10px; height: 10px; background-color: #e5e5e5; opacity: 1; border-radius: 30px;font-size: 0px; } .application-list .slick-dots li.slick-active button{background-color: #000;} .eco .content-wrap{padding: 120px 20px 40px 20px;} .slick-dotted.slick-slider{margin-bottom: 80px;padding-bottom: 0px;} .slick-dots{ bottom: -45px; text-align: center; } .slick-dots li{padding:5px; width: auto !important; height: auto !important; border:0px !important; font-size: 0px !important;padding: 5px !important; background: transparent !important;display: inline-block !important;} .slick-dots li button{width: 10px !important; height: 10px !important; background: #e5e5e5 !important; opacity: 1; border-radius: 30px;font-size: 0px !important; } .slick-dots li.slick-active button{background: #000 !important; opacity: 1 !important;} .slick-dots li::before{content: none;} .prod-list { overflow: hidden;} .prod-list .cont-list .slick-dots{ bottom: 0px; text-align: center; } .prod-list .cont-list .slick-dots li{padding:5px; background-color: transparent; width: auto; height: auto; border:0px;} .prod-list .cont-list .slick-dots li button{width: 10px; height: 10px; background-color: #e5e5e5; opacity: 1; border-radius: 30px;font-size: 0px; } .prod-list .cont-list .slick-dots li.slick-active button{background-color: #000;} .prod-list .cont-list .slick-dots li::before{content: none;} .prod-list .slick-prev,.prod-list .slick-next{display: none;} .case-list{overflow: hidden;} .case-list .slick-next,.case-list .slick-prev{display: none !important;} .case-list .case-info .slick-list {padding-right: 12px;} .prod-list .cont-list .slick-list{padding-right: 12px;} .case-wrap .content-wrap.small{padding:0px 0px 0px 20px;} .list .thumb{height: 240px;} .full.half.case-list{padding:0px 0px 0px 20px;width:100%;} .filter-wrap{display: none;} .content-wrap nav{display: none;} .prod-wrap .list-warp .cont-list{ grid-template-columns: 1fr 1fr; gap:12px 8px;} .prod-wrap .list-warp .cont-list> li{padding:16px; margin-right: 0px;} /* 제품메인 - 탭 영역 */ .prod-list.main .cont-list li .thumb .img{height: 240px;height: 300px;} #colgroup-default { display: none; } #colgroup-mobile { display: table-column-group; } .colgroup-default { display: none; } .colgroup-mobile { display: table-column-group !important; } .prod-wrap .list-warp.prod-list .cont-list li .thumb{height: 140px;} .prod-wrap .list-warp.prod-list .cont-list li .thumb img{height: 140px;} .prod-list .cont-list li .thumb .img{height: 140px; background-size:auto 140px;} .prod-list .cont-list li .thumb{padding:0px;} .prod-wrap .list-warp .prod-list .btn-wrap .btn.big{font-size: 14px; border-width: 1px; text-align:center; } .prod-wrap .list-warp .prod-list .cont-list li .cont{padding:0px; padding-top:20px;} .prod-wrap .list-warp .prod-list .cont-list li .cont h3{margin-top:22px;} .prod-wrap .list-warp .prod-list .cont-list li .cont span + h3{margin-top:4px;} .content-wrap.prod-wrap {padding:0px 20px;} .prod-wrap .list-warp{width:100%;} /* 제품리스트 */ .selectFilter.content-wrap.sm{padding:8px 0px 8px 0px; margin-top:16px;} .selectFilter{ background-color: #fafafa; border-top: 1px solid #f4f4f4;border-bottom: 1px solid #f4f4f4; width:100%;} .selectFilter .arr{ display: flex; overflow: auto; white-space: nowrap; justify-content: start; gap:4px; padding:0px 60px 0px 20px;} .selectFilter .arr{white-space: nowrap; /* [1] */ overflow-x: auto; /* [2] */ -webkit-overflow-scrolling: touch; /* [3] */ -ms-overflow-style: -ms-autohiding-scrollbar; /* [4] */} .selectFilter .arr::-webkit-scrollbar { display: none; } .selectFilter.content-wrap.sm .tag.select span.arrow{margin-right: 0px;} .prod-wrap .list-warp .filter .tag-wrap.reset{padding-right: 0px; margin-right: 0px;} .prod-wrap .content-wrap.mm.flex.two-wide{padding: 0px 20px;} .search-wrap{width:66px; position: absolute; right: 0; padding: 8px 20px 8px 10px;background: linear-gradient(90deg, rgba(250, 250, 250, 0.00) 0%, #FAFAFA 19.74%);} .ico-search-gray{background: #7B7B7B; border-radius: 10em; width:36px; height: 36px; display: inline-block; background: #7B7B7B url('../images/common/ico_search_w.png') center center no-repeat; background-size: 65% auto; cursor: pointer;} .ico-search-gray.on{background-color: #0072EB;background: #0072EB url('../images/common/ico_remove_w.png') center center no-repeat; background-size: 70% auto;} .prod-list.main{padding-top:23px; padding-bottom: 48px;} .prod-wrap .list-warp .filter .tag.select.reset{ padding:7px;} .prod-wrap .list-warp .filter .tag.select{padding:8px 12px 8px 16px;} .selectFilter.content-wrap.sm + .filter{margin:0px; padding: 16px 20px 0px 20px;} .selectFilter.content-wrap.sm + .filter + .filter{margin:0px;padding: 16px 20px 0px 20px;} .searchFilter{display: none;} .searchFilter.on{display: block;} .optionFilter{display: none;} .optionFilter.on{display: block;} .search-bar-area {position:relative; height: 48px; background-color: #FAFAFA; border-radius: 6px;width: 100%; border:0px;} .search-bar-area input[type="text"] { width: 80%; min-width: 290px; border: none; padding-right: 0em; font-size: 15px; text-indent: 16px; background: transparent;color:#9D9D9D; font-weight: 600;} .search-bar-area input[type="text"]::placeholder {color:#9D9D9D;font-weight: 600;} .search-btn {position:absolute; top: 50%; right:1em; transform: translateY(-50%); background-color: transparent; font-size: 15px; font-weight: 700; line-height: 1.6; text-indent: 100px;overflow: hidden;} /*.search-btn {width:34px; height:34px; background: url('../images/common/ico_search.png') 50% 50% no-repeat; background-size: 80%;} */ .prod-wrap .list-warp .prod-list .cont-list span{font-size: 12px; font-weight: 400; line-height: 1.1; color:#262626;} .prod-wrap .list-warp .prod-list .cont-list h3{margin:4px 0px 12px 0px;} .prod-wrap .list-warp .cont-list> li{border-radius: 10px;} .prod-wrap .prod-list.content-wrap.sm{padding-top:16px;} .prod-list.main .cont-list h3{font-size: 24px;} .prod-list.main .cont-list ul li{padding:0px;font-size: 16px;line-height: 1.5;} .layer-popup.bottom .popup-content .text-wrap{padding:40px 20px;} .layer-popup.bottom .popup-content .filter-wrap{display: block;} .layer-popup.bottom .filter-wrap .group{width:100%;} .layer-popup.bottom .popup-content .text-wrap .group .title .arrow{display: none;} .prod-list .cont-list h3{font-size: 18px;} .prod-list .cont-list ul{font-size: 12px;line-height: 1.5;} .prod-list .cont-list ul li{padding:0px;font-size: 12px;line-height: 1.5;} .prod-wrap .list-warp .prod-list .btn-wrap{margin-top:16px; gap:8px;} .filter+.content-wrap{margin-top:0px;} .detail-wrap.top .thumb{border-radius: 0px;} #setFilterPopup.layer-popup.bottom .popup-content .text-wrap{padding:20px 20px;} #setFilterPopup.layer-popup.bottom .popup-content h4{margin-bottom:20px;} #setFilterPopup.layer-popup .popup-content .button-wrap {margin-bottom:20px;} .layer-popup .popup-content .button-wrap.two{gap: 1em;text-align: center;margin-top: 1em;display: flex;} .layer-popup .popup-content .button-wrap.fixed{ /* position: absolute; */ width: 100%; bottom: 40px; margin-top:40px;} .layer-popup .popup-content .button-wrap > .btn{flex:1;} .layer-popup .popup-content .text-wrap .msg-box.full{ height: max-content;max-height: 50vh;} /* 제품상세 */ .detail-wrap .detail-info .content-wrap.subTitle{width:100%;} section.nav.mo .full.line.center .arr{white-space: nowrap; /* [1] */ overflow-x: auto; /* [2] */ -webkit-overflow-scrolling: touch; /* [3] */ -ms-overflow-style: -ms-autohiding-scrollbar; /* [4] */} section.nav.mo .full.line.center .arr::-webkit-scrollbar { display: none; } .detail-wrap .detail-info .content-wrap.subTitle span{font-size: 15px;line-height: 1.1; color:#707070;} .detail-wrap .detail-info .content-wrap.subTitle h3{font-size: 32px; line-height: 1.1; font-weight: 800; } .detail-wrap .detail-main{ flex-direction: column; padding-top:0px; padding:0px;} .detail-wrap .detail-info ul.thumb li{width:auto;} .detail-wrap .detail-info ul.thumb li:last-child{margin-right: 0px;} .detail-wrap .detail-info .subTitle h3{margin-bottom: 40px;margin-top:10px;} .detail-wrap .detail-info ul.spec li span:first-child{font-size: 16px; font-weight: 400;} .detail-wrap .detail-info ul.spec li span:last-child{font-size: 16px; font-weight: 600;} .detail-wrap .detail-info ul.spec li{ display: flex; justify-content: space-between; margin-top:10px;} .detail-wrap .detail-info ul.spec{padding:21px 16px;} .detail-wrap .detail-info .more{ justify-content: center; margin:0px 0px 40px 0px;} .detail-wrap .detail-info .more *{font-size: 16px;} .detail-wrap .detail-info{width:100%;} section.nav.mo{background-color: transparent; width: 100%;} section.nav.mo.fixed.up{top:65px;} section.nav.mo .full.line.center{width:100%; background:#fff;} section.nav.mo .full.line.center .arr{ display: flex; overflow: auto; white-space: nowrap; justify-content: start; gap: 8px;} .type05.tab li{font-size: 15px;} .detail-wrap .content-wrap .title h3{font-size: 28px; line-height: 1.4;} .detail-wrap .content-wrap .title > span{font-size: 16px;} .detail-wrap .content-wrap .title > span.sub{font-size: 20px;} .detail-wrap .title p{font-size: 16px;} .detail-wrap .detail-info .content-wrap img{width:100%;} .detail-wrap .thumb.type04 span{font-size: 16px;} .detail-wrap .thumb.type04 h3{font-size: 28px;} .detail-wrap .thumb.type04 p span,.detail-wrap .thumb.type04 p span.b{font-size: 16px;} .detail-wrap .thumb.type04 .content-wrap.small + .content-wrap.small{ padding-left: 25%; margin-right: 0px;} .detail-wrap .thumb.type04 .content-wrap.small + .content-wrap.small .flex.center{ display: flex; overflow: auto; white-space: nowrap; justify-content: start; gap: 40px;} .detail-wrap .thumb.type04 .content-wrap.small + .content-wrap.small .flex.center > div:last-child{padding-right: 25%;} .detail-wrap .thumb.type04 .relative span{font-size: 36px; word-break: keep-all; width: 100%; word-wrap: break-word; text-overflow: ellipsis; height: auto; white-space: normal;} .detail-wrap .thumb.type04 .relative p{font-size: 16px; word-break: keep-all; width: 100%; word-wrap: break-word; text-overflow: ellipsis; height: auto; white-space: normal;} .table-wrap.type01 .data-table tbody tr:first-child td, .table-wrap.type01 .data-table tbody tr td, .table-wrap.type01 .data-table tbody tr th{padding:16px; font-size: 14px; vertical-align: baseline; font-weight: 400; word-break: break-word;} .table-wrap.type01 .data-table tbody tr td:nth-child(1){padding:16px; font-size: 14px; font-weight: 600;} .table-wrap.type01 .data-table tbody tr td:last-child{min-width: 100px;} .detail-wrap .download.btn a.ico::after{margin-left: 0px;} .detail-wrap .download.btn{display: grid; grid-template-columns: 1fr 1fr; gap: 8px;} .detail-wrap .download.btn a{font-size: 16px; display: flex; justify-content: center; align-items: center; padding:14px 16px;line-height: 1.1;} .detail-wrap .download.btn a.ico{justify-content: space-between;} .prod-list .slick-dots{bottom:-50px;} .part-list.slick-dotted.slick-slider {margin-bottom: 100px; } .detail-wrap .content-wrap .part-list li{margin-right: 0em; border-radius: 10px;} .detail-wrap .content-wrap .part-list .slick-dots li{padding:5px;} .detail-wrap .content-wrap .part-list .slider .slick-list {margin:0 -8px;} .detail-wrap .content-wrap .part-list .slick-slide { margin:0 8px; } .content-wrap .part-list img{height: 100px; width:auto;} .content-wrap .part-list li.slick-slide{padding:16px;} .content-wrap .part-list span{font-size: 12px;} .content-wrap .part-list h3{font-size: 18px;} .content-wrap .part-list .btn{font-size: 14px; border: 1px solid #d9d9d9; margin-top:0px; } .detail-wrap .prod-list .cont-list{display: block; margin-bottom:70px;} .detail-wrap .prod-list .slider .slick-list {margin:0 -8px;} .detail-wrap .prod-list .slick-slide { margin:0 8px; } .detail-wrap .prod-list .cont-list .slick-list{/*padding-right: 0px; margin-left: 0px;*/} .detail-wrap .prod-list .cont-list li .thumb .img{width: 90%;margin:0 auto;} .detail-wrap .prod-list .cont-list li.slick-slide{padding:16px; height: auto;background: #fafafa;} .detail-wrap .content-wrap .part-list .slick-slide{ margin: 0px 8px 0px 0px;} .detail-wrap .content-wrap .part-list .slick-list{margin:0 auto;} .detail-wrap .content-wrap .part-list .slick-list {padding-right: 12px;} .detail-wrap .prod-list .cont-list li.slick-slide.selected{ background-color: #fff; border:1px solid #fff;} .detail-wrap .prod-list .cont-list li.slick-slide.selected .thumb{background-color: #fff;} .detail-wrap .prod-wrap .list-warp{padding:0px 0px 0px 20px;} .detail-wrap .prod-wrap .list-warp .prod-list .btn-wrap .btn.big{padding:7px 0px;} .prod-wrap .list-warp{padding:0px 0px 0px 0px;} .prod-wrap .list-warp .prod-list .btn-wrap .btn.big{padding:7px 0px;} .prod-wrap .list-warp .prod-list .btn-wrap .btn.big{padding:7px 0px; font-weight: 600;} .detail-wrap .case-list .case-info .slick-list{ margin-bottom:70px;} .detail-wrap .solution-wrap .content-wrap.shead{padding-bottom: 0px;} .detail-info img{width:100% !important; height:auto !important;} .detail-info .content-wrap.p100 div{width:100% !important;} .detail-wrap .case-list .slick-dots{bottom:-50px;} .detail-wrap .relative.type03{padding:0px; margin-bottom: 0px;} .detail-wrap .relative.type03 .flex{ flex-direction: column;} .detail-wrap .relative.type03 .flex > div::after{content: none;} .detail-wrap .relative.type03 .flex{border-top: 8px solid #f5f5f5; border-bottom: 8px solid #f5f5f5;} .detail-wrap .relative.type03 .flex > div + div{ width: 100%; border-top: 1px solid #e5e5e5;} .thumb.top.industry{ background-size: auto 1100px; background-position: -350px -120px;} /*산업상세*/ .industry-wrap .subTitle h3{font-size: 32px;font-weight: 800;line-height: 1.1;margin-bottom: 28px;margin-bottom:0px;margin-top:0px;} .industry-wrap .subTitle span{font-size: 16px;font-weight: 500;} .industry-wrap .thumb.type02.industry{height: 480px; background-size: cover;} .thumb.type02.industry.t1{background:#fff url('../images/thumb/thumb_top_industry01_m.png') 0 0 no-repeat; background-size: cover;} .thumb.type02.industry.t2{background:#fff url('../images/thumb/thumb_top_industry02_m.png') 0 0 no-repeat; background-size: cover;} .thumb.type02.industry.t3{background:#fff url('../images/thumb/thumb_top_industry03_m.png') 0 0 no-repeat; background-size: cover;} .thumb.type02.industry.t4{background:#fff url('../images/thumb/thumb_top_industry04_m.png') 0 0 no-repeat; background-size: cover;} .thumb.type02.industry.t5{background:#fff url('../images/thumb/thumb_top_industry05_m.png') 0 0 no-repeat; background-size: cover;} .thumb.type02.app{height: 340px; background-size: cover; margin:0px 0px 40px 0px;} .thumb.type02.app.t1{background:#fff url('../images/thumb/thumb_top_app01_m.png') 0 0 no-repeat; background-size: cover;} .thumb.type02.app.t2{background:#fff url('../images/thumb/thumb_top_industry02.png') 0 0 no-repeat; background-size: cover;} .thumb.type02.app.t3{background:#fff url('../images/thumb/thumb_top_industry03.png') 0 0 no-repeat; background-size: cover;} .thumb.type02.app.t4{background:#fff url('../images/thumb/thumb_top_industry04.png') 0 0 no-repeat; background-size: cover;} .thumb.type02.app.t5{background:#fff url('../images/thumb/thumb_top_industry05.png') 0 0 no-repeat; background-size: cover;} .industry-wrap section.nav.mo .full.line.center{margin:40px 0px;} .industry-wrap section.nav + .list-wrap .content-wrap {padding-top:0px;} .content-wrap .title p{font-size: 16px; font-weight: 500; line-height: 1.8;word-break: keep-all;margin-top:40px;} .industry-wrap section.nav + .list-wrap .content-wrap.relative.type02{margin-top:40px;margin-bottom: 0px;} .industry-wrap section.nav + .list-wrap .content-wrap.relative.type02 .flex.center{ flex-direction: column; gap:60px;} .relative.type02 .flex > div::after{content: none;} .relative.type02 span{font-size: 14px;font-weight: 600; color:#000; opacity: .7;} .relative.type02 h3{font-size: 36px; font-weight: 800; color:#000; opacity: 1;margin:5px 0px 16px 0px;} .relative.type02 p{font-size: 15px;font-weight: 500;line-height: 1.5;} .relative.type02 .flex > div{padding:0px;} .thumb.type04.industry{padding:80px 0px 0px 0px;} .thumb.type04.industry > div > span{font-size: 16px;font-weight: 500;line-height: 1.5;} .thumb.type04.industry > div > h3{font-size: 28px;font-weight: 800;line-height: 1.4;} .thumb.type04.industry .content-wrap.small{gap:5px;} .thumb.type04.industry > div > p{margin:30px 0px 20px 0px;width: 300px; word-break: keep-all;} .thumb.type04.industry > div > h4{font-size: 24px;line-height: 1.4;font-weight: 800;} .zigzag-container{align-self: baseline;padding-left: 60px;padding-right: 60px;} .zigzag-container .item{width:108px; height:108px;} .zigzag-container .item:nth-child(4n+1){ margin-top: 100px;} .zigzag-container .bg{ margin: -117px; margin-top: -22px;width: 126px; height: 254px;} .zigzag-container .item span{font-size: 13px; line-height: 1.3; font-weight: 500;} .zigzag-container .item h3{font-size: 15px; font-weight: 700;line-height: 1.3;} .zigzag-wrap{width:100%;display: flex; overflow-x: scroll;} .zigzag-wrap{white-space: nowrap; /* [1] */ overflow-x: auto; /* [2] */ -webkit-overflow-scrolling: touch; /* [3] */ -ms-overflow-style: -ms-autohiding-scrollbar; /* [4] */} .zigzag-wrap::-webkit-scrollbar { display: none; } .industry-wrap .title{margin-bottom: 40px;} .industry-wrap .slick-dotted.slick-slider{margin-bottom: 40px;} .industry .info .flex>div{width:85%;} .industry .info .flex>div:nth-child(2n),.industry .info .flex>div:nth-child(2n+1){transform: none;} .industry .info .flex>div:nth-child(2n) .box{padding-left: 36px;} .industry .info .flex>div:nth-child(2n+1) .box{padding-right: 0px;padding-left: 36px;} .industry .info .flex .box{padding-bottom: 20px;;} .industry .info .flex>div:nth-child(2n) .line,.industry .info .flex>div:nth-child(2n+1) .line{width:0px;} .industry .info .flex>div:nth-child(2n+1){text-align: left;} .industry .info .flex>div:nth-child(2n+1) .line{right: auto; left: 0px;} .industry .info .flex .box span{font-size: 13px; font-weight: 600; line-height: 1.3;} .industry .info .flex .box h3{font-size: 18px; line-height: 1.1; font-weight: 800;margin:5px 0px 12px 0px;} .industry .info .flex>div:nth-child(2n+1) .box ul li{justify-content:start; font-size: 16px;font-weight: 500;color:#262626;padding:0px;} .industry .info .flex>div.h400::after{height:300px;} .industry .info > .bg{opacity: .3;} industry-list type02{width:100%;} .industry-list.type02 .cont-list li{width:auto;} .industry-list.type02 .cont-list{display: flex;} .industry-list.type02 .cont-list li.slick-slide{padding:16px;} .apply-wrap .application-list.list.type05{ grid-template-columns: 1fr; gap:12px;} .industry .prod-wrap .list-warp .cont-list{ display: block;} .cont-list.slick-dotted.slick-slider{display: block; padding-bottom: 60px;} .list.type02.news-list{display: block;} .industry-wrap .news-list li.slick-slide{margin: 0px 8px 0px 0px;} .industry-wrap .news-list .slick-list{padding-right: 12px;} /*산업 뉴스*/ .list.type02 li span.cate{ color:#0072EB; font-size: 14px; font-weight: 500;} .list.type02 li h3{font-size: 20px;font-weight: 600;line-height: 1.5;-webkit-box-orient: vertical;-webkit-line-clamp: 2; text-overflow: ellipsis;margin:10px 0px 40px 0px;} .list.type02 li span.date{font-size: 14px; font-weight: 500; color:#707070;} .list.type05 li{padding:30px;} .list.type05 li h3{font-size: 20px; font-weight: 800;line-height: 1.3; margin:5px 0px 28px 0px;} .list.type05 li p{font-size: 16px; font-weight: 500; line-height: 1.1; opacity: .8;} .industry-wrap .prod-list .cont-list li.slick-slide{padding:16px;} .industry-wrap .list-warp.type02 .prod-list .cont-list li.slick-slide{padding:0px;} .prod-wrap .list-warp.type02 .prod-list .btn-wrap{flex-direction:column;} .prod-wrap .list-warp.type02 .prod-list .cont-list li .cont h3{margin-top:0px;} .prod-wrap .list-warp.type02 .prod-list .cont-list li .cont{padding:16px;} .relative.type02 +p{margin-top:40px;} .industry-wrap .prod-list .view-all{margin-top: 0px;} .industry-list{margin-bottom: 50px;} .thumb.type05 .flex{gap:0px;} .thumb.type05 p{font-size: 20px; font-weight: 500;line-height: 1.5;margin-bottom: 16px;} .thumb.type05 p b{font-weight: 700;} .thumb.type05 .btn{font-size: 14px; font-weight: 700;width:142px; height: 39px;} .thumb.type05{background-image: url(../images/common/footer_bg_inquire_m.png); height: 240px; flex-direction: initial; padding: 0;} .thumb.type04.app{padding:80px 0px;} .line-wrap{width: 100%; overflow-x: scroll;} .line-wrap{white-space: nowrap; /* [1] */ overflow-x: auto; /* [2] */ -webkit-overflow-scrolling: touch; /* [3] */ -ms-overflow-style: -ms-autohiding-scrollbar; /* [4] */} .line-wrap::-webkit-scrollbar { display: none; } .line-container{ margin-left: 0px; display: inline-flex; padding: 20px; padding-right: 70px;} .line-container .item{width:140px; height: 140px; margin-right: -20px; font-size: 15px;} .line-container .item h3{font-size: 15px;line-height: 1.3; font-weight: 600;} .line-container .item span{font-size: 13px;} .list.type06 li span.cate{padding:0px 0px 5px 0px;} .thumb.type04.app .list.type06{grid-template-columns: 1fr; width: 80%;gap:40px;} .list.type06 ul > li span{line-height: 1.75; color: #000; font-size: 16px;} .list.type06 li h3{font-size: 20px; margin:16px 0px;} .thumb.type04.app > div > span{font-size: 16px; color: #000; font-style: normal; font-weight: 500; line-height: 150%; } .thumb.type04.app > div > h3{font-size: 28px; font-weight: 800; line-height: 1.4;} .thumb.type04.app > div > p{font-size: 16px; font-style: normal; font-weight: 500; line-height: 180%; } .thumb.type04.app .full{width: 100%;} .case-wrap + .thumb.type05{margin-top:0px;} /*로봇솔루션*/ .list.type07{ grid-template-columns: 1fr; gap:16px;} .mo.filter{margin-bottom:16px;} .list.type07 h3{font-size: 20px;font-weight: 600;margin-bottom: 20px; height: auto;} .list.type07 li .cont > span{font-size: 14px; font-style: normal; font-weight: 500;} .list.type07 li .thumb{height: 240px;} .nav-container a{ text-decoration: none; color: inherit; } .nav-container.active{ height: 100%; padding:0px; display: block; } .nav-container .nav-links li{ transform: translate3d(0, 0, 0); opacity: 1; } .nav-container.active .nav-links li { transform: translate3d(0, 0, 0); opacity: 1; } .nav-container .nav-links{ margin-top:70px; } .nav-container h3{font-size:16px; margin:1em 0em 0.5em 0em;} .nav-container .nav-links li{ position: relative; font-size: 15px; padding:10px 0px; font-weight: bold; line-height: 1; text-transform: uppercase; color: #333; opacity: 0; transform: translate3d(-50px, 0, 0); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } .nav-container .nav-links li a{ z-index: 5; position: relative; display: block; } .nav-container .nav-links li:after{ z-index: 0; content: ''; position: absolute; left: -35px; bottom: 0; height: 65px; width: 10px; background-color: rgba(51,134,255, 1); opacity: 0; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } .status_menu.type02{margin-bottom:40px;} .status_menu.type02 li{border:0px; background-color:transparent; color:#000;} .status_menu.type02 li + li{border-left:1px solid #D9D9D9;} .status_menu.type02 li a{color:#000;font-size: 15px;font-style: normal;font-weight: 500;line-height: 110%;} .status_menu.type02 li a{padding:0px; height:30px;line-height:30px;} .nav-container .nav-links .status_menu.type02 li{padding:0px;} .nav-container .nav-links li:hover:after{ opacity: 1; } .nav-container header .header-wrap .right{display:flex;gap: 16px;align-items: center; } .nav-container a.mobile-toggle{ position:absolute; right:15px; top:20px;} .nav-container{ position: fixed; top: 0; left: 0; width: 100%; max-width:500px; height: 0; z-index:40000; background-color: #FFF; transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1); overflow: hidden; transform: translateZ(0); margin-top: 0px; display:none; } .nav-links{padding:50px 0px 70px 0px; height: 90vh; overflow: scroll;} .nav-container .nav-links ul + ul{margin-top:20px;} .nav-container .nav-links .depth02 li a{padding-left:10px;color: #4f4f4f; font-weight: 600;font-size:12px;} .nav-container .nav-links .depth02{display: grid; grid-template-columns: 1fr 1fr;} .accordion { border: 1px solid #ddd; border-radius: 4px; overflow: hidden; } .nav-container footer{position: fixed;bottom:0px; left:0px; padding:21px 20px 22px 20px; width: 100%; z-index:10; background: #fff; border-top:1px solid #E4E4E4;} .nav-container footer .footer-wrap{display:flex; justify-content: space-between;} .selectBox.left .label{padding-left:0px;} .selectBox.left:before{ background: url(../images/common/ico_arrow_down.png) no-repeat 0 50%; background-size: contain;} .selectBox.left.active:before { background: url(../images/common/ico_arrow_down.png) no-repeat 0 50%; background-size: contain; transform: rotate(180deg) translateY(10px); } .selectBox.left .optionList{right:auto;} .selectBox.left.active .optionList{ height: fit-content;} /* Scrollbar-effect------- */ /* #accordian::-webkit-scrollbar { width: 5px; height: 8px; } #accordian::-webkit-scrollbar-track { border-radius: 10px; background-color: #e4e4e4; } #accordian::-webkit-scrollbar-thumb { background: #000; border-radius: 10px; transition: 0.5s; } #accordian::-webkit-scrollbar-thumb:hover { background: #d5b14c; transition: 0.5s; } */ #accordian { background: #fff; width: 100%; padding: 0px; /* float: left; height: 100vh; overflow-x: hidden; */ } #accordian a { } i { margin-right: 10px; } #accordian li { list-style-type: none; } #accordian ul li a{ color: #000; text-decoration: none; font-size: 15px; display: block; /* line-height: 34px; */ padding: 16px 20px; transition: all 0.15s; position: relative; border-radius: 3px; font-size: 20px; font-style: normal; font-weight: 700; line-height: 110%; } #accordian .depth03 ul{ display: flex;flex-direction: column;gap: 16px; padding: 16px 0px 0px 0px;} #accordian .depth03 ul li a{font-size: 15px; padding:0px; font-style: normal; font-weight: 400; line-height: 110%;} .nav-container .nav-links .depth03 ul li{padding:0px;} #accordian>ul>li>ul>li{padding:30px 20px 30px 20px;} #accordian>ul>li>ul>li .depth2+.depth2{margin-top:30px;} /* #accordian>ul.show-dropdown>li.active>a, #accordian>ul>li>ul.show-dropdown>li.active>a, #accordian>ul>li>ul>li>ul.show-dropdown>li.active>a, #accordian>ul>li>ul>li>ul>li>ul.show-dropdown>li.active>a, #accordian>ul>li>ul>li>ul>li>ul>li>ul.show-dropdown>li.active>a{ background-color: #a8d4fb; color: #0089ff; box-shadow: 0px 1px 2px rgba(0, 137, 255, 0.2); } */ #accordian>ul>li>ul, #accordian>ul>li>ul>li>ul, #accordian>ul>li>ul>li>ul>li>ul, #accordian>ul>li>ul>li>ul>li>ul>li>ul { display: none; background: #F9F9F9; } #accordian>ul>li.active>ul.show-dropdown, #accordian>ul>li>ul>li.active>ul.show-dropdown, #accordian>ul>li>ul>li>ul>li.active>ul.show-dropdown, #accordian>ul>li>ul>li>ul>li>ul>li.active>ul.show-dropdown { display: block; } #accordian>ul>li>ul, #accordian>ul>li>ul>li>ul, #accordian>ul>li>ul>li>ul>li>ul, #accordian>ul>li>ul>li>ul>li>ul>li>ul { padding-left: 20px; padding-left: 0px; } #accordian a:not(:only-child):after { content: url('data:image/svg+xml; utf8, '); position: absolute; right: 20px; top: 14px; font-size: 15px; font-family: "Font Awesome 5 Free"; display: inline-block; padding-right: 3px; vertical-align: middle; font-weight: 900; transition: 0.5s; transform: rotate(180deg); } #accordian .active>a:not(:only-child):after { transform: rotate(0deg); } #accordian>ul>li>ul>li>.depth2 a:not(:only-child):after , #accordian>ul>li>ul>li>ul>li>a:not(:only-child):after , #accordian>ul>li>ul>li>ul>li>ul>li>a:not(:only-child):after { content:''; } #accordian>ul>li>ul>li>.depth2 > a{ font-size: 16px; font-style: normal; font-weight: 600; line-height: 110%; padding:0px; } #accordian>ul>li>ul>li>ul>li>a, #accordian>ul>li>ul>li>ul>li>ul>li>a { font-size: 15px; font-style: normal; font-weight: 400; line-height: 110%; } .list.type13 > li{padding:30px 0px;gap:0px; flex-direction: column;} .list.type13 > li:first-child{border-top:0px;} .list.type13 li span.cate{font-size: 14px;font-weight: 700;line-height: 160%;} .list.type13 > li h3{font-size: 18px;font-weight: 600;line-height: 150%;margin:10px 0px 12px 0px;} .list.type13 > li p{font-size: 14px;font-weight: 500;line-height: 160%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;align-self: stretch;} .list.type13 li span.date{font-size: 14px;font-weight: 500;line-height: normal;color:#707070;} .list.type13 .thumb{ background: #fafafa; margin-top: 40px; background-image: url(../images/common/thumb_hd_main.png); background-size: contain;background-repeat: no-repeat;background-position: center; background-size: cover;background-repeat: no-repeat;background-position: center;} .layer-popup .popup-content{height:100%; border-radius: 0px; padding:40px 20px 0px 20px; height: 95vh; border-radius: 0px; padding: 40px 20px 60px 20px; overflow-y: auto;} .layer-popup .popup-wrap .input-wrap{padding:20px;} .layer-popup .popup-wrap input[type="text"]{width:139px;} .layer-popup .popup-wrap .btn{width:100%;} .layer-popup .popup-content .text-wrap{padding:0px;} .layer-popup {top:64px;} .confirm-wrap .content-wrap.p100{padding:0px;} .layer-popup .popup-wrap{top:0px;} .layer-popup .filter-wrap{display:block;} .layer-popup .popup-wrap h3{font-size: 24px;font-weight: 800;line-height: 130%;margin-top:20px;} .layer-popup .popup-wrap p{ max-width: 250px;} .layer-popup.full .popup-wrap p{max-width:auto;} .layer-popup .popup-content .text-wrap .msg-box{width:100%; min-height:350px;} .layer-popup .popup-content .text-wrap .msg-box *{max-width:none;} .layer-popup.bottom{top:0px;} .layer-popup.bottom .popup-content{height:auto;} .type05.tab li{margin-left:0px;} .type05.tab li+li{margin-left:0px;} .list.type11{ grid-template-columns: 1fr;} .list.type11.wide > li{height:348px; padding:30px 20px;} .list.type11 > li h3{font-size:20px;} .list.type11.wide li ul.check li{font-size:16px;font-weight: 700; color:#000;line-height: 150%; display: flex;} .list.type11.wide li ul.check li + li{margin-top:10px;} .layer-popup.mem .popup-wrap header.mo .header-wrap{display:flex;} .biz-wrap .top-cont{ flex-direction: column;} .biz-wrap .top-cont .thumb{width:100%; height: 170px;margin-bottom:40px;} .content-wrap .title.ltype h3{font-size:24px;} .content-wrap .title.ltype span{font-size:16px;} .content-wrap .title.ltype{gap:16px;} .list.type11 > li{padding:20px;gap:10px;} .biz-wrap .subTitle h3{font-size: 32px;font-weight: 800;line-height: 110%;} .biz-wrap .subTitle p{font-size:16px;} .biz-wrap .subTitle .content{margin-bottom:40px;} .biz-wrap .list.type11 > li h3{font-size:16px;} .biz-wrap .list.type11 > li span{font-size:16px;} .biz-wrap .list.type11{gap:12px;} .biz-wrap .content-wrap .title.ltype{margin-bottom:40px;} .biz-wrap .list.type12 li{flex-direction: column; align-items: start;gap:20px;} .biz-wrap .list.type12 li .down span.cate{font-size:14px;} .biz-wrap .list.type12 li .down span{font-size:14px;} .biz-wrap .list.type12 li .down span:nth-child(2), .biz-wrap .list.type12 li .down span:nth-child(3){display:none;} .biz-wrap .list.type12 li div.down { justify-items: center; n-items: center; width:100%; justify-content: space-between; align-items: center;} .list.type12 li .down span{padding:0px;border-left:0px;} .biz-wrap .content-wrap .title.ltype span{font-size: 16px;font-weight: 400;line-height: 150%;color:#707070; text-align:left;} .info-list > div{flex-direction:column;gap:30px;} .info-list > div >div:first-child{width:100%; height:233px;border-radius:20px;} .info-list > div >div:last-child{width:100%;gap:12px;} .info-list > div h3{font-size: 20px;font-weight: 700;line-height: 110%;} .info-list > div p{font-size: 16px;font-weight: 500;line-height: 200%;color:#707070;} .info-list{gap:40px;} .relative.type03.content-wrap .flex.center{ flex-direction: column;gap:0px;} .relative .flex > div::after{display:none;} .relative .flex > div{padding:30px 0px;width:100%;} .relative .flex > div + div{border-top:1px solid #E5E5E5;} .relative.type03.content-wrap .flex.line{ border-top: 8px solid #F5F5F5;border-bottom: 8px solid #F5F5F5;} .list.type02.main{ grid-template-columns:1fr;margin: 0 -10px;} .list.type02.main li.slick-slide{margin: 0 10px; height: auto;} .list.type02.main li h3, .list.type02.main li.active h3 { margin: 12px 0em 12px 0em; } .list.type02.main li span.date{margin-top:60px;} .subTitle h3{font-size: 32px;font-weight: 800;line-height: 110%;text-transform: uppercase;} .content-wrap{min-height:auto;} .notice{margin-top:40px;margin-bottom:40px;} .notice li{font-size:16px;} .form-menu .tab-label{font-size:20px;} .form-menu .tab-label span{ font-size: 14px;width: 44px; overflow: hidden;height: 25px; margin-right: 25px;} .form-menu .tab-label{border-bottom:0px;} .form-menu input:checked ~ .tab-content{padding:0px;} .join-info-wrap.max .form-wrap.full .field .info-message.flex.two-wide{ width: 100%; flex-direction: column; align-items: start;} .join-info-wrap.max .info-message.flex.two-wide + .info-message.flex.two-wide{margin-top:20px;} .join-info-wrap .form-wrap.full .field .insert{gap:40px !important;} .form-menu .tab input[type="checkbox"]:checked + label{ justify-content: space-between;} .submit .btn.type01.mid { width: 200px; border-width: 1px; border-radius: 6px; width: 100%; height: 60px; font-size: 16px; } #pop_asInfo.layer-popup .popup-wrap,#pop_info.layer-popup.big .popup-wrap{top:0px;} #pop_info.layer-popup .popup-content{padding:0px;} .layer-popup .popup-content .tabCont{} #pop_info.layer-popup .popup-content .text-wrap{padding:0px 20px !important;} #pop_info.layer-popup .popup-content .tabCont img{width:100%; height:auto;} .layer-popup .popup-content .notice{margin-top:40px;} #pop_info.layer-popup .popup-wrap .btn.confirm{ width: 100%;} #pop_asInfo.layer-popup .content-wrap.small{margin:0px; padding:0px;} #pop_asInfo.layer-popup .list.type10{ grid-template-columns: 1fr;} .join-info-wrap .form-wrap.full .field .insert .btn{width:80px;} .join-info-wrap .form-wrap.full .field .input-text{gap:8px;} .biz-wrap .thumb{width:100%;} .list.type07.w li .thumb{height:200px;} .list.type07 li .cont{padding:16px;} .list.type07.w h3{font-size:20px;margin-bottom:20px;} .list.type07 ul >li span:nth-child(2),.list.type07 ul > li span:first-child{font-size:14px;} #pop_m_info.layer-popup.big .popup-wrap{top:0px;} #pop_m_info.layer-popup .popup-content{padding: 40px 20px 60px 20px;} .layer-popup .popup-content .tabCont img{height:auto; width:100%;} .industry-wrap section.nav + .list-wrap .content-wrap .content-wrap.small{padding-left:0px; padding-right:0px;} .industry-wrap section.nav + .list-wrap .content-wrap iframe{height:300px; } .solution-list{padding:0px 20px;} .solution-list > div h3{font-size: 40px;} .solution-list > div >div:first-child{width:100%; height:320px; border-radius:12px;} .solution-list > div >div:last-child{width:100%;} .solution-list > div p{ word-break: keep-all;} .list-wrap.spec-wrap .spec-list ul{flex-direction: column;gap:40px; padding:0px 30px;} .solution-list > div {flex-direction: column; gap:20px;} .solution-list > div:nth-child(2n){flex-direction: column;} .solution-list > div:nth-child(2n) >div:last-child{ text-align: left;justify-content: start;align-items: start;width:100%;} .solution-list > div div.title{margin-bottom:30px !important; font-size: 20px; font-weight: 700; padding:0px;} .grid-list{ grid-template-columns: 1fr; padding:0px 20px;} .grid-list > div{width:100%; padding:30px; gap:10px; height:auto;} .industry-wrap .title{padding:0px 20px;} .list-wrap.common-wrap{padding:60px 0px;} .list-wrap.spec-wrap .spec-list ul li h3{font-size: 20px;font-weight: 600;line-height: 130%;} .grid-list > div .num{font-size: 28px;font-weight: 700;line-height: 150%;} .grid-list > div h3{font-size: 20px;font-style: normal;font-weight: 600;line-height: 130%; } .grid-list > div .separator{margin:28px 0px;} .tabs.type02{background:transparent; overflow: auto; white-space: nowrap; white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;} .tabs.type02 label{font-size:15px;background:transparent; padding:10px 20px; flex: none;} .tabs.type02 input[type="radio"]:checked + label{background:transparent; color:#000;} .tabs.type02 label:last-child:after{content:none;} .tabCont{margin-top:20px;} .partner-list > li.visible{flex-direction: column;gap:20px;} .partner-list li > div:nth-child(2){padding:0px 20px;} .partner-list li .bg{width:100%; height:200px; } .partner-list li .bg img{width:70%; min-width: 50px;max-width: none;} .partner-list > li{height:600px;} .partner-list li > div:nth-child(2) h3{font-size:24px;} .partner-list li > div:nth-child(2) .full.line {margin-bottom: 20px;padding-bottom: 20px; border-bottom: 1px solid #e4e4e4;} .partner-list li > div:nth-child(2) .info li{font-size:16px; display: flex;align-items:start;} .partner-list li > div:nth-child(2) .info li span:nth-child(1){width:100px;} .partner-list li > div:nth-child(1){flex:none;} .partner-list li > div:nth-child(2) .info li span:nth-child(2){flex:1; word-break: break-all;} .partner-list{margin-top:40px;} .partner-wrap .partner-list.type3_2 .subTitle h3, .partner-wrap .partner-list.type3_2 .subTitle ul, .partner-wrap .partner-list.type3_2 .subTitle span, .partner-wrap .partner-list.type3_2 .subTitle p, .partner-wrap .partner-list.type3_3 .subTitle h3, .partner-wrap .partner-list.type3_3 .subTitle ul, .partner-wrap .partner-list.type3_3 .subTitle span, .partner-wrap .partner-list.type3_3 .subTitle p{ padding-right: 20px; padding-left: 20px; display: inline-block; margin-top:0px;} .list.type15 { display: grid; grid-template-columns: 1fr; padding: 0px 20px;} .list.type15 li h3{font-size:28px; } .list.type15 li p{font-size:16px;} .partner-wrap .partner-list.type3_2 .subTitle,.partner-wrap .partner-list.type3_3 .subTitle{ padding: 60px 0px 40px 0px;} .partner-list li .arrow-wrap{display:none;} .partner-list .info li > ul{grid-template-columns:1fr; } .partner-wrap .partner-list.type3_2 .solution-list .title{text-align:left;} .partner-wrap .list.type01 > li{text-align:left;} .partner-wrap .list.type01 li .tag{ justify-content: left;} .partner-list .list.type01 li > div:nth-child(2){padding:0px;} .partner-list .list.type01 ul > li span:first-child{display:block;} .partner-list .list.type01 li > ul li{padding-top:16px;} .partner-wrap .list.type01 li .tag span{color:#434343; font-size: 14px;font-weight: 500; background:#F8FAFB; border-radius:6px;border:0px;line-height: 130%; padding:8px 12px;margin-bottom:0px;} .partner-wrap .list.type01 li .region span{font-size: 14px;font-weight: 500;color:#9D9D9D;margin-right:10px; display:inline-block;} .partner-wrap .list.type01 li .region {color:#0072EB; font-size: 14px;font-weight: 500;} .partner-wrap .list.type01 li h3{margin-top:16px; margin-bottom:40px;} .slick-dots li{overflow: visible !important;} .slideWrap + .slideWrap{margin-top:20px;} .partner-wrap .partner-list.type3_2 .full.wrap{height:310px;} .partner-wrap .content-wrap.p100 + .subTitle{text-align:center;} .top-bg.content-wrap.small{ padding:20px; height: 287px; align-items: end; background: #fff url(../images/thumb/thumb_partner_m.png) 0 0 no-repeat;} .top-bg.content-wrap.small h3{font-size: 28px;} .flex.two-wide.toggle{ justify-content: center;} .toggle-type ul.tabs li.current{padding:12 36px;font-size:16px;} .toggle-type ul.tabs li{font-size:16px;} .toggle-type .tab-content{margin-top:30px;} .toggle-type .tab-content{padding:0px;} .fc .fc-toolbar.fc-header-toolbar{margin-bottom:30px !important;} .flex.two-wide.toggle + .content-wrap.small{padding:0px;} #calendar{height:500px;} .fc-theme-standard td{border:0px !important;} /* .fc .fc-daygrid-day-number{padding:2px 2px 0px 0px !important;} */ /* .industry-wrap .subTitle span{font-size:12px;} */ .fc-h-event .fc-event-main .fc-content{font-size:16px;overflow: hidden;} .fc-theme-standard .fc-popover{max-width:230px;} .fc-daygrid-event-harness{text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} .fc-popover-header span+span{margin-top:0px !important; line-height:1 !important;} .fc-h-event .fc-event-main .fc-content{max-width:180px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} .fc .fc-daygrid-body-balanced .fc-daygrid-day-events{padding-left:0px !important;} .fc .fc-toolbar-title{font-size:24px !important;} .list.type01.by1{ grid-template-columns: 1fr;} .btn-wrap.mm.mo{margin-top:40px;} .toggle-type #tab-2{padding-top:12px;} .list.type01 li > ul li{padding:5px 0px;} .list.type01 li .btn-wrap{margin-top:30px;width:100%;gap:8px;} .list.type01 li .btn-wrap .btn{flex:1;} .totalText, .totalText span{font-size:16px !important;} .content-wrap > .content-wrap{padding-left:0px; padding-right:0px;padding-bottom:0px;} .full.line{border:0px;} .total{margin-bottom:12px;} .list.type01.t2 h3{font-size: 20px;font-weight: 600;line-height: normal;color:#000;margin-top:10px;} .list.type01.t2 > li ul li{font-size: 14px;font-weight: 700;line-height: normal;color:#555; display:flex; flex-direction: row;} .list.type01.t2 ul{margin-top:40px;} .list.type01.t2 ul > li span:first-child{width:120px; font-size: 14px;font-weight: 700;line-height: normal;color:#555;opacity: 1; } .list.type01.t2 ul > li div{font-size: 14px;font-weight: 500;line-height: normal;color:#707070;} .list.type01.t2 a.download.btn{margin-top:20px;} .list.type01.t3 > li{border-radius: 12px;background: #FAFAFA;padding: 30px;flex-direction: column;align-items: flex-start;gap: 40px;border:0px;} .list.type01.t3 li span.cate{font-size: 14px;font-weight: 700;line-height: 160%;color:#0072EB;} .list.type01.t3 li ul{ display: flex; justify-content: space-between;align-items: end;flex-direction: row;} .list.type01.t3 li ul .ico{width:40px;height:40px;display:inline-block;} .ico.down.arrow{ background: url(../images/common/ico_main_arrow.png) center center no-repeat; transform: rotate(90deg); background-size:contain;} .ico.down{width: 40px;height: 40px;background: #fff url('../images/common/ico_down.png') center center no-repeat;background-size: 18px; text-indent: 30px; overflow: hidden; display: inline-block; margin-left: 0.25em;padding-right: 10px;border-radius: 6px; cursor:pointer; margin-left: 16px;} .ico.info{width: 40px;height: 40px;background: #fff url('../images/common/ico_info.png') center center no-repeat;background-size: 24px; text-indent: 30px; overflow: hidden; display: inline-block; margin-left: 0.25em;padding-right: 10px;border-radius: 6px; cursor:pointer;} .content-wrap.subTitle .content-wrap.small{padding:0px;} .flex.line{border:0px;} .list.type09 > li{border:1px solid #d9d9d9; background-color: #f9f9f9; border-radius: 0.95em; padding:1.5em; display: flex; height: 300px; flex-direction: column; justify-content: space-between; } .list.type09{grid-template-columns: 1fr;} .list.type09 li.slick-slide{height:auto; border:1px solid #d9d9d9; padding:0em; border-radius: 16px 16px; background-color: #fafafa;height:400px;} .board-wrap .content-wrap.content{padding-top:0px;} .esg.detail-wrap .download.btn{ grid-template-columns: 1fr;} .detail-wrap.esg .top-title p{text-align:left;font-size: 16px;font-weight: 500;line-height: 150%;margin-top:20px;} .detail-wrap .content-wrap .title h2{font-size: 28px;font-weight: 800;line-height: 140%; text-transform: uppercase;margin:40px 0px 10px 0px;} .detail-wrap .content-wrap .title h2 + p{font-size: 20px;font-weight: 600;line-height: 150%; margin:10px 0px 0px 0px;} .esg .content-wrap .content-wrap{padding:0px;} .detail-wrap.esg .top-title + .download.btn{margin-top:40px;display:grid;} .edu-info-detail{flex-direction: column;gap:40px;} .edu-info-detail > div{width:100%;} .edu-wrap .edu-info{height:auto;} .industry-wrap .content-wrap .title{padding:0px;margin-bottom:80px;} .edu-tab-info .tabCont .content-wrap{padding:0px;} .news-wrap .tabs.type01{display: inline-flex; flex-flow: wrap;margin-bottom: 0px;} .news-wrap .list.type02{grid-template-columns: 1fr;} .news-wrap .list.type02 li span.cate{color:#0072eb; font-size: 14px;} .news-wrap .list.type02 li h3{ font-size: 18px; line-height: 1.5; font-weight: 600; margin:10px 0px 40px 0px;} .news-wrap .list.type02 li span.date{font-size: 14px; color:#707070;} .news-wrap .cate .content-wrap.mid{padding:0px 20px 0px 20px;} .news-wrap .content-wrap.mid{padding:0px 20px 40px 20px;} .edu-tab-info{padding:0px 20px;} .edu-info h3{font-size: 24px;font-weight: 800;line-height: 150%; margin-top:40px;} .edu-info p{font-size: 16px;font-weight: 300;line-height: 180%;} .edu-tab-info .tabCont.type01 .thumb.type01{height:488px; border-radius:12px; background-image: url(/resources/resource/images/thumb/thumb_edu_top02_m.png) !important;} .edu-tab-info .tabCont{margin-top:40px;} .thumb.type02.edu.t1{ background: #fff url(../images/thumb/thumb_eduinfo_top_m.png) center center no-repeat; background-size: cover; height: 500px;} .content-wrap.small.right{padding:0px 0px 0px 20px;} .mfull{width:100%; padding-left:0px; padding-right:0px;} .mfull .content-wrap{padding-left:0px; padding-right:0px;} .mfull .content-wrap .title{padding:0px 20px;} .location-info.flex{flex-direction: column;} .flex.two-wide-7-3 > div:nth-child(1){flex:none; width:100%;} .flex.two-wide-7-3 > div:nth-child(2){flex:none; width:90%;} .location-info .info h3{height:32px; } .flex.two-wide-7-3 > div:nth-child(2) ul li{font-size:18px; display:flex;} .flex.two-wide-7-3 > div:nth-child(2) ul li + li{margin-top:10px;} .industry-wrap .title + .content-wrap.mid.location-info.flex{margin-top:0px;} .relative.type03.content-wrap{padding:100px 0px;} .list.type11.colum3{grid-template-columns: 1fr;} .list.type11.colum3 li.slick-slide{ background: #fff; border: 1px solid #D9D9D9; border-radius: 0.95em; padding: 23px; text-align: left; width: 100%; position: relative; overflow: hidden; display: inline-flex; flex-direction: column; align-items: start; margin:0 4px; height:604px; justify-content: space-between; margin: 0 8px 0px 0px; } .list.type11.colum3 .slick-list{ padding-right: 10px;} .esg .relative .flex > div{width:75%;margin:0px 40px;} .mSlider .slick-list{ padding-right: 10px; } .mSlider div.slick-slide{margin: 0 10px 0px 0px; display:inline-flex; flex-direction: column;justify-items: center; align-items: center;} .esg .relative .flex > div{flex:none;overflow: visible;} .esg-list li.slick-slide{flex-direction: column;} .esg-list li > div:nth-child(1){flex:none;} .esg-list li{height:auto;} .esg-list li .bg{height:492px;width:100%; border-radius:12px;} .esg-list li {border:0px;} .esg-list li > div:nth-child(2){padding:40px 0px;} .esg-list li > div:nth-child(2) h3{font-size: 20px;font-weight: 800;line-height: 150%; } .esg-list li > div:nth-child(2) p{font-size: 16px;font-weight: 500;line-height: 150%;} .esg-list li > div:nth-child(2) p br{display:none;} .esg.detail-wrap .download.btn{font-size:14px; display:flex;} .edu-info-detail > div .thumb{height:250px; margin-bottom:40px;} .edu-info-detail > div h3{font-size: 24px;font-weight: 800;line-height: 150%; margin-bottom:20px; padding-bottom:0px; border-bottom:0px;} .edu-info-detail > div li span:last-child{font-size:16px; text-align:right;} .edu-info-detail > div li{ display: flex; justify-content: space-between;} .edu-wrap .list.type11 .type-list{grid-template-columns: 1fr; width:100%;} .list.type11 li span.cate{font-size: 14px;font-weight: 700;line-height: 100%; } .edu-wrap .list.type11 li > div > h3{font-size: 20px;font-weight: 700;line-height: normal;margin:16px 0px;} .list.type11.wide li ul.check.type02 li{font-size: 14px;font-weight: 500;line-height: 150%;letter-spacing: -0.84px;} .list.type11.wide li ul.check.type02 li + li{margin-top:8px;} .edu-wrap .list.type11 .type-list > div{height:86px; padding: 16px 30px;} .list.type11.wide li ul.check.type02 li::before{margin-right:0px;} .edu-wrap .list.type11 .type-list h3{font-size:16px;} .edu-wrap .list.type11 .type-list .cate{font-size: 13px;font-weight: 500;line-height: 110%;letter-spacing: -0.26px;} .edu-wrap .list.type11 .type-list{height:auto;gap:8px;} .edu-wrap .edu-info .line-container{ flex-direction: column; padding:0px; width: 100%;align-items: center; margin:40px 0px;} .edu-wrap .edu-info .line-container .item{width:240px; height:240px; margin-top: -25px;} .edu-wrap .edu-info .line-container .item h3{font-size:24px;} .edu-wrap .edu-info .line-container .item span{font-size: 18px;font-weight: 400;line-height: 160%} .edu-wrap .edu-info .process-list-line{display:none;} .edu-wrap .edu-info .process-list{flex-direction: column;width:100%;gap:8px;} .edu-wrap .edu-info .process-list > li{flex-direction: row;} .edu-wrap .edu-info .process-list > li > div{flex:1; height:120px; font-size:16px;} .edu-wrap .edu-info .process-list > li > div:first-child{font-size:16px;} .edu-wrap .edu-info .process-list > li > div:last-child{height:120px;font-size: 16px;font-weight: 500;line-height: 160%;} .edu-info.tabCont.type02,.edu-info.tabCont.type03 h3{width:70%;margin:0 auto;} .company-wrap .list-wrap#info .flex{flex-direction: column;gap:40px;} .company-wrap .list-wrap#info .content-wrap.small{padding:0px;} .company-wrap .list-wrap#info .flex .thumb{height:300px;} .company-wrap .list-wrap#info .flex h3{margin-top:40px;font-size: 24px;font-weight: 700;line-height: 140%;} .company-wrap .list-wrap#info .flex p{margin-top:30px;font-size: 18px;font-weight: 400;line-height: 160%;} .value-wrap .flex{flex-direction: column;align-items: center;gap:80px;} .value-wrap .item.hexagon{height:272px;} .value-wrap .item.hexagon h3{font-size: 20px;font-weight: 700;line-height: 150%;} .value-wrap .item.hexagon .svg{width:98px; height:98px;} .company-wrap .content-wrap.value-wrap{padding:80px 20px;} .grid, .grid-2,.grid-3{height:auto !important;} .grid .item,.grid-2 .item,.grid-3 .item{width:100% !important; position:relative !important;left:unset !important; top:unset !important;height: fit-content !important;} .grid-2 .item:nth-child(15),.grid-2 .item:nth-child(12){width:100% !important; position:relative !important;left:unset !important; top:unset !important;height: fit-content !important;} .company-msg-info .item p{font-size: 16px;font-weight: 500;line-height: 150%;} .company-wrap .right-msg{color:#000; margin-top: 882px; text-align: center;} .thumb.type02.comp.t1{height:495px;background-image:url(../images/thumb/thumb_compInfo_top_m.png); margin-bottom: 0px;} .company-wrap .right-msg p{font-size: 28px;font-weight: 600;line-height: 140%;text-transform: uppercase;} .thumb.type02 .right-msg span{font-size: 16px;font-weight: 500;line-height: 150%;color:#000;margin-top:20px;} #ceo_info .content-wrap.p100{padding:80px 0px;} .company-msg-tab{margin-top:80px;} .company-wrap .right-msg{margin-top:80px;} .company-wrap .right-msg span{margin-top:20px; display:inline-block;} .company-msg-info.content-wrap.p100{padding:40px 20px;} .grid .item:nth-child(11),.grid .item:nth-child(12){width:48% !important; float:left; height: 380px !important;} .grid .item:nth-child(12){margin-left:8px;} .grid-2 .item:nth-child(5),.grid-2 .item:nth-child(6){width:48% !important; float:left; height: 260px !important;} .grid-2 .item:nth-child(6){margin-left:8px;} .grid-2 .item:nth-child(5),.grid-2 .item:nth-child(6){width:48% !important; float:left; height: 260px !important;} .grid-2 .item:nth-child(6){margin-left:8px;} .grid-2 .item:nth-child(10),.grid-2 .item:nth-child(11){width:48% !important; float:left; height: 350px !important;} .grid-2 .item:nth-child(11){margin-left:8px;} .grid-3 .item:nth-child(5),.grid-3 .item:nth-child(6){width:48% !important; float:left; height: 350px !important;} .grid-3 .item:nth-child(6){margin-left:8px;} .grid-3 .item:nth-child(10),.grid-3 .item:nth-child(11){width:48% !important; float:left; height: 380px !important;} .grid-3 .item:nth-child(11){margin-left:8px;} .grid-3 .item:nth-child(18),.grid-3 .item:nth-child(19){width:48% !important; float:left; height: 284px !important;} .grid-3 .item:nth-child(19){margin-left:8px;} .grid-3 .item:nth-child(23),.grid-3 .item:nth-child(24){width:48% !important; float:left; height: 338px !important;} .grid-3 .item:nth-child(24){margin-left:8px;} #ceo_info .flex > div{flex:none;} #ceo_info .flex{flex-direction: column;gap:80px;} #ceo_info .thumb{height:480px; border-radius:0px;padding:20px;background-size:auto 464px;} #ceo_info .flex > div:nth-child(2){padding:0px 20px;} #ceo_info h3{font-size: 28px;font-weight: 800;line-height: 140%;} .value-wrap .flex{background-image: none;} .value-wrap .flex > div:nth-child(2) .item.hexagon {background-image:url('../images/common/bg_hexagon02.png');} .value-wrap .item.hexagon { display: flex; align-items: center; justify-content: center; flex-direction: column;background:url('../images/common/bg_hexagon01.png') center center no-repeat; background-size:contain; height:427px; margin: 0px -10px; margin-bottom:40px;} .value-wrap .flex > div:nth-child(3) .item.hexagon {background-image:url('../images/common/bg_hexagon03.png');} .value-wrap .flex > div:nth-child(4) .item.hexagon {background-image:url('../images/common/bg_hexagon04.png');} .list.type02.main li:first-child p br{display:none;} .list.type02.main.big li{height:250px;} .download-center .list.type02.main li.slick-slide{height:250px;} .download-center .list.type02 li h3{ -webkit-line-clamp: 1;min-height:auto;} .filter-arr{white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch;} .edu-wrap .subTitle h3{margin-bottom:40px;} #pop_down.layer-popup .popup-content .text-wrap .msg-box li{display:flex;flex-direction: column;width: 100%;align-items: start;} #pop_down.layer-popup .popup-content .text-wrap .msg-box li h3{margin-top:0px;} #pop_down.layer-popup .popup-content .text-wrap .msg-box li .down{margin-left:30px;} #pop_down.layer-popup .popup-content .text-wrap .msg-box li .down span + span::before{content:''; display:inline-block; height:15px; border-left:1px solid #ccc; padding-left:15px;margin-left:15px;} #pop_down.layer-popup .popup-content .text-wrap .msg-box {min-height:auto; max-height:50vh;} .list.type01 li .num{font-size: 14px;font-weight: 500;line-height: normal;margin-bottom:16px;} .list.type01 ul > li span:first-child{color: #9D9D9D;font-size: 12px;font-weight: 700;line-height: 110%;margin-bottom:6px; width:85px;} .edu-wrap .list.type01 li > ul li:last-child{display:flex;flex-direction: row;} .edu-wrap .list.type01 li .btn-wrap .btn{height:48px; display: flex; justify-content: center; align-content: center; align-items: center;} .table-wrap.type04 .data-table tr th,.table-wrap.type04 .data-table tr td{padding:5px 0px; font-size:16px; background: #fff;} .table-wrap.type04 .data-table tr td{text-align:right;} .layer-popup .popup-content .button-wrap.two{padding: 40px 20px; } .layer-popup .popup-wrap .text-wrap.g1 .table-wrap.type04 + span{font-size: 14px;font-weight: 600;line-height: 200%;} .layer-popup .popup-content .button-wrap .btn + .btn{margin-left:0px;} .join-info-wrap.max{text-align:left;} .join-info-wrap.survey .form-wrap.full .field{ align-items: start !important;} .join-info-wrap .form-wrap.full .field .insert{width:100%;} .join-info-wrap.survey .form-menu .tab input[type="checkbox"]:checked + label{margin-top:40px;} .rdo_wrap { display: flex; gap: 20px; flex-direction: column; margin-top:20px;} .join-info-wrap.survey .form-wrap.full .field .insert{gap:10px !important;} .chat-close{position:absolute; right: 1.5em; top: 1.5em;} .chat-wrap{right:0px; width:100%; height:100%; top:0px;} .chat-wrap .chat-cont{ height: calc(100% - 100px);} .history-info .flex.two-wide{flex-direction: column;} .type08.tab li{font-size:14px;padding: 10px 10px;width:auto;margin-left:0px;height:36px;} .type08.tab {gap:8px;} .history-info h3{font-size:40px;} .thumb.type02.comp.t2 {height: 495px; background-image: url(../images/thumb/thumb_compinfo_top_2_m.png); margin-bottom: 0px; } .history-wrap .history-info h3{margin-bottom:40px;} .history-info .entry .title h3{font-size:32px;} .history-info .entry .body ul{font-size:16px;} .history-info .entry .body{padding-left:0px;} .history-info .entry{ align-items: start; flex-direction: column; padding-left:20px;} .history-info .timeline:before{left:0px; content:none;} .history-info .entry .title:before{right:auto; left:-26px; width:5px; height:5px;} .history-info .timeline + .timeline{margin-top:60px;} .history-info .tabCont{position:relative;} .history-info .timeline-wrap:before{content: ''; background-repeat: no-repeat; background-size: auto 100%; border-left: 2px dotted #003087; position: absolute; top: 120px; left: calc(126px + 60px); bottom: 0px; width: 2px; height: 90%; right: auto; left: 0px; } .history-info .tabCont.type03 .timeline-wrap:before{height: 93%;} .full.line .type01.tab{ display: flex;overflow: auto;white-space: nowrap;justify-content: start;gap: 8px; white-space: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;} .thumb.type02.part .flex.two-wide{flex-direction: column; align-items: start; padding:0px;gap:0px;} .thumb.type02.part{background-image: url('../images/thumb/thumb_part_top_m.png'); height:320px; text-align:left; padding:20px;} .thumb.type02.part p{font-size: 20px !important;font-weight: 800;line-height: 140%;} .thumb.type02.part p br{display:none;} .thumb.type02.part p span{font-size: 20px;} .full.line.menu-cate{ border-bottom: 1px solid #e4e4e4;} .full.line.menu-cate .type01.tab li+li{margin-left:0px;} .part-list.gray{display:grid; grid-template-columns: 1fr 1fr; gap: 8px;} .prod-list.gray .cont-list > li .btn-wrap{flex-direction: column;} .prod-list.gray .cont-list{ grid-template-columns: 1fr 1fr; gap:8px;} .content-wrap.small{overflow: scroll;} .prod-list.main.content-wrap.small{padding:0px 20px;} .content-wrap .part-list.gray li{padding:16px;} .content-wrap .part-list.gray h3{width:100%;} .prod-list.gray .cont-list li .thumb{padding:0px; text-align: center;} .prod-list.gray .cont-list li .cont{margin-top:16px;} .prod-list.gray .cont-list li .cont h3{font-size: 18px;font-weight: 700;line-height: 110%;color:#000;margin:4px 0px;} .prod-list.gray .cont-list li .cont h3::after{content:none;} .prod-list.gray .cont-list li .cont span{font-size: 12px;font-weight: 400;line-height: 110%; color:#262626;} .prod-list.gray .cont-list > li .btn-wrap{gap:8px; margin-top:0px; padding-top:16px; border-top:0px;} .prod-list.gray .cont-list > li .btn-wrap .btn{ padding: 7px 0px; font-weight: 600; font-size: 14px; border-width: 1px; text-align: center;} .search-bar-area.type03 + .flex{ flex-direction: row; gap : 20px; margin-top:24px;} .search-bar-area.type03 + .flex h4{flex:1} .tag-list {display:flex;gap:8px; flex-wrap: wrap;flex:3;} .tag-list span{font-size: 14px;font-weight: 600;line-height: normal;text-transform: uppercase;color:#9D9D9D;} .part .content-wrap .title{text-align:center;} .part .flex.two-wide{flex-direction: column; gap:40px;} .prod-list.gray .cont-list li .thumb img{height:101px;} .prod-wrap.part .prod-list .cont-list li .thumb img{height:101px;} .part-wrap.top .thumb{height:300px; flex:none;} .type08.add-cart{bottom:20px;} .common-wrap {padding:80px 20px; border-bottom:8px solid #F5F5F5;} .main_info{flex-direction: column; align-items: center;gap:40px;} .main_info>.thumb{flex:auto;width:100%;height:200px;} .main_info h3{font-size: 24px;font-weight: 800;line-height: 150%; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;align-self: stretch;} .main_info .full.line{ margin-bottom: 20px; padding-bottom: 20px; border-bottom:1px solid #E5E5E5;} .main_info > div:nth-child(2) .info li >span:nth-child(2), .main_info > div:nth-child(2) .info li div{width:70%;font-size: 16px; font-weight: 500;line-height: normal;color:#555;} .main_info > div:nth-child(2) .info li >span:nth-child(1){font-size: 16px;} .partner-wrap .line-container{width:100%; grid-template-columns: 1fr 1fr;display: grid;border-radius: 20px;gap:10px;margin:0px 0px; padding:20px 40px;} .partner-wrap .line-container .item{ width: 100%; height:100%; aspect-ratio: 1 / 1; } .table-wrap.type05 .data-table tr th{font-size: 16px;font-weight: 700;line-height: normal;padding:20px 10px;} .table-wrap.type05 .data-table tr td{padding:20px 10px;font-size: 16px;font-weight: 400;line-height: normal; color:#707070;} /* .partner-wrap .content-wrap{padding-left:20px; padding-right:20px;} */ .list-wrap.common-wrap{padding-left:20px; padding-right:20px;} .partService .solution-list{padding:0px;} .partner-wrap .case-wrap .content-wrap.xhead{padding-left:20px; padding-right:20px;padding-top:40px;} .partner-wrap .case-list .case-info li .thumb{height:253px;} .solution-list.type02 > div:nth-child(2n){flex-direction: column;} .partner-wrap div > span{font-size: 16px;font-weight: 500;line-height: normal; color:#555;} .partner-wrap .media iframe{height:200px; border-radius:12px;} .main_info{padding-bottom:40px;} .detail-wrap.top .detail-main > .thumb img{ width: 100%;height: auto;} .thumb.type04.solution > div > span{font-size:16px;} .thumb.type04.solution > div > h3{font-size:28px;} .my-progress-bar{flex-direction: column; gap:40px;padding:0px 20px;} .my-progress-bar .step-wrap{flex-direction: row; align-items: start;gap:20px;} .my-progress-bar .step-wrap .title{margin-top:0px;margin-bottom:12px;font-size: 18px;font-weight: 800;line-height: 110%} .my-progress-bar .step .subtext{font-size: 16px;font-weight: 500;line-height: 110%; } .my-progress-bar .step .text{font-size:12px;} .my-progress-bar .step-wrap > .text{text-align: left; margin-bottom:0px; margin:5px 0px;} .my-progress-bar .step .track{ height: 2px; width: 40px; right:unset; top:unset;bottom: -22px; background: #32cd32; margin-top: 20px; border-radius: 0px; position: absolute; /* left: 50%; */ margin-left: -10px; left: 5px; transform: rotate(90deg);margin-left:auto;} .solution-detail #info img, .solution-detail #info .img{height:200px !important; margin-top:0px;} .my-progress-bar .step .no { display: flex; flex-direction: column; align-content: center; justify-content: center;} /* .solution-detail.industry-wrap .content-wrap .title{margin-bottom:0px;} */ .content-wrap .solution-list,.content-wrap .grid-list{padding:0px;} .popup.mainPopup{width:90%; padding:20px; } .popup.mainPopup .cont{height:300px; border-radius: 8px 8px 0px 0px;} .popup.mainPopup{top:10em;} .popup.mainPopup .footer{padding:15px;} .tabs.type06 label{font-size:13px;} .join-memo span{font-size:14px;} .checkbox-wrap .checkbox label{font-size:14px;} }