/* Pc set */
@media screen and (max-width:1860px){
	.quick {width:100px; bottom:20px; right:20px;}
	.quick a {height:110px; font-size:20px;}
	.quick a:before {height:40px;}
	.unfixed .quick {bottom:calc(100% + 20px);}
}

/* Pc set */
@media screen and (max-width:1640px){
	.quick {width:50px;}
	.quick a {height:60px; font-size:13px; gap:5px;}
	.quick a:before {height:20px;}
	.quick a.i2 {margin-top:10px;}
}

/* Pc set */
@media screen and (max-width:1540px){
	.quick {display:none;}
}

/* Pc set */
@media screen and (max-width:1400px){
/* header */
	.header .gnb ul {gap:60px;}
	.header .gnb li > a {font-size:20px;}
	.header .snb a {font-size:15px;}
/* main */
	.mvisual_wrap .mv_txt p {font-size:20px;}
	.mvisual_wrap .mv_txt strong {font-size:45px; line-height:1.3;}
	.mvisual_wrap .mv_txt .more {width:260px; height:60px; line-height:58px; padding:0 20px; font-size:17px; margin-top:60px;}
	.mvisual_wrap .mv_navi {bottom:40px; left:auto; right:20px; padding-right:0; width:auto;}
	.mvisual_wrap .mv_navi .slick-dots li {font-size:16px;}
	.mcon {font-size:16px; line-height:26px;}
	.mcon .mtit {font-size:45px; margin:10px 0 20px;}
	.btit {font-size:22px; line-height:24px; padding-left:18px; margin:80px 0 20px;}
	.btit:before {width:5px;}
	.mcon .more {font-size:15px; line-height:48px; height:50px; width:150px; margin-top:60px;}

	.mc01 {padding:110px 0 160px; background-position:right 60px bottom 70px;}
	.mc01 .inner {gap:40px;}
	.mc01 .imgfit {padding-left:30px;}

	.mc02 {padding:60px 0 40px;}
	.mc02 .flex {margin-top:30px; gap:50px; padding-left:30px;}
	.mc02 .imgfit {width:400px;}
	.mc02 .txt {width:calc(100% - 450px);}
	.mc02 .txt li {font-size:18px; line-height:24px; margin-bottom:14px;}

	.mc03 {padding:140px 0;}
	.tbl.mt {margin-top:40px;}
	.tbl td {font-size:16px;}

	.iot_step .step {width:180px;}
	.iot_step .step span {font-size:18px;}
	.iot_step .step .tit {font-size:18px; line-height:24px; height:48px; margin-bottom:20px;}
	.iot_step .step .dots_list p {font-size:15px; line-height:24px;}
	.iot_step .arrow {width:calc((100% - 720px)/3);}
	.iot_step .arrow i {width:60px; height:24px;}
	.iot_step .arrow .ico {line-height:40px; height:40px;}
	.iot_step .arrow p {font-size:16px;}

	.half_slide {margin:0 -15px;}
	.half_slide .slick-slide {padding:0 15px;}
	.half_slide .tt {font-size:18px; padding:20px 25px;}
	.half_slide .cn {padding:20px; height:380px;}

	.mc03 p.pl {padding-left:72px; text-indent:-72px;}

	.mc04 {padding:120px 0;}
	.mc04 .mtit {font-size:40px;}
	.mc04 .more {margin-top:30px;}

	.mc05 {padding-top:120px;}
	.mc05 .mtit {margin-bottom:40px;}
	.supplier {gap:20px 30px;}
	.supplier li {width:calc((100% - 90px)/4); height:7.5vw;}

	.mc06 {padding:120px 0;}
	.mc06 .mtit {margin-bottom:40px;}
	.performance_slide {margin:0 -15px;}
	.performance_slide .slick-slide {padding:0 15px;}
	.performance_slide .imgfit {height:24vw;}
	.performance_slide .txt {gap:20px; font-size:16px;}
	.mc06 .slick-prev {left:0;}
	.mc06 .slick-next {right:0;}
	.mc06 .more {margin-top:30px;}

	.mc07 {padding:100px 0 120px;}
	.mnotice {gap:20px;}
	.mnotice a {width:calc((100% - 40px)/3); height:250px; padding:40px 30px 20px;}
	.mnotice .type {margin-bottom:20px;}
	.mnotice .tit {font-size:20px; line-height:30px;}
	.mnotice .date {bottom:20px; left:30px; font-size:15px; line-height:20px;}
/* sub */
	.svisual {height:550px;}
	.svisual .txt span {font-size:20px;}
	.svisual .txt strong {font-size:50px;}
	.svisual .location span {font-size:16px;}
	.aside a {font-size:18px; line-height:70px;}
	.container {padding:80px 20px 160px; font-size:16px; line-height:26px;}
	.container .title {font-size:40px; margin-bottom:80px;}
	br.pc_vw {display:none;}
/* 인사말 */
	.greeting .tit {font-size:35px; line-height:44px;}
	.greeting .tt {font-size:20px; line-height:30px; margin:20px 0;}
	.greeting .name {font-size:20px; margin-top:30px;}
	.greeting .bg {width:calc(50vw - 20px); height:100%;}
	.greeting .bg:before {width:31vw; height:37vw;}
	.greeting .bg:after {top:8vw; right:15vw; width:30vw; height:32vw;}
/* 시험장비소개 */
	.item_list {gap:20px;}
	.item_list .box {width:calc((100% - 40px)/3);}
	.item_list .imgfit {height:32vw;}
	.item_list .txt {padding:20px;}
	.item_list .txt strong {font-size:20px;}
	.item_list .txt p {font-size:15px;}
	.item_view {gap:30px; margin-bottom:80px;}
	.item_view .imgfit {width:40vw; height:42vw;}
	.item_view .txt {width:calc(100% - 40vw - 30px);}
	.item_view .tit {font-size:24px; line-height:34px; padding:15px 0;}
	.item_view .con {padding:30px 0;}
	.item_view .con .tt {font-size:18px; margin-bottom:10px;}
	.container .dots_list p {font-size:15px; line-height:32px; padding-left:12px;}
	.container .dots_list p:before {top:12px; width:6px; height:6px;}
	.item_detail .tit {font-size:22px; line-height:64px; height:64px; padding:0 20px; margin-bottom:30px;}
	.item_detail .tit ~ .tit {margin-top:60px;}
	.item_detail .con.img_in {padding-right:400px;}
	.item_detail .con .tt {font-size:20px; margin:60px 0 10px;}
	.item_detail .con .imgfit {right:40px; width:280px; height:220px;}
	.item_detail .con .imgarea {margin-top:70px;}
	.item_detail .con.item_list .imgfit {height:32vw;}
	.item_detail .con.item_list .txt {font-size:20px;}
/* 연혁 */
	.history_top {height:360px;}
	.history_top strong {font-size:44px;}
	.history_top p {font-size:18px;}
	.history {padding-top:60px;}
/* 설치시공 사례 */
	.container .performance_slide {gap:30px;}
	.container .performance_slide .box {width:calc((100% - 60px)/3);}
	.container .performance_slide .imgfit {height:24vw;}
/* 제품문의·견적요청 */
	.contact {padding:40px 30px; margin-bottom:20px;}
	.contact .tit {width:240px; font-size:26px;}
	.contact .con {width:calc(100% - 240px); gap:80px;}
	.contact .con dl {gap:40px; font-size:18px;}
	.contact .con dt {padding-left:24px;}
/* 게시판 목록 */
	.board_list th,
	.board_list td {height:60px;}
	.board_list th {font-size:17px;}
	.board_list .w1 {width:80px;}
	.board_list .w2 {width:100px;}
	.board_list .w3 {width:140px;}
/* 게시판 상세 */
	.board_view .head {padding:30px 140px 30px 0; font-size:24px;}
	.board_view .head.intype {padding-left:160px;}
	.board_view .head .type,
	.board_view .head .date {top:30px;}
	.board_view .head .date {font-size:15px; line-height:29px;}
	.board_view .body {padding:50px 0;}
	.board_view .file dt {width:80px;}
	.board_view .file dd {width:calc(100% - 80px);}
	.board_view .file dd a {font-size:15px;}
	.btn_list {font-size:16px; line-height:50px; height:52px; width:140px; margin-top:50px;}
/* 게시판 쓰기 */
	.board_write dt {width:150px; font-size:16px; line-height:45px; padding-left:25px;}
	.board_write dd {width:calc(100% - 150px); font-size:17px;}
	.board_write dd input.text,
	.board_write dd select.text {height:45px;}
	.board_write dd textarea.text {height:280px;}
	.board_write .tit {font-size:22px; margin:60px 0 20px;}
	.btn_submit {font-size:20px; line-height:60px; height:60px;}
}

