﻿/* quality single pages - scoped from template/pc/static/css/ui.css */
.single-quality-page .m_subtitle{display:block;height:40px;line-height:40px;font-size:16px;text-align:center;border-bottom:1px solid #d6d8dc;background-color:#f5f5f5;margin:0 0 20px;}
.single-quality-page .single-content-body .contents{margin:0;padding:0;}
.single-quality-page .single-content-body .inbox{max-width:100%;}
.single-quality-page .single-content-body .inbox .fl{float:left;width:200px;}
.single-quality-page .single-content-body .inbox .fl strong{display:block;font-weight:600;color:#1967af;}
.single-quality-page .single-content-body .inbox .fl strong span{display:block;font-size:18px;margin-top:5px;line-height:1.4;}
.single-quality-page .single-content-body .inbox .fr{float:right;width:calc(100% - 220px);}
@media (max-width:768px){
.single-quality-page .single-content-body .inbox .fl,
.single-quality-page .single-content-body .inbox .fr{float:none;width:100%;}
}
@media (max-width:768px){
.single-quality-page .single-content-body .fireproof .box1 .fr,
.single-quality-page .single-content-body .fall .box1 .fr,
.single-quality-page .single-content-body .waterproof .box1 .fr,
.single-quality-page .single-content-body .theft .box1 .fr{background-position:20px 20px;background-size:22px;padding:20px 20px 20px 70px;}
.single-quality-page .single-content-body .fireproof .box2 ul li,
.single-quality-page .single-content-body .fireproof .box4 ul li{width:49%;margin-bottom:15px;}
.single-quality-page .single-content-body .fireproof .box3 ul li{width:50%;margin-bottom:10px;}
.single-quality-page .single-content-body .theft .box2 ul li{width:49%;}
.single-quality-page .single-content-body .theft .box2 ul li:last-child{width:100%;margin-top:10px;}
}
/* 내화테스트 */
.single-quality-page .single-content-body .fireproof .box1{margin-bottom:50px;}
.single-quality-page .single-content-body .fireproof .box1:after{content:"";display:block;clear:both;}
.single-quality-page .single-content-body .fireproof .box1 .fr{background:url("../images/fireproof_ico1.png") no-repeat 40px 30px;border:1px solid #d9dade;background-color:#f5f5f5;padding:30px 30px 30px 100px;}
.single-quality-page .single-content-body .fireproof .box1 .fr strong{font-size:18px;color:#333;}
.single-quality-page .single-content-body .fireproof .box1 p.exp{font-size:15px;color:#888;line-height:20px;padding:15px 0;margin-bottom:15px;border-bottom:1px solid #d9dade;}
.single-quality-page .single-content-body .fireproof .box1 p.exp span{display:block;}
.single-quality-page .single-content-body .fireproof .box1 ol li{font-size:15px;color:#888;line-height:20px;}
.single-quality-page .single-content-body .fireproof .box1 ol li.t_red{font-weight:600;color:#ee1c25;margin-bottom:10px;}

.single-quality-page .single-content-body .fireproof .box2{margin-bottom:50px;}
.single-quality-page .single-content-body .fireproof .box2:after{content:"";display:block;clear:both;}
.single-quality-page .single-content-body .fireproof .box2 .video-wrap{max-width:1200px;}
.single-quality-page .single-content-body .fireproof .box2 .video-wrap iframe{width:100%;height:100%;max-height:490px;}
.single-quality-page .single-content-body .fireproof .box2 ul{padding-bottom:25px;}
.single-quality-page .single-content-body .fireproof .box2 ul:after{content:"";display:block;clear:both;}
.single-quality-page .single-content-body .fireproof .box2 ul li{float:left;width:24.25%;text-align:center;margin-right:1%;}
.single-quality-page .single-content-body .fireproof .box2 ul li:last-child{margin-right:0;}
.single-quality-page .single-content-body .fireproof .box2 ul.type2 li{border:1px solid rgba(0,0,0,.6)}
.single-quality-page .single-content-body .fireproof .box2 ul li p{display:block;color:#fff;font-size:12px;background-color:rgba(0,0,0,.6);padding:7px 0;margin-top:-4px;}
.single-quality-page .single-content-body .fireproof .box2 ol{padding-bottom:25px;}
.single-quality-page .single-content-body .fireproof .box2 ol:after{content:"";display:block;clear:both;}
.single-quality-page .single-content-body .fireproof .box2 ol li{font-size:15px;color:#888;line-height:20px;}
.single-quality-page .single-content-body .fireproof .box2 ol li.t_title{font-size:16px;color:#333;font-weight:600;padding:25px 0 8px 0;}
.single-quality-page .single-content-body .fireproof .box2 ol li:first-child{padding:0 0 8px 0;}
.single-quality-page .single-content-body .fireproof .box2 p.exp{display:block;font-size:15px;color:#888;line-height:20px;}

.single-quality-page .single-content-body .fireproof .box3{margin-bottom:50px;}
.single-quality-page .single-content-body .fireproof .box3:after{content:"";display:block;clear:both;}
.single-quality-page .single-content-body .fireproof .box3 .fr{;border:1px solid #d9dade;background-color:#f5f5f5;padding:30px;}
.single-quality-page .single-content-body .fireproof .box3 ul{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #d9dade;}
.single-quality-page .single-content-body .fireproof .box3 ul:after{content:"";display:block;clear:both;}
.single-quality-page .single-content-body .fireproof .box3 ul li{float:left;width:16.666%;}
.single-quality-page .single-content-body .fireproof .box3 ul li:last-child{margin-right:0;}
.single-quality-page .single-content-body .fireproof .box3 ul li span{display:block;width:110px;height:110px;font-size:15px;color:#fff;background-color:#aaaaaa;border-radius:100px;text-align:center;padding:35px 0;}
.single-quality-page .single-content-body .fireproof .box3 ol:after{content:"";display:block;clear:both;}
.single-quality-page .single-content-body .fireproof .box3 ol li{overflow:hidden;margin-bottom:5px;font-size:15px;}
.single-quality-page .single-content-body .fireproof .box3 ol li strong{float:left;width:80px;color:#ee1c25;font-weight:600;}
.single-quality-page .single-content-body .fireproof .box3 ol li span{float:right;width:calc(100% - 80px);color:#888;line-height:22px;}

.single-quality-page .single-content-body .fireproof .box4{margin-bottom:50px;}
.single-quality-page .single-content-body .fireproof .box4:after{content:"";display:block;clear:both;}
.single-quality-page .single-content-body .fireproof .box4 .fr{border:1px solid #d9dade;background-color:#f5f5f5;padding:30px;}
.single-quality-page .single-content-body .fireproof .box4 .fr strong{font-size:18px;color:#333;}
.single-quality-page .single-content-body .fireproof .box4 p.exp{font-size:15px;color:#888;line-height:20px;padding:10px 0 15px 0;margin-bottom:15px;border-bottom:1px solid #d9dade;}
.single-quality-page .single-content-body .fireproof .box4 p.exp span{color:#333;}
.single-quality-page .single-content-body .fireproof .box4 ul{}
.single-quality-page .single-content-body .fireproof .box4 ul li{float:left;width:24%;margin-right:1%;text-align:center;}
.single-quality-page .single-content-body .fireproof .box4 ul li:last-child{margin-right:0;}
.single-quality-page .single-content-body .fireproof .box4 ul li img{border:1px solid #dcdcdc;}
.single-quality-page .single-content-body .fireproof .box4 ul li p{font-size:15px;color:#333;font-weight:600;padding-top:10px;}
.single-quality-page .single-content-body .fireproof .box4 ul li p span.date{display:block;font-size:13px;color:#888;font-weight:400;}

.single-quality-page .single-content-body .fireproof .box5{}
.single-quality-page .single-content-body .fireproof .box5:after{content:"";display:block;clear:both;}
.single-quality-page .single-content-body .fireproof .box5 .fr strong{background:url("../images/fire_ico1.gif") no-repeat left top;display:block;font-size:15px;color:#333;padding:5px 10px 10px 35px;}
.single-quality-page .single-content-body .fireproof .box5 ul{padding-bottom:20px;}
.single-quality-page .single-content-body .fireproof .box5 ul:after{content:"";display:block;clear:both;}
.single-quality-page .single-content-body .fireproof .box5 ul:last-child{padding-bottom:0;}
.single-quality-page .single-content-body .fireproof .box5 ul li{float:left;width:32%;margin-right:2%;text-align:center;}
.single-quality-page .single-content-body .fireproof .box5 ul li:last-child{margin-right:0;}

/* 낙하테스트 */
.single-quality-page .single-content-body .fall .box1{margin-bottom:50px;}
.single-quality-page .single-content-body .fall .box1:after{content:"";display:block;clear:both;}
.single-quality-page .single-content-body .fall .box1 .fr{background:url("../images/fall_ico1.png") no-repeat 30px 20px;border:1px solid #d9dade;background-color:#f5f5f5;padding:30px 30px 30px 100px;}
.single-quality-page .single-content-body .fall .box1 .fr strong{font-size:18px;color:#333;}
.single-quality-page .single-content-body .fall .box1 p.exp{font-size:15px;color:#888;line-height:20px;padding:15px 0;margin-bottom:15px;border-bottom:1px solid #d9dade;}
.single-quality-page .single-content-body .fall .box1 p.exp span{display:block;}
.single-quality-page .single-content-body .fall .box1 ol li{font-size:15px;color:#888;line-height:20px;}
.single-quality-page .single-content-body .fall .box1 ol li.t_red{font-weight:600;color:#ee1c25;margin-bottom:10px;}

.single-quality-page .single-content-body .fall .box2{}
.single-quality-page .single-content-body .fall .box2:after{content:"";display:block;clear:both;}
.single-quality-page .single-content-body .fall .box2 .video-wrap{max-width:1200px;}
.single-quality-page .single-content-body .fall .box2 .video-wrap iframe{width:100%;height:100%;max-height:490px;}
.single-quality-page .single-content-body .fall .box2 ul{}
.single-quality-page .single-content-body .fall .box2 ul:after{content:"";display:block;clear:both;}
.single-quality-page .single-content-body .fall .box2 ul li{float:left;width:32.666%;text-align:center;margin-right:1%;border:1px solid rgba(0,0,0,.6)}
.single-quality-page .single-content-body .fall .box2 ul li:last-child{margin-right:0;}
.single-quality-page .single-content-body .fall .box2 ul li p{display:block;color:#fff;font-size:12px;background-color:rgba(0,0,0,.6);padding:7px 0;margin-top:-5px;}

/* 방수테스트 */
.single-quality-page .single-content-body .waterproof .box1{margin-bottom:50px;}
.single-quality-page .single-content-body .waterproof .box1:after{content:"";display:block;clear:both;}
.single-quality-page .single-content-body .waterproof .box1 .fr{background:url("../images/waterproof_ico1.png") no-repeat 30px 20px;border:1px solid #d9dade;background-color:#f5f5f5;padding:30px 30px 30px 100px;}
.single-quality-page .single-content-body .waterproof .box1 .fr strong{font-size:18px;color:#333;}
.single-quality-page .single-content-body .waterproof .box1 p.exp{font-size:15px;color:#888;line-height:20px;padding:15px 0;margin-bottom:15px;border-bottom:1px solid #d9dade;}
.single-quality-page .single-content-body .waterproof .box1 p.exp span{display:block;}
.single-quality-page .single-content-body .waterproof .box1 ol li{font-size:15px;color:#888;line-height:20px;}
.single-quality-page .single-content-body .waterproof .box1 ol li.t_red{font-weight:600;color:#ee1c25;margin-bottom:10px;}

.single-quality-page .single-content-body .waterproof .box2{}
.single-quality-page .single-content-body .waterproof .box2:after{content:"";display:block;clear:both;}
.single-quality-page .single-content-body .waterproof .box2 .video-wrap{max-width:1200px;}
.single-quality-page .single-content-body .waterproof .box2 .video-wrap iframe{width:100%;height:100%;max-height:490px;}

/* 방도테스트 */
.single-quality-page .single-content-body .theft .box1{margin-bottom:50px;}
.single-quality-page .single-content-body .theft .box1:after{content:"";display:block;clear:both;}
.single-quality-page .single-content-body .theft .box1 .fr{background:url("../images/theft_ico1.png") no-repeat 30px 20px;border:1px solid #d9dade;background-color:#f5f5f5;padding:30px 30px 30px 100px;}
.single-quality-page .single-content-body .theft .box1 .fr strong{font-size:18px;color:#333;}
.single-quality-page .single-content-body .theft .box1 p.exp{font-size:15px;color:#888;line-height:20px;padding:15px 0;margin-bottom:15px;border-bottom:1px solid #d9dade;}
.single-quality-page .single-content-body .theft .box1 p.exp span{display:block;}
.single-quality-page .single-content-body .theft .box1 ol li{font-size:15px;color:#888;line-height:20px;}
.single-quality-page .single-content-body .theft .box1 ol li.t_red{font-weight:600;color:#ee1c25;margin-bottom:10px;}

.single-quality-page .single-content-body .theft .box2{}
.single-quality-page .single-content-body .theft .box2:after{content:"";display:block;clear:both;}
.single-quality-page .single-content-body .theft .box2 .fr{border:1px solid #d9dade;background-color:#f5f5f5;padding:30px;}
.single-quality-page .single-content-body .theft .box2 .fr strong{display:block;font-size:18px;color:#333;padding-bottom:20px;}
.single-quality-page .single-content-body .theft .box2 p.exp{font-size:15px;color:#888;line-height:20px;padding-bottom:10px;}
.single-quality-page .single-content-body .theft .box2 p.exp span{color:#ee1c25;}
.single-quality-page .single-content-body .theft .box2 ul{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #d9dade;}
.single-quality-page .single-content-body .theft .box2 ul:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0;}
.single-quality-page .single-content-body .theft .box2 ul:after{content:"";display:block;clear:both;}
.single-quality-page .single-content-body .theft .box2 ul li{float:left;width:24%;margin-right:1%;text-align:center;}
.single-quality-page .single-content-body .theft .box2 ul li:last-child{width:55%;margin-right:0;}
.single-quality-page .single-content-body .theft .box2 ul li img{border:1px solid #dcdcdc;}
.single-quality-page .single-content-body .theft .box2 ul li p{font-size:15px;color:#333;font-weight:600;padding-top:10px;}
.single-quality-page .single-content-body .theft .box2 ul li p span.date{display:block;font-size:13px;color:#888;font-weight:400;}

.single-quality-page .single-content-body .test-cont{/* padding:0 10px;text-align:center; */}
.single-quality-page .single-content-body .test-cont h4{padding:50px 0 14px;color:#000000;font-size:2.571em;letter-spacing:0.025em;}
.single-quality-page .single-content-body .test-cont p{color:#333;font-size:17px;line-height:25px;}
.single-quality-page .single-content-body .test-cont span{display:block;margin-top:10px;font-size:14px;line-height:20px;color:#666;}
.single-quality-page .single-content-body .test-cont .video-wrap{max-width:100%;margin:0 auto;}
.single-quality-page .single-content-body .test-cont .video-wrap iframe{width:100%;height:100%;}

.single-quality-page .single-content-body .fire-award-wrap{border-bottom:1px solid #333;padding-bottom:50px;}
.single-quality-page .single-content-body .contents-fireproof .fireproof-award{margin:0 auto;}
.single-quality-page .single-content-body .contents-fireproof .fireproof-award li{float:left;width:25%;text-align:center;}
.single-quality-page .single-content-body .contents-fireproof .fireproof-award img{max-width:100%;}
.single-quality-page .single-content-body .contents-fireproof .fireproof-award p{margin:20px 0 5px;font-size:17px;color:#333;}
.single-quality-page .single-content-body .contents-fireproof .fireproof-award span{font-size:14px;color:#666;}
.single-quality-page .single-content-body .contents-fireproof .fire-scene{/* max-width:1084px;margin:20px auto 0; */}
.single-quality-page .single-content-body .contents-fireproof .fire-scene h5{font-size:17px;font-weight:400;padding-left:10px;}
.single-quality-page .single-content-body .contents-fireproof .fire-scene .img-list{/* margin:10px 0 0; */}
.single-quality-page .single-content-body .contents-fireproof .fire-scene .img-list1{margin-bottom:40px;}
.single-quality-page .single-content-body .contents-fireproof .fire-scene .img-list li{float:left;width:50%;}
.single-quality-page .single-content-body .contents-fireproof .fire-scene .img-list .right{float:right;}
.single-quality-page .single-content-body .contents-fireproof .fire-scene .img-list img{display:block;width:100%;}

.single-quality-page .single-content-body .contents-fall .fall-list{text-align:center;}
.single-quality-page .single-content-body .contents-fall .fall-list li{display:inline-block;vertical-align:middle;}
.single-quality-page .single-content-body .contents-fall .fall-list .img{width:27.65%;}
.single-quality-page .single-content-body .contents-fall .fall-list .arrow{width:4.53%;}
.single-quality-page .single-content-body .contents-fall .fall-list li img{max-width:100%;}

.single-quality-page .single-content-body .tit-box-waterproof span{display:block;margin-top:30px;color:#585858;font-size:1.071em;line-height:1.5em;}

.single-quality-page .single-content-body .contents-theft .theft-box1{position:relative;height:500px;margin:0 auto;background:url("../images/quality_theft_bg2.jpg") no-repeat center;background-size:cover;}
.single-quality-page .single-content-body .contents-theft .theft-box1 p{position:absolute;left:57%;bottom:40px;color:#ffffff;font-size:1.429em;line-height:1.400em;letter-spacing:-0.05em;text-align:left;}
.single-quality-page .single-content-body .contents-theft .theft-box2{max-width:900px;margin:50px auto 0;}
.single-quality-page .single-content-body .contents-theft .theft-box2 li{float:left;text-align:left;}
.single-quality-page .single-content-body .contents-theft .theft-box2 .ecb2{padding:60px 0 0 120px;}
.single-quality-page .single-content-body .contents-theft .theft-box2 img{display:block;}
.single-quality-page .single-content-body .contents-theft .theft-box2 b{display:block;margin:5px 0 15px 0;font-size:14px;}
.single-quality-page .single-content-body .contents-theft .theft-box2 p{font-size:17px;}
.single-quality-page .single-content-body .contents-theft .theft-box2 span{margin-top:10px;font-size:14px;}
.single-quality-page .single-content-body .contents-theft .theft-box2 em{visibility:hidden;}