/* hover */
@media screen and (min-width:1024px){
	.board_bottom .btns .btn:hover {background:#04427b; color:#eee;}
	.board_bottom .btns .btn_l:hover {background:#f5f5f5; color:#04427b;}
	.board_bottom .paging a:hover {color:#7a7a7a; border-color:#888;}

	.header.hover .snb {padding:30px 0; height:240px;}
	.header.hover .bg {height:320px;}
	.aside a:hover {color:#fff; font-weight:700;}
	.aside a:hover:before {left:0; width:100%;}
}

/* tablet */
@media screen and (max-width:1023px){
/* header */
	.header .inner {height:70px;}
	.header .logo {width:180px; line-height:70px;}
	.header .btn_menu {position:absolute; top:0; right:0; width:70px; height:70px; z-index:10;}
	.header .btn_menu p {position:absolute; top:50%; left:50%; width:24px; height:2px; margin-left:-12px; background:#fff; transition:.2s linear;}
	.header .btn_menu .t {margin-top:-10px;}
	.header .btn_menu .m {margin-top:-1px;}
	.header .btn_menu .b {margin-top:8px;}
	.header.on .btn_menu p {background:#000;}
	.header.on .btn_menu .t {margin-top:-1px; transform:rotate(135deg);}
	.header.on .btn_menu .m {width:0;}
	.header.on .btn_menu .b {margin-top:-1px; transform:rotate(-135deg);}
	.header .gnb,
	.header .gnb .black {position:fixed; top:0; width:100%; height:100%; opacity:0; transition:.2s linear;}
	.header .gnb {right:-100%; padding-left:20%;}
	.header.on .gnb {right:0; opacity:1;}
	.header .gnb .black {left:-100%; background:rgba(0,0,0,.6);}
	.header.on .gnb .black {left:0; opacity:1;}
	.header .gnb ul {position:relative; width:100%; height:100%; background:#fff; gap:0; flex-direction:column; padding-top:70px;}
	.header .gnb ul:before {content:""; position:absolute; top:0; left:20px; width:180px; height:70px; background:url('/images/logo_c.png') no-repeat 50% 50% / contain;}
	.header .gnb li {border-bottom:#ddd 1px solid;}
	.header .gnb li:first-child {border-top:#ddd 1px solid;}
	.header .gnb li > a {position:relative; font-size:16px; color:#222; line-height:60px; padding:0 20px;}
	.header .gnb li > a.pc_vw {display:none !important;}
	.header .gnb li > a.mo_vw {display:block !important;}
	.header .gnb li > a.mo_vw:after {content:""; position:absolute; top:0; right:20px; width:17px; height:100%; background:#a4a4a4; mask:url('/images/arrow_gnb.png') no-repeat 50% 50% / contain; -webkit-mask:url('/images/arrow_gnb.png') no-repeat 50% 50% / contain; transition:.2s linear;}
	.header .gnb li.open > a,
	.header .gnb li.on > a {color:#fff; background:#3952a2;}
	.header .gnb li.open.on > a {color:#222; background:#fff;}
	.header .gnb li.open > a.mo_vw:after,
	.header .gnb li.on > a.mo_vw:after {transform:rotate(180deg); background:#fff;}
	.header .gnb li.open.on > a:after {transform:rotate(0deg); background:#a4a4a4;}
	.header .snb {position:relative; top:0; left:0; width:100%; height:auto; transform:none; transition:0s; padding:10px 0; display:none; background:#fafafa;}
	.header .snb a {font-size:13px; color:#797979; line-height:40px; padding:0 20px; text-align:left;}

	.header.fixed .bg {height:70px;}
/* footer */
	.footer {padding:50px 0;}
	.footer .info .logo {width:180px; height:32px; margin-bottom:20px;}
	.footer .info dl {font-size:14px; line-height:26px;}
	.footer .info dt {width:110px;}
	.footer .info dd {width:calc(100% - 110px);}
	.footer .info .copy {font-size:14px; margin-top:20px;}
	.footer .menus {display:none;}
/* main */
	.mvisual_wrap .mv_txt p {font-size:18px;}
	.mvisual_wrap .mv_txt strong {font-size:35px;}
	.mvisual_wrap .mv_txt .more {width:240px; height:50px; line-height:48px; font-size:16px; margin-top:50px;}
	.mvisual_wrap .mv_navi {bottom:30px;}
	.mvisual_wrap .mv_navi .slick-dots li {font-size:15px;}
	.mcon {font-size:15px; line-height:24px;}
	.mcon .mtit {font-size:35px;}
	.btit {font-size:18px; line-height:20px; padding-left:14px; margin:60px 0 15px;}
	.btit:before {width:4px;}
	.mcon .more {font-size:14px; line-height:43px; height:45px; width:140px; margin-top:50px;}

	.mc01 {padding:90px 0 140px; background-position:right 40px bottom 50px;}
	.mc01 .inner {gap:30px;}
	.mc01 .imgfit {padding-left:20px;}

	.mc02 {padding:50px 0;}
	.mc02 .flex {margin-top:20px; gap:30px; padding-left:20px;}
	.mc02 .imgfit {width:300px;}
	.mc02 .txt {width:calc(100% - 330px);}
	.mc02 .txt li {font-size:14px; line-height:22px; margin-bottom:10px; height:70px; padding-right:10px;}

	.mc03 {padding:90px 0;}
	.tbl.mt {margin-top:30px;}
	.tbl th,
	.tbl td {padding:15px 5px; font-size:14px; height:60px;}

	.iot_step .step {width:21%; padding:50px 10px;}
	.iot_step .step span {font-size:14px;}
	.iot_step .step .tit {font-size:14px; line-height:22px; height:44px; margin-bottom:15px;}
	.iot_step .step .dots_list p {font-size:14px; line-height:22px;}
	.iot_step .arrow {width:8%;}
	.iot_step .arrow i {width:40px; height:20px;}
	.iot_step .arrow .ico {line-height:30px; height:30px; padding:0 5px;}
	.iot_step .arrow p {font-size:14px;}

	.half_slide {margin:0 -10px;}
	.half_slide .slick-slide {padding:0 10px;}
	.half_slide .tt {font-size:14px; padding:15px 20px;}
	.half_slide .cn {padding:15px; height:300px;}

	.mc03 p.pl {padding-left:65px; text-indent:-65px;}

	.mc04 {padding:90px 0;}
	.mc04 .mtit {font-size:30px;}
	.mc04 .more {margin-top:20px;}

	.mc05 {padding-top:90px;}
	.mc05 .mtit {margin-bottom:20px;}
	.supplier {gap:10px;}
	.supplier li {width:calc((100% - 30px)/4);}

	.mc06 {padding:90px 0;}
	.mc06 .mtit {margin-bottom:30px;}
	.performance_slide {margin:0 -10px;}
	.performance_slide .slick-slide {padding:0 10px;}
	.performance_slide .txt {gap:10px; font-size:14px;}
	.mc06 .more {margin-top:20px;}

	.mc07 {padding:90px 0;}
	.mnotice {gap:10px;}
	.mnotice a {width:calc((100% - 20px)/3); height:200px; padding:30px 20px 20px;}
	.mnotice .type {margin-bottom:15px;}
	.mnotice .tit {font-size:18px; line-height:26px;}
	.mnotice .date {left:20px; font-size:14px;}
/* sub */
	.svisual {height:450px;}
	.svisual .txt span {font-size:16px;}
	.svisual .txt strong {font-size:40px;}
	.svisual .location span {font-size:14px;}
	.aside a {font-size:16px; line-height:60px;}
	.container {padding:60px 20px 120px; font-size:14px; line-height:24px;}
	.container .title {font-size:30px; margin-bottom:60px;}
/* 인사말 */
	.greeting {padding:0; display:flex; flex-direction:column-reverse;}
	.greeting .tit {font-size:30px; line-height:40px;}
	.greeting .tt {font-size:18px; line-height:26px; margin:15px 0;}
	.greeting .name {font-size:18px; margin-top:25px;}
	.greeting .bg {position:relative; width:50vw; height:52vw; margin:0 auto 40px;}
	.greeting .bg:before {right:0; width:45vw; height:46vw;}
	.greeting .bg:after {top:10vw; right:15vw; width:40vw; height:42vw;}
/* 시험장비소개 */
	.item_list {gap:14px;}
	.item_list .box {width:calc((100% - 28px)/3);}
	.item_list .imgfit {height:31vw;}
	.item_list .txt {padding:15px;}
	.item_list .txt strong {font-size:18px;}
	.item_list .txt p {font-size:14px;}
	.item_view {gap:20px; margin-bottom:60px;}
	.item_view .imgfit {width:40vw; height:42vw;}
	.item_view .txt {width:calc(100% - 40vw - 20px);}
	.item_view .tit {font-size:22px; line-height:30px; padding:10px 0;}
	.item_view .con {padding:20px 0;}
	.item_view .con .tt {font-size:16px;}
	.container .dots_list p {font-size:14px; line-height:30px; padding-left:10px;}
	.container .dots_list p:before {top:10px;}
	.item_detail .tit {font-size:20px; line-height:60px; height:60px; padding:0 15px; margin-bottom:20px;}
	.item_detail .tit ~ .tit {margin-top:50px;}
	.item_detail .con.img_in {padding-right:300px;}
	.item_detail .con .tt {font-size:18px; margin:50px 0 10px;}
	.item_detail .con .imgfit {right:20px; width:240px; height:200px;}
	.item_detail .con .imgarea {margin-top:50px;}
	.item_detail .con.item_list .imgfit {height:31vw;}
	.item_detail .con.item_list .txt {font-size:17px;}

/* 연혁 */
	.history_top {height:300px;}
	.history_top strong {font-size:40px;}
	.history_top p {font-size:16px;}
	.history {padding-top:50px;}
	.history dl {padding-left:calc(50% + 25px); margin-bottom:60px;}
	.history dt {font-size:22px; line-height:25px;}
	.history dt i {left:-37px; width:25px; height:25px;}
	.history dt i:before {width:11px; height:11px; margin:-6px 0 0 -6px;}
	.history dd {padding-top:15px;}
	.history dd p {padding-left:100px;}
	.history dd strong {font-size:16px;}
	.history dl:nth-child(2n) {padding:0 calc(50% + 25px) 0 0;}
	.history dl:nth-child(2n) dt i {right:-38px;}
	.history dl:nth-child(2n) dd p {padding:0 100px 0 0;}

/* 오시는 길 */
	.root_daum_roughmap .wrap_map {height:400px !important;}
	.map_wrap .btns {top:20px; right:20px; gap:10px;}
	.map_wrap .btns a {width:45px; height:45px;}
	.map_txt {padding-top:40px;}
	.map_txt .tit {font-size:22px; margin-bottom:30px;}
	.map_txt .add {font-size:17px; margin-bottom:10px;}
	.map_txt ul {gap:30px;}
	.map_txt li {gap:10px; font-size:17px;}
/* 설치시공 사례 */
	.container .performance_slide {gap:20px;}
	.container .performance_slide .box {width:calc((100% - 40px)/3);}
	.container .performance_slide .imgfit {height:23vw;}
/* 제품문의·견적요청 */
	.contact {padding:30px 20px;}
	.contact .tit {width:200px; font-size:22px;}
	.contact .con {width:calc(100% - 200px); gap:40px;}
	.contact .con dl {gap:20px; font-size:16px;}
	.contact .con dt {padding-left:20px;}
/* 게시판 목록 */
	.board_list th,
	.board_list td {height:50px;}
	.board_list th {font-size:15px;}
	.board_list .w1 {width:70px;}
	.board_list .w2 {width:90px;}
	.board_list .w3 {width:120px;}
/* 게시판 상세 */
	.board_view .head {padding:20px 120px 20px 0; font-size:20px;}
	.board_view .head.intype {padding-left:140px;}
	.board_view .head .type,
	.board_view .head .date {top:20px;}
	.board_view .head .date {font-size:14px; line-height:24px;}
	.board_view .body {padding:40px 0;}
	.board_view .file dt {width:65px;}
	.board_view .file dd {width:calc(100% - 65px);}
	.board_view .file dd a {font-size:14px;}
	.btn_list {font-size:15px; line-height:40px; height:42px; width:130px; margin-top:40px;}
/* 게시판 쓰기 */
	.board_write dt {width:130px; font-size:14px; line-height:40px; padding-left:20px;}
	.board_write dd {width:calc(100% - 130px); font-size:15px;}
	.board_write dd input.text,
	.board_write dd select.text {height:40px;}
	.board_write dd textarea.text {height:220px;}
	.board_write dd .w2 {width:calc((100% - 40px)/3);}
	.board_write dd .ml {width:calc((100% - 40px)/3 + 10px);}
	.board_write dd span {width:20px; line-height:40px;}
	.board_write .tit {font-size:20px; margin:50px 0 15px;}
	.btn_submit {font-size:18px; line-height:50px; height:50px;}
}

/* mobile */
@media screen and (max-width:767px){
	.pc_vw {display:none !important;}
	.mo_vw {display:block !important;}
/* header */
	.header .inner {height:50px;}
	.header .logo {width:105px; line-height:50px;}
	.header .btn_menu {width:50px; height:50px;}
	.header .btn_menu p {width:20px; margin-left:-10px;}
	.header .btn_menu .t {margin-top:-8px;}
	.header .btn_menu .b {margin-top:6px;}
	.header .gnb ul {padding-top:50px;}
	.header .gnb ul:before {width:105px; height:50px;}
	.header .gnb li > a {font-size:14px; line-height:50px;}
	.header .gnb li > a.mo_vw:after {width:15px;}
	.header .snb a {font-size:13px; line-height:40px;}
	.header.fixed .bg {height:40px;}
/* footer */
	.footer {padding:40px 0;}
	.footer .info .logo {width:105px; height:25px; margin-bottom:15px;}
	.footer .info dl {font-size:11px; line-height:20px;}
	.footer .info dt {width:80px;}
	.footer .info dd {width:calc(100% - 80px);}
	.footer .info .copy {font-size:11px; margin-top:10px;}
/* main */
	.mvisual_wrap .slick-slide .imgfit {height:100vw;}
	.mvisual_wrap .mv_txt p {font-size:10px;}
	.mvisual_wrap .mv_txt strong {font-size:20px;}
	.mvisual_wrap .mv_txt .more {width:160px; height:30px; line-height:28px; font-size:11px; margin-top:20px; padding:0 15px; background-size:15px;}
	.mvisual_wrap .mv_navi {bottom:15px; left:50%; right:auto;}
	.mvisual_wrap .mv_navi .slick-dots {padding:0 10px;}
	.mvisual_wrap .mv_navi .slick-dots li {font-size:11px; gap:5px; line-height:30px;}
	.mvisual_wrap .mv_navi .slick-dots li:before,
	.mvisual_wrap .mv_navi .slick-dots li:after {left:-160px;}
	.mvisual_wrap .mv_navi .slick-dots li:before {width:100px;}
	.mvisual_wrap .mv_navi .arrow {width:30px; height:30px; background-size:auto 50%;}
	@keyframes mv_dots {
		0% {width:0;}
		100% {width:100px;}
	}
	.mcon {font-size:12px; line-height:20px;}
	.mcon .mtit {font-size:28px;}
	.btit {font-size:14px; padding-left:10px; margin:40px 0 10px;}
	.btit:before {width:3px;}
	.mcon .more {font-size:12px; line-height:38px; height:40px; width:100px; margin-top:25px;}

	.mc01 {padding:40px 0 50px; background-position:right 20px bottom 15px; background-size:20%;}
	.mc01 .inner {gap:25px; flex-direction:column;}
	.mc01 .imgfit {padding-left:0; width:50vw; height:50vw;}
	.mc01 .txt {width:100%;}

	.mc02 {padding:40px 0;}
	.mc02 .flex {flex-direction:column; padding-left:0;}
	.mc02 .imgfit {width:50vw;}
	.mc02 .txt {width:100%;}
	.mc02 .txt li {font-size:12px; line-height:20px; margin-bottom:5px; height:40px; padding-left:25px;}
	.mc02 .txt li:before {left:10px; width:5px; height:5px;}

	.mc03 {padding:50px 0;}
	.tbl.mt {margin-top:15px;}
	.tbl th,
	.tbl td {padding:10px 5px; font-size:12px; height:35px;}
	.over_tbl .scroll {width:100%; overflow:auto;}
	.over_tbl .scroll > * {width:768px;}

	.iot_step {flex-wrap:wrap; gap:30px 0; padding-top:25px;}
	.iot_step .step {width:21%; padding:30px 10px;}
	.iot_step .step:nth-child(1),
	.iot_step .step:nth-child(3) {width:calc(50% - 30px);}
	.iot_step .step:nth-child(5) {width:calc(50% - 30px);}
	.iot_step .step:nth-child(7) {width:calc(50% - 90px);}
	.iot_step .step span {font-size:12px; width:30px; height:30px; line-height:30px; top:-15px;}
	.iot_step .step .tit {font-size:12px; line-height:20px; height:40px; margin-bottom:10px;}
	.iot_step .step .dots_list p {font-size:12px; line-height:20px;}
	.iot_step .arrow {width:60px; padding:0; display:flex; flex-direction:column; justify-content:center;}
	.iot_step .arrow i {width:35px; height:18px;}
	.iot_step .arrow .ico {line-height:24px; height:24px;}
	.iot_step .arrow p {font-size:12px;}

	.half_slide {margin:0; padding-bottom:40px;}
	.half_slide .slick-slide {padding:0;}
	.half_slide .tt {font-size:12px; padding:10px 15px;}
	.half_slide .cn {padding:10px; height:200px;}
	.mcon .slick-arrow {top:auto; bottom:0; width:30px; height:30px; box-shadow:rgba(0,0,0,.33) 0 0 15px;}
	.mcon .slick-arrow:before {background-size:auto 50%;}
	.mcon .slick-prev {left:50%; margin-left:-35px;}
	.mcon .slick-next {right:50%; margin-right:-35px;}

	.mc03 p.pl {padding-left:55px; text-indent:-55px; line-height:24px;}

	.mc04 {padding:50px 0;}
	.mc04 .mtit {font-size:20px;}
	.mc04 .more {margin-top:15px;}

	.mc05 {padding-top:35px;}
	.mc05 .mtit {margin-bottom:25px;}
	.supplier {gap:10px 14px;}
	.supplier li {width:calc(50% - 7px); height:14.5vw;}

	.mc06 {padding:50px 0;}
	.mc06 .mtit {margin-bottom:20px;}
	.performance_slide {margin:0;}
	.performance_slide .slick-list {padding-right:30%;}
	.performance_slide .slick-slide {padding:0 18px 0 0;}
	.performance_slide .imgfit {height:46vw;}
	.performance_slide .txt {gap:10px; font-size:12px; padding:10px;}
	.mc06 .more {margin-top:15px;}

	.mc07 {padding:50px 0;}
	.mnotice {flex-direction:column;}
	.mnotice a {width:100%; height:90px; padding:15px 75px 15px 10px;}
	.mnotice .type {margin-bottom:10px;}
	.mnotice .tit {font-size:12px; line-height:20px;}
	.mnotice .date {left:auto; bottom:auto; top:50%; right:10px; font-size:11px; padding-left:17px; background-size:14px; transform:translateY(-50%);}
/* sub */
	.svisual {height:250px; margin-bottom:41px;}
	.svisual .txt span {font-size:11px;}
	.svisual .txt strong {font-size:25px;}
	.svisual .location {display:none;}
	.aside {bottom:-41px; border-bottom:#ddd 1px solid; border-top:0;}
	.aside .inner {position:relative; padding:0; display:flex;}
	.aside dl.g,
	.aside dl.s dt {display:block;}
	.aside dl {width:50%;}
	.aside dl.s {border-left:#ddd 1px solid;}
	.aside dt {position:relative; font-size:12px; color:#3952a2; font-weight:700; line-height:40px; padding:0 20px; background:#fff;}
	.aside dt:after {content:""; position:absolute; top:0; right:20px; width:10px; height:100%; background:#3952a2; mask:url('/images/arrow_gnb.png') no-repeat 50% 50% / contain; -webkit-mask:url('/images/arrow_gnb.png') no-repeat 50% 50% / contain; transition:.2s linear;}
	.aside .on dt {color:#fff; background:#3952a2;}
	.aside .on dt:after {background:#fff; transform:rotate(180deg);}
	.aside dd {position:absolute; top:100%; left:0; width:100%; background:#fff; display:none; box-shadow:rgba(0,0,0,.2) 0 10px 10px;}
	.aside a {display:block; font-size:12px; color:#777; line-height:40px; padding:0 20px;}
	.aside a.on {color:#fff; background:#3952a2;}
	.container {padding:35px 20px 60px; font-size:12px; line-height:20px;}
	.container .title {font-size:20px; margin-bottom:35px;}
/* 인사말 */
	.greeting .tit {font-size:20px; line-height:25px;}
	.greeting .tt {font-size:14px; line-height:22px; margin:10px 0;}
	.greeting .name {font-size:14px; margin-top:15px;}
	.greeting .bg {position:relative; width:80vw; height:80vw; margin-bottom:25px;}
	.greeting .bg:before {width:55vw; height:65vw;}
	.greeting .bg:after {top:16vw; right:auto; left:0; width:60vw; height:64vw;}
/* 시험장비소개 */
	.item_list {gap:10px;}
	.item_list .box {width:calc(50% - 5px);}
	.item_list .imgfit {height:44vw;}
	.item_list .txt {padding:10px;}
	.item_list .txt strong {font-size:14px;}
	.item_list .txt p {font-size:12px;}
	.item_view {flex-direction:column; margin-bottom:30px;}
	.item_view .imgfit {width:100%; height:100vw;}
	.item_view .txt {width:100%;}
	.item_view .tit {font-size:20px; line-height:24px;}
	.item_view .con {padding:10px 0;}
	.item_view .con .tt {font-size:14px;}
	.container .dots_list p {font-size:12px; line-height:24px;}
	.container .dots_list p:before {width:4px; height:4px;}
	.item_detail .tit {font-size:15px; line-height:40px; height:40px; padding:0 10px; margin-bottom:10px;}
	.item_detail .tit ~ .tit {margin-top:30px;}
	.item_detail .con.img_in {padding-right:0;}
	.item_detail .con .tt {font-size:14px; margin:30px 0 10px;}
	.item_detail .con .imgfit {position:relative; right:0; width:100%; height:64vw; margin-top:20px; padding:0 10%;}
	.tbl col.w12 {width:24%;}
	.tbl col.w10 {width:20%;}
	.item_detail .con .imgarea {margin-top:30px;}
	.item_detail .con.item_list .imgfit {height:36vw; margin:0;}
	.item_detail .con.item_list .txt {font-size:13px;}
/* 연혁 */
	.history_top {height:200px;}
	.history_top strong {font-size:20px;}
	.history_top p {font-size:12px; margin-top:10px;}
	.history {padding-top:30px;}
	.history:before {left:12px;}
	.history dl {padding-left:30px; margin-bottom:30px;}
	.history dt {font-size:18px; line-height:22px;}
	.history dt i {left:-30px;}
	.history dd {padding-top:10px;}
	.history dd p {padding-left:80px;}
	.history dd strong {font-size:13px;}
	.history dl:nth-child(2n) {padding:0 0 0 30px; text-align:left;}
	.history dl:nth-child(2n) dt i {right:auto; left:-30px;}
	.history dl:nth-child(2n) dd p {padding:0 0 0 80px;}
	.history dl:nth-child(2n) dd p strong {left:0; right:auto;}
/* 오시는 길 */
	.root_daum_roughmap .wrap_map {height:240px !important;}
	.map_wrap .btns {top:10px; right:10px;}
	.map_wrap .btns a {width:35px; height:35px;}
	.map_txt {padding-top:20px;}
	.map_txt .tit {font-size:16px; margin-bottom:20px;}
	.map_txt .add {font-size:13px;}
	.map_txt ul {gap:0; flex-direction:column;}
	.map_txt li {gap:5px; font-size:13px;}
/* 설치시공 사례 */
	.container .performance_slide {gap:10px;}
	.container .performance_slide .box {width:calc(50% - 5px);}
	.container .performance_slide .imgfit {height:34vw;}
/* 제품문의·견적요청 */
	.contact {padding:10px; flex-direction:column; align-items:flex-start;}
	.contact .tit {width:100%; font-size:16px;}
	.contact .con {width:100%; flex-direction:column; gap:0; margin-top:10px;}
	.contact .con dl {gap:10px; font-size:13px;}
/* 게시판 목록 */
	.board_list th,
	.board_list td {height:40px;}
	.board_list th {font-size:13px;}
	.board_list .w3 {width:80px;}
	.board_bottom .paging {margin-top:30px;}
	.board_bottom .paging a {width:30px; height:30px; line-height:28px;}
	.board_bottom .paging .arrow img {height:14px;}
/* 게시판 상세 */
	.board_view .head {padding:10px 0; font-size:16px;}
	.board_view .head.intype {padding-left:0;}
	.board_view .head .type,
	.board_view .head .date {position:relative; top:0;}
	.board_view .head .type {margin-bottom:5px;}
	.board_view .head .date {font-size:12px; line-height:20px; margin-top:5px;}
	.board_view .body {padding:20px 0;}
	.board_view .file dt {width:60px;}
	.board_view .file dd {width:calc(100% - 60px);}
	.board_view .file dd a {font-size:12px;}
	.btn_list {font-size:13px; margin-top:30px;}
/* 게시판 쓰기 */
	.board_write dt {width:80px; font-size:13px; line-height:30px; padding-left:10px;}
	.board_write dd {width:calc(100% - 80px); font-size:13px;}
	.board_write dd input.text,
	.board_write dd select.text {height:30px;}
	.board_write dd input.text {padding:0 10px;}
	.board_write dd select.text {padding:0 5px;}
	.board_write dd textarea.text {height:180px; padding:10px;}
	.board_write dd span {line-height:30px;}
	.board_write .filebutton {width:80px; height:30px;}
	.board_write .filebutton span {height:30px; line-height:28px;}
	.board_write .filebox {height:30px; line-height:30px; padding:0 10px;}
	.board_write .tit {font-size:16px; margin:30px 0 10px;}
	.board_write .terms_area {height:140px; padding:10px; font-size:13px; margin-bottom:20px;}
	.board_write .tac .check {font-size:13px;}
	.btn_submit {font-size:13px; line-height:40px; height:40px;}
}



@media screen and (max-width:400px){
	.hd_pops {top:100px !important; left:1% !important; max-width:98%;}
	.hd_pops_con {width:100% !important; height:auto !important;}
}