@charset "utf-8";

#subVisWrap{overflow:hidden; position:relative; width:100%; height:250px;}
#subVisWrap.sub01{background:url("https://www.ebrick.co.kr/KR/images/sub/subVis04.jpg") center 0 no-repeat;}
#subVisWrap.sub02{background:url("https://www.ebrick.co.kr/KR/images/sub/subVis02.jpg") center 0 no-repeat;}
#subVisWrap.sub03{background:url("https://www.ebrick.co.kr/KR/images/sub/subVis03.jpg") center 0 no-repeat;}
#subVisWrap.sub04{background:url("https://www.ebrick.co.kr/KR/images/sub/subVis01.jpg") center 0 no-repeat;}
#subVisWrap.sub05{background:url("https://www.ebrick.co.kr/KR/images/sub/subVis05.jpg") center 0 no-repeat;}
#subVisWrap.sub06{background:url("../images/sub/subVis06.jpg") center 0 no-repeat;}
#subVisWrap.sub07{background:url("../images/sub/subVis01.jpg") center 0 no-repeat;}
#subVis{font-family:'NanumSquare'; padding-top:85px; font-size:1.9em; font-weight:700; text-shadow:rgba(0,0,0,0.7) 1.3px 1.3px 1.3px; text-align:center; color:#fff;}
#subVis .en{display:block; margin-top:15px; font-size:0.65em; font-weight:400; text-transform:capitalize;}

#subNavWrap{position:absolute; bottom:0; width:100%; height:50px; background:rgba(0,0,0,0.8); z-index:3;}
#subNav{overflow:hidden; width:100%; max-width:1200px; margin:0 auto; padding:0 20px;}
#sub_navi_ab{position:fixed; top:70px; width:100%; height:50px; background:rgba(0,0,0,0.8); z-index:3;}
#subNav li{float:left; width:20%; height:50px; font-size:1.05em; text-align:center;}
#subNav.sub01 li{width:16.6666%;}
#subNav li a{display:inline-block; width:100%; line-height:50px; color:#fff; text-transform:uppercase;}
#subNav li a:hover, #subNav li a.active{font-weight:400; color:#353535; background:#fff;}

#conWrap{overflow:hidden; width:100%; margin-bottom:150px;}
#conWrap.history{margin-bottom:0;}
#subCon{overflow:hidden; position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0 20px;}

.conTit{font-family:'NanumSquare'; margin:100px 0 65px; line-height:100%; font-size:1.9em; font-weight:700; color:#000; text-align:center; text-transform:uppercase;}
.conTit .en{display:block; margin-top:10px; font-size:1.2rem; color:#999; letter-spacing:1px; text-transform:uppercase;}
.article .artTit{margin:70px 0 30px; padding-left:10px; font-size:1.3em; font-weight:400; text-transform:uppercase; background:url("../images/sub/artTitBg.gif") 0 6px no-repeat;}
.paraG{overflow:hidden; position:relative;}
.paraTit{margin-bottom:30px; padding-left:15px; font-size:1.15em; font-weight:400; background:url("../images/sub/artTitDot.gif") 0 8px no-repeat;}

.tabNav{overflow:hidden; width:490px; margin:0 auto 70px; text-transform:uppercase;}
.tabNav li{float:left; width:245px; height:55px;}
.tabNav li a{display:block; width:100%; height:100%; line-height:55px; font-size:1.05em; font-weight:400; text-align:center; border:1px solid #e1e1e1; border-left:0}
.tabNav li:first-child a{border-left:1px solid #e1e1e1;}
.tabNav li a:hover, .tabNav li a.active{color:#fff; background:#f56934; border-color:#f56934;}
.tabNav.third{width:600px;}
.tabNav.third li{width:200px;}
.tabNav.fourth{width:720px;}
.tabNav.fourth li{width:180px;}
.paving .tabNav li a{line-height:130%; padding-top:5px;}
#metal .tabNav{margin:0 0 70px;}

.tableBoard{overflow:hidden; position:relative; width:100%;}
.tableBoard table{width:100%;}
.tableBoard .num{width:5%;}
.tableBoard .writer{width:10%;}
.tableBoard .date{width:10%;}
.tableBoard table tr{border-bottom:1px solid #e1e1e1;}
.tableBoard table tr:hover{background:#f5f5f5;}
.tableBoard table thead tr:hover{background:none;}
.tableBoard table th{line-height:55px; font-weight:400; text-align:center; border-top:2px solid #353535; border-bottom:1px solid #a1a1a1; background:#f8f8f8;}
.tableBoard table td{padding:25px 0; font-size:0.95em; text-align:center;}
.tableBoard table td.subj{text-align:left; padding:0 15px;}
.tableBoard table td a{display:block; padding:20px 0;}
.tableBoard table td .selectFile{display:inline; padding:20px 0;}
.tableBoard table td .dataY{display:inline-block; width:18px; height:17px; margin-left:10px; background:url("../images/sub/clip.png") 0 1px no-repeat;}
.page{clear:both;}
.page a{display:inline-block; width:35px; line-height:35px; margin:50px 2.5px 0; font-size:0.9em; text-align:center; border:1px solid #c1c1c1;}
.page a:hover, .page a.active{border-color:#ea571f;}
.page a.pre, .page a.next{width:55px; color:#fff; background:#353535; border-color:#353535;}
.search_group{float:right; margin:0 0 20px 0;}
.search_group input{float:left; height:40px; padding:0 0 0 10px; margin:0 5px 0 0; border:1px solid #c1c1c1; border-radius:0; -webkit-appearance:none;}
.search_submit{float:left; display:inline-block; width:70px; line-height:40px; margin-right:5px; font-size:1em; color:#fff; background:#353535;}

.sbHolder{float:left; position:relative; width:100px; height:40px; margin:0 5px 0 0; border:solid 1px #c1c1c1; background-color:#fff;}
.sbSelector{overflow: hidden; display: block; width: 100px;	line-height:38px; padding-left:10px; font-size:0.9rem; outline: none;  display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{color:#454545; outline:none;}
.sbToggle{display:block; position:absolute;	top:0; right:0; width:30px; height:38px; outline:none; background:url('../images/sub/select-icons.gif') 0 -113px no-repeat;}
.sbToggle:hover{background:url('../images/sub/select-icons.gif') 0 -164px no-repeat;}
.sbToggleOpen{background:url('../images/sub/select-icons.gif') 0 -113px no-repeat;}
.sbToggleOpen:hover{background:url('../images/sub/select-icons.gif') 0 -63px no-repeat;}
.sbOptions{margin:0; padding:0; position:absolute; top:30px; left:-1px; width:100px; max-height:210px !important; border:solid 1px #c1c1c1; z-index:1; overflow-y:auto !important; background-color:#fff;}
.sbOptions li{padding:0 7px; font-size:0.8rem;}
.sbOptions a{display:block; padding:3px 0 3px 3px; outline:none;}
.sbOptions a:hover,.sbOptions a:focus,.sbOptions a.sbFocus{font-weight:400; color:#ea571f;}
.sel160 .sbHolder{width:160px; }
.sel160 .sbHolder::before{content:""; float:left; width:50px; line-height:38px; padding-left:10px; font-size:0.9em; font-weight:400; }
.sel160.year_group .sbHolder::before{content:"연도별"}
.sel160.sep_group .sbHolder::before{content:"구분별"}
.sel160.use_group .sbHolder::before{content:"용도별"}
.sel160.loc_group .sbHolder::before{content:"지역별"}
.sel200.prod_group .sbHolder::before{content:"제품별"}
.sel160 .sbSelector{float:left; padding-left:10px; width:70px;}
.sel160 .sbSelector:link, .sel160 .sbSelector:visited, .sbSelector:hover{color:#ea571f;}
.sel160 .sbOptions{width:160px;}
.sel200 .sbHolder{width:200px;}
.sel200 .sbSelector{width:110px; }
.sel200 .sbOptions{width:200px; }
.select_group .sel160{float:left; margin-bottom:5px;}
.group160{clear:both;}

.slick-loading .slick-slide{visibility: hidden;}
.slick-slide a{outline:none;}

#about .scale{width:100%; height:0; padding:0 0 26% 50%; text-align:center; background:url("../images/sub/aboutBg.jpg") #f5f5f5 no-repeat; background-size:50% 100%;}
#about .scale .artTit{margin:0 0 15px 0; padding:30px 0 0 0; font-size:1.15em; text-align:center; background:none;}
#about .scale dl{overflow:hidden; margin:0 20px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
#about .scale dt{float:left; width:40%; line-height:30px;}
#about .scale dt.row{padding-top:12px;}
#about .scale dd{float:left; width:60%; line-height:30px; border-left:1px solid #e1e1e1;}
#about .scale dd:after{content:""; display:block; clear:both;}
#about .scale dt.row + dd:after{content:none}
#about .scale dd ~ dt, #about .scale dd ~ dd{border-top:1px solid #e1e1e1;}
#about .abBox{position:relative;}
#about .abBox dl{overflow:hidden; width:100%; margin-bottom:10px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background:#f5f5f5;}
#about .abBox dt{float:left; width:20%; padding-top:80px; font-size:1.05em; text-align:center;}
#about .abBox dd{height:60px; line-height:60px; margin-left:20%; padding-left:20px; background:#fff;}
#about .abBox dd:after{content:""; display:block; clear:both;}
#about .abBox dt.row + dd:after{content:none}
#about .abBox dd ~ dt, #about .abBox dd ~ dd{border-top:1px solid #e1e1e1;}
#about .abBox .mapView{position:absolute; width:20%; height:180px; top:1px; right:0; padding:70px 40px 0; border-left:1px solid #e1e1e1; background:#fff;}
#about .abBox .mapView a{display:block; padding:10px 0; text-align:center; border:1px solid #353535;}
#about .abBox .mapView a:hover{color:#fff; background:#f56934; border-color:#f56934;}
#about .abBox dl.certify{background:#cabaa8;}
#about .abBox .certify dt{padding:45px 0;}
#about .abBox .certify dd{height:120px; padding:25px 0 0 20px;}
#about .abBox .certify dd img{display:inline-block; margin-right:20px;}

#about .comLogo .down{position:absolute; top:0; right:0;}
#about .comLogo .down a{display:inline-block; width:150px; line-height:30px; padding:0 10px; margin-left:10px; font-size:0.9em; border:1px solid #e1e1e1; background:url("../images/sub/ico_down.png") #f5f5f5 120px center no-repeat;}
#about .comLogo .down a:hover{background-color:#e1e1e1;}
#about .comLogo .gridBox{position:relative; width:100%; max-width:1200px; height:251px; margin-bottom:30px; background:url("../images/sub/gridBg.gif") no-repeat;}
#about .comLogo .gridBox .logo{float:left; margin:101px 0 0 80px;}
#about .comLogo .gridBox .logo img{margin-right:80px;}
#about .comLogo .gridBox .logo img:nth-child(2){margin-right:0;}
#about .comLogo .gridBox .info{float:right; width:310px; height:calc(100% - 2px); margin-top:1px; padding:70px 0 0 45px; text-transform:capitalize; background:#fff; border-right:1px solid #e0e7f0;}
#about .comLogo .gridBox .info .tit{font-weight:400; margin:0 0 20px; }
#about .comLogo .gridBox .info .color li{margin-bottom:5px; padding-left:25px;}
#about .comLogo .gridBox .info .color .ciCol01{background:url("../images/sub/color01.gif") 0 0 no-repeat;}
#about .comLogo .gridBox .info .color .ciCol02{background:url("../images/sub/color02.gif") 0 0 no-repeat;}
#about .comLogo .gridBox .info .color .biCol01{background:url("../images/sub/color03.gif") 0 0 no-repeat;}
#about .comLogo .gridBox .info .color .biCol02{background:url("../images/sub/color02.gif") 0 0 no-repeat;}
#about .comLogo .gridBox .info .color .biCol03{background:url("../images/sub/color04.gif") 0 0 no-repeat;}
#about .comLogo .bi .gridBox .logo{float:left; margin:80px 0 0 225px;}
#about .comLogo .bi .gridBox .info{padding:55px 0 0 45px;}
#about .ci .artTit{margin-top:0;}
#about .ci_simbol .simbol{float:left; width:251px; height:101px; padding:25px 0 0 80px; background:url("../images/sub/gridBg.gif") no-repeat;}
#about .ci_simbol .ex{ margin-left:280px;}
#about .ci_simbol .ex dt{float:left; width:100px; padding-left:15px; margin-bottom:5px; background:url("../images/sub/exLine.gif") 0 7px no-repeat;}
#about .ci_simbol .ex dd{margin:0 0 5px 100px;}
#about .ci_logo .simple{float:left; width:251px; height:101px; padding:35px 0 0 70px; background:url("../images/sub/gridBg.gif") no-repeat;}
#about .ci_logo .ex{ margin-left:280px;}
#about .ci_logo .ex li{padding-left:15px; margin-bottom:5px; background:url("../images/sub/exLine.gif") 0 center no-repeat;}
#about .bi_logo .logo_en{width:451px; height:101px; padding:35px 0 0 67px; background:url("../images/sub/gridBg.gif") no-repeat;}

#ceo .photo{float:right; width:30%; margin-left:5%;}
#ceo .photo img{width:100%; max-width:364px; }
#ceo .message{float:left; width:65%;}
#ceo .message .welcome{font-family:'NanumSquare'; margin-bottom:40px; font-size:1.4em; font-weight:700;}
#ceo .message .welcome .imp{display:block; font-size:1.15em; margin:10px 0 20px; color:#ea571f;}
#ceo .message .greet .imp{font-size:1.15em; font-weight:400;}
#ceo .message .greet .point{line-height:180%; }
#ceo .message .name{float:left; line-height:60px; margin-top:30px; font-size:1.05em; font-weight:400; }
#ceo .message .sign{display:inline-block; margin:25px 0 0 15px;}

#vision{background:url("../images/sub/visionBg.gif") center 50px no-repeat; background-size:80%;}
#vision .visGwrap{overflow:hidden; width:100%;}
#vision .visGwrap .point{font-size:1.5em; font-weight:700; text-align:center;}
#vision .visGwrap .point .imp{color:#ea571f;}
#vision .visGwrap .artEx{line-height:140%;}
#vision .value{overflow:hidden; clear:both;}
#vision .value .imp{font-size:1.05em; font-weight:400;}
#vision .value .point{font-size:1.1em; color:#ea571f;}

#history .his{overflow:hidden; width:100%; max-width:1200px; margin:0 auto 100px; padding:0 20px;}
#history .his .artTit{float:left; width:10%; margin:0 0 30px 0;}
#history .his .artEx{float:left; width:15%; margin:0 5%; font-size:1.2em; font-weight:700;}
#history .his .artEx span{display:block; margin-top:5px; font-size:1.05em; color:#ea571f;}
#history .his .hisDetail{float:left; width:65%; line-height:60px;}
#history .his .hisDetail li:first-child .year, #history .his .hisDetail li:first-child .txt{border-top:2px solid #ea571f;}
#history .his .hisDetail .year{float:left; width:20%; margin-right:5%; font-size:1.1em; font-weight:400; text-align:center; border-bottom:1px solid #e1e1e1;}
#history .his .hisDetail .txt{float:left; width:75%; border-bottom:1px solid #e1e1e1;}
#history .certifyWrap{overflow:hidden; padding:100px 0 0; background:#f5f5f5;}
#history .certifyWrap .cert_down{margin-bottom:50px; font-size:1.05em; font-weight:400; text-align:center;} 
#history .certifyWrap .cert_down a{display:block; width:210px; line-height:40px; color:#fff; background:#ea571f;}
#history .awardWarp{overflow:hidden; padding:100px 0 0;}
#history .certList{float:left; width:65%;}
#history .certList li{overflow:hidden; line-height:140%;}
#history .certList li:first-child .year, #history .certList li:first-child .txt{border-top:2px solid #ea571f;} 
#history .certList li .txt.more{border-top:none;} 
#history .certList li span{padding:15px 0;}
#history .certList li span.more{padding:0 0 15px 0;}
#history .certList .year{clear:both; float:left; width:20%; margin-right:5%;  font-size:1.1em; font-weight:400; text-align:center; border-top:1px solid #e1e1e1;}
#history .certList .txt{float:right; width:75%; padding-left:15px; border-top:1px solid #e1e1e1; background:url("../images/sub/liLine.gif") 0 27px no-repeat;}
#history .certList .txt.more{line-height:150%; padding-left:15px; border-top:0; background-position:0 12px;border-top: !important 1px solid #e1e1e1;}

#mov .movBox{overflow:hidden;}
#mov .movBox > ul > li{position:relative; float:left; width:calc(50% - 10px); padding:10px; margin-bottom:20px; background:#f5f5f5;}
#mov .movBox > ul > li:nth-child(2n){margin-left:20px;}
#mov .movBox .thumb{float:left; width:151px;}
#mov .movBox .subj{float:left; width:200px; padding:35px 20px 0 20px; font-weight:400;}
#mov .movBox .subj a{display:block; width:100%; height:100%;}
#mov .movBox .date{display:block; margin-top:5px; font-size:0.9em; font-weight:300;}
#mov .movBox .link{position:absolute; width:90px; height:100%; top:0; right:0; padding-top:25px; text-indent:-9999px; background:#e1e1e1;}
#mov .movBox .link li{float:none; width:100%; height:20px; margin-bottom:15px; background:none;}
#mov .movBox .link li a{display:block; width:100%; height:100%; text-align:center;}
#mov .movBox .link li.link_y{background:url("../images/sub/link_y.png") center no-repeat;}
#mov .movBox .link li.link_f{background:url("../images/sub/link_f.png") center no-repeat;}
#mov .movBox .link li.link_b{background:url("../images/sub/link_b.png") center no-repeat;}

#result td.resultPic{max-width:150px;}
#result .resultPic a{display:inline-block; width:21px; height:15px; margin-left:5px; padding:0; vertical-align:middle; text-indent:-9999px; background:url("../images/sub/resultPic.png") 0 -1px no-repeat;}

#prod_rep{margin-top:100px;}
#prod_rep ul{overflow:hidden;}
#prod_rep > ul > li{overflow:hidden; float:left; width:calc(25% - 15px); height:500px; margin-left:20px; border:1px solid #e1e1e1;}
#prod_rep > ul > li:first-child{margin-left:0;}
#prod_rep > ul > li a{display:block; width:100%;}
#prod_rep > ul > li a:hover .tit{color:#ea571f;}
#prod_rep > ul > li a:hover .tit span{color:#353535;}
#prod_rep > ul > li .imgBox{overflow:hidden;}
#prod_rep > ul > li .imgBox img{width:100%;}
#prod_rep > ul > li .ex{text-align:center;}
#prod_rep > ul > li .ex .tit{font-family:'NanumSquare'; margin:20px 0; font-size:1.3em; font-weight:700;}
#prod_rep > ul > li .ex .tit span{display:block; margin-top:10px; font-size:0.9em; color:#ea571f; text-transform:uppercase;}

#product .prodList{overflow:hidden;}
#product .prodList .promote{display:inline-block; width:80px; line-height:23px; margin-left:20px; font-size:0.7em; font-weight:300; text-align:center; color:#fff; background:#ea571f; border-radius:3px;}
#product .prodList li{float:left; width:calc(20% - 16px); margin:0 0 20px 20px; }
#product .prodList li:nth-child(5n+1){margin-left:0;}
#product .prodList li img{display:block; width:100%;}
#product .prodList li .txt{display:block; padding:10px 0 0; height: 48px; line-height: 20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;  white-space: normal; text-overflow: ellipsis; overflow: hidden;}
#product .prodList li a{display:block; width:100%; height:100%;}
#product .prodList li a:hover{color:#ea571f;}
#product .prodDetail{overflow:hidden; width:100%; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
#product .prodImgList{position:relative; overflow:hidden; float:left; width:50%; height:0; padding-bottom:36.1%; margin-right:5%; text-align:center;}
#product .prodImgList img{width:100%; max-width:695px; vertical-align:middle;}
#product .prodDetail dl{overflow:hidden; }
#product .prodDetail dt{float:left; width:25%; line-height:150%; padding:11.8% 0; font-size:1.1em; font-weight:400;}
#product .prodDetail dd{margin-left:25%; line-height:150%; padding:11.8% 0;}
#product .prodDetail dd.prodName{font-size:1.2em; font-weight:400;}
#product .prodDetail dd ~ dt, #product .prodDetail dd ~ dd{border-top:1px dashed #e1e1e1;}
#product.hollow .prodImgList{padding-bottom:36%;}
#product.hollow .prodDetail dl{padding-top:5%;}
#product.hollow .prodDetail dt{padding:25px 0;}
#product.hollow .prodDetail dd{padding:25px 0;}
#product.hollow .prodDetail dt.size{padding:25px 0 15px;}
#product.hollow .prodDetail dd.size{clear:both; margin-left:0; padding:0;}
#product.hollow .prodDetail dd ~ dt, #product.hollow .prodDetail dd ~ dd{border-top:0;}
#product.hollow dd .size{display:block; margin-top:5px;}
#product.hollow dd .size:first-child{margin-top:0;}

#product .relProdList{overflow:hidden; position:relative; float:left; width:100%;}
#product .relProdList li{float:left; width:calc(20% - 16px); margin:0 0 20px 20px; text-align:center; }
#product .relProdList li img{width:100%;}
#product .relProdList li span{display:block; padding-top:5px; text-align:left; height: 48px; line-height: 20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;  white-space: normal; text-overflow: ellipsis; overflow: hidden;}
#product .relProdList li:nth-child(5n+1){margin-left:0;}
#product .relProdList li a{display:block; width:100%; height:100%;}
#product .relProdList li a:hover{color:#ea571f;}
#product .example{overflow:hidden;}
#product .example .artTit .more{display:inline-block; float:right; width:26px; height:26px; line-height:24px; text-align:center; border:1px solid #353535;}
#product .example .artTit .more:hover{color:#fff; background:#353535;}
#product .example ul{clear:both;}
#product .example ul li{float:left; width:calc(20% - 16px); margin:0 0 20px 20px; text-align:center;}
#product .example ul li img{width:100%;}
#product .example ul li span{display:block; padding-top:5px; overflow:hidden; text-overflow:ellipsis; height: 48px; line-height: 20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;  white-space: normal; overflow: hidden; text-overflow: ellipsis;}
#product .example ul li:nth-child(5n+1){margin-left:0;}
#product .example ul li a{display:block; width:100%; height:100%;}
#product .example ul li a:hover{color:#ea571f;}
#product .relNews li{width:100%; margin-bottom:10px; background:#f5f5f5;}
#product .relNews li a{display:block; width:100%; line-height:60px; padding-left:15px;}
#product .relNews li a:hover{color:#ea571f;}
#product .relProd{overflow:hidden;}
#product.hollow.hollow .holEx .artEx li{padding-left:15px; line-height:150%; background:url("../images/sub/exLine.gif") 0 10px no-repeat;}
#product.hollow .earthquake{overflow:hidden; margin-top:30px; padding:50px 10px; text-align:center; background:#f5f5f5;}
#product.hollow .earthquake .tit{margin-bottom:30px; font-size:1.1em; font-weight:400; text-align:center;}
#product.hollow .earthquake > div{position:relative; float:left; width:calc(50% - 20px); margin:10px 10px 30px 10px; padding:20px 0 30px 20%; text-align:left; height:180px;}
#product.hollow .earthquake > div .imp{font-size:1.1em; font-weight:400; color:#ea571f;}
#product.hollow .earthquake .year{position:absolute; top:0; right:0; width:80px; line-height:40px; color:#fff; text-align:center; background:#ea571f;}
#product.hollow .earthquake .year2016{background:url("../images/sub/hol2016.gif") #fff 25% center no-repeat;}
#product.hollow .earthquake .year2017{background:url("../images/sub/hol2017.gif") #fff 25% center no-repeat;}
#product.hollow .earthquake .year2017 .plus{color:#ea571f;}
#product.hollow .earthquake .recom{clear:both; font-size:1.1em; font-weight:400; color:#ea571f; }
#product.hollow .seeImg{position:relative; margin-top:50px; padding:0 0 0 180px;}
#product.hollow .seeEx li{position:absolute;}
#product.hollow .seeEx li.li01{top:35px; left:20px;}
#product.hollow .seeEx li.li02{top:5px; left:95px;}
#product.hollow .seeEx li.li03{top:110px; left:325px;}
#product.hollow .seeEx li.li04{top:230px; left:335px;}
#product.hollow .example .info{margin:20px 0;} 
#product.hollow .example .info li{float:none; width:auto; line-height:150%; margin:0; padding-left:15px; font-weight:400; text-align:left; background:url("../images/sub/exLine.gif") 0 10px no-repeat; }
#product.hollow .example ul li img{margin-bottom:0;}
#product .redBrick .artEx{line-height:150%;}
#product .redBrick .artEx .imp{font-size:1.1em; font-weight:400; color:#ea571f;}
#product .redBrick .tableBoard table tr:hover{background:#fff;}
#product .redBrick .tableBoard table .sec th{border-top:1px dotted #a1a1a1;}
#product .redBrick .tableBoard tbody th{border-right:1px dotted #a1a1a1; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
#product .redBrick .tableBoard table th{line-height:130%; padding:10px 0;}
#product .redBrick .tableBoard table td{padding:10px 0;}
#product .redBrick .tableBoard.standard  thead th{border-left:1px dotted #a1a1a1;}
#product .redBrick .tableBoard.standard  thead th:first-child{border-left:0;}
#product .redBrick .plus{margin-top:15px; font-size:0.9em;}
#product .redBrick .adv ul{position:relative; height:230px; line-height:130%; background:url("../images/sub/tomi.png") #f5f5f5 30px 50px no-repeat;}
#product .redBrick .adv li{position:absolute;}
#product .redBrick .adv li.li01{top:45px; left:245px;}
#product .redBrick .adv li.li02{top:160px; left:130px;}
#product .redBrick .adv li.li03{top:130px; left:245px;}
#product .redBrick .adv .tit{display:block; font-size:1.05em; font-weight:400;}
#product .redBrick .water > div{margin-left:15px;}
#product .redBrick .water .tit{margin-bottom:20px; padding-left:15px; font-size:1.05em; font-weight:400; background:url("../images/sub/exLine.gif") 0 10px no-repeat;}
#product .redBrick .water .waterFun{height:270px; padding:40px 0 0 300px; background:url("../images/sub/tomi_water.gif") no-repeat; border-bottom:1px dashed #e1e1e1; background-size:230px;}
#product .redBrick .water .waterFun li{padding-left:10px; line-height:150%; background:url("../images/sub/liLine.gif") 0 10px no-repeat;}
#product .redBrick .rain .block{float:left; width:40%;}
#product .redBrick .rain .block li{float:left; margin-right:15px; text-align:center;}
#product .redBrick .rain .block li img{display:block; margin-bottom:15px;}
#product .redBrick .rain .tit{margin-left:40%; padding-top:25px; background-position:0 35px;}
#product .redBrick .rain .rainEx{float:left; line-height:150%; }
#product .redBrick .rain .rainEx .mo{display:block;}
#product .grassBrick .advBox{overflow:hidden; width:100%; padding:30px 50px; border:1px solid #e1e1e1;}
#product .grassBrick .advBox img{float:left; width:230px; margin-right:50px; }
#product .grassBrick .advBox ul{float:left; width:600px; margin-top:50px;}
#product .grassBrick .advBox ul li{float:left; width:300px; line-height:150%;padding-left:10px; background:url("../images/sub/liLine.gif") 0 10px no-repeat;}
#product .grassBrick .pattern{overflow:hidden;}
#product .grassBrick .patDetail{overflow:hidden; line-height:130%;}
#product .grassBrick .patDetail .con{float:left; width:50%; height:340px; text-align:center; background:#f5f5f5;}
#product .grassBrick .patDetail .con02{background:#e1e1e1;}
#product .grassBrick .patDetail .side{position:relative; width:300px; margin:0 auto; height:100%; background:url("../images/sub/side01.png") no-repeat;}
#product .grassBrick .patDetail .side .brick li{position:absolute; font-size:0.95em;}
#product .grassBrick .patDetail .side .brick .li01{top:40px; left:20px;}
#product .grassBrick .patDetail .side .brick .li02{top:83px; left:90px;}
#product .grassBrick .patDetail .side .brick .li03{top:70px; left:190px;}
#product .grassBrick .patDetail .side .compose{position:absolute; left:10px; top:168px; text-align:left; color:#fff; font-size:0.95em;}
#product .grassBrick .patDetail .side .compose .li02{line-height:25px;}
#product .grassBrick .patDetail .side .compose .li02{line-height:50px;}
#product .grassBrick .patDetail .side .compose .li03{line-height:60px;}
#product .grassBrick .patDetail .car{position:relative; width:400px; margin:0 auto; height:100%; background:url("../images/sub/side02.png") no-repeat; }
#product .grassBrick .patDetail .car .brick li{position:absolute;}
#product .grassBrick .patDetail .car .brick .li01{top:25px; left:130px;}
#product .grassBrick .patDetail .car .brick .li02{top:50px; left:170px;}
#product .grassBrick .patDetail .car .measure li{position:absolute;}
#product .grassBrick .patDetail .car .measure .li01{top:60px; left:40px;}
#product .grassBrick .patDetail .car .measure .li02{bottom:30px; left:180px;}
#product .grassBrick .patStyle{overflow:hidden; padding:50px 20px; border:1px solid #e1e1e1; border-top:0;}
#product .grassBrick .patStyle li{float:left; width:calc(25% - 15px); margin-left:20px; text-align:center;}
#product .grassBrick .patStyle li:first-child{margin-left:0;}
#product .grassBrick .patStyle li img{display:block; width:100%; max-width:160px; margin:0 auto 20px;}
#product .grassBrick .patStyle li span{display:block; color:#ea571f;}
#product .grassBrick .process{overflow:hidden;}
#product .grassBrick .process li{float:left; margin-left:20px; text-align:center;}
#product .grassBrick .process li:first-child{margin-left:0;}
#product .grassBrick .process li img{width:100%; max-width:215px; }
#product .grassBrick .process li span{display:block; margin:20px 0 5px; color:#ea571f; text-transform:capitalize;}

#facing{overflow:hidden;}
#facing .article ul{overflow:hidden;}
#facing li{position:relative; float:left; width:calc(20% - 16px); margin:0 20px 50px 0; text-align:center; text-transform:uppercase;}
#facing li.last{margin-right:0;}
#facing li img{width:100%; max-width:200px;}
#facing li .txt{font-family:'Nanum Gothic'; display:block; padding:10px 0; font-size:0.9em; font-weight:400; background:#f5f5f5;}
#facing li a{display:block; width:100%; height:100%; background:url("../images/sub/resultPic.png") no-repeat;}
#facing li a:hover{background-color:#f5f5f5;}
.facing_pop{position:fixed; font-family:'NanumSquare'; width:100%; line-height:60px; font-size:1.2em; font-weight:700; color:#fff; text-align:center; background:#353535;}
.facing_pop_detail{padding-top:60px; text-align:center;}
.facing_pop_detail .model{padding:30px 0; margin-bottom:30px; background:#f5f5f5;}
.facing_pop_detail li{margin-bottom:20px;}
.facing_pop_detail li img{border:5px solid #e1e1e1;}

#sale .conTit{margin:100px 0 35px}
#sale .saleEx{margin-bottom:20px; font-size:1.1em; font-weight:400; text-align:center;}
#sale .saleEx .imp{font-size:1.2em; color:#ea571f;}
#sale .saleList{overflow:hidden;}
#sale .saleList > ul > li{float:left; width:calc(20% - 16px); margin:0 0 50px 20px; text-align:center; text-transform:uppercase;}
#sale .saleList > ul > li:first-child{margin-left:0;}
#sale .saleList > ul > li a{display:block; width:100%; height:100%;}
#sale .saleList img{display:block; width:100%; max-width:200px; }
#sale .saleList span{display:block;}
#sale .s_list_detail .s_prod_tit{margin-bottom:30px; font-size:1.2em; font-weight:400; text-align:center; text-transform:uppercase;}
#sale .s_list_detail .infoBox{overflow:hidden; width:100%; height:337px; margin-bottom:40px;}
#sale .s_list_detail .infoBox .photo{float:left; width:50%; height:100%; line-height:314px; text-align:center; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
#sale .s_list_detail .infoBox .photo img{width:100%; max-width:280px; vertical-align:middle;}
#sale .s_list_detail .infoBox dl{overflow:hidden; float:left; width:50%; border-top:1px solid #e1e1e1;}
#sale .s_list_detail .infoBox dt{clear:both; float:left; width:20%; padding:10px; background:#f5f5f5; border-bottom:1px solid #e1e1e1;}
#sale .s_list_detail .infoBox dd{margin-left:20%; padding:10px; border-bottom:1px solid #e1e1e1;}
#sale .s_list_detail .s_btn a{display:inline-block; width:150px; line-height:50px; margin:0 5px; color:#fff; text-align:center;}
#sale .s_list_detail .s_btn a.list{background:#353535;}
#sale .s_list_detail .s_btn a.inquiry{background:#ea571f;}
#sale .s_list_detail .ex{width:100%; margin-top:50px; min-height:300px; border:1px solid #e1e1e1;}
#sale .s_list_detail .ex .tit{line-height:50px; padding-left:15px; font-weight:400; background:#f5f5f5;}
#sale .s_list_detail .ex .tit span{margin-left:5px; font-size:0.9em; font-weight:300;color:#ea571f;}
#sale .s_list_detail .ex .article{padding:20px;}

#process .article{overflow:hidden;}
#process .artTit.st01{margin:0 0 30px;}
#process .artTit{font-family:'Noto Sans KR'; font-size:1.3em; font-weight:700; text-align:center; padding-top:40px; background-position:center 0;}
#process .artTit .step{font-family:'Noto Sans KR'; display:block; margin-bottom:10px; font-size:1rem; font-weight:400; color:#888; font-style:italic;}
#process .artEx{line-height:150%; margin-bottom:50px; font-size:1.1em; text-align:center;}
#process .proList li{float:left; width:calc(25% - 15px); margin:0 0 0 20px; line-height:50px; font-weight:400; text-align:center; border-bottom:1px solid #353535;}
#process .proList li:first-child{margin-left:0;}
#process .proList li img{display:block; width:100%; max-width:285px;}
/*20190115추가*/
#process .proList.list_3num ul { text-align:center;}
#process .proList.list_3num li{ float:none; display:inline-block;  width:calc(25% - 15px); margin:0 0 0 20px; line-height:50px; font-weight:400; text-align:center; border-bottom:1px solid #353535;}
#process .proList.list_3num li:first-child{margin-left:0;}
#process .proList.list_3num li img{display:block; width:100%; max-width:285px;}

#process .artEx .pc{display:block;}

#ecobrick .great{overflow:hidden;}
#ecobrick .great .artEx{width:90%; margin:70px auto 50px; padding:70px 0 70px 45%; background:url("https://www.ebrick.co.kr/KR/images/sub/ecoBg.gif") 10% 0 no-repeat;}
#ecobrick .great .artEx .titTxt{font-family:'Noto Sans KR'; margin-bottom:30px; font-size:1.3em; font-weight:700; }
#ecobrick .great .artEx .imp{display:block; margin-top:10px; font-size:1.1em; color:#ea571f; }
#ecobrick .great .artEx .txt{line-height:150%; font-size:1.1em;}
#ecobrick .great .artEx .txt .nor_imp{font-weight:400; color:#ea571f;}
#ecobrick .great .artEx .big{display:block; font-size:1.1em; font-weight:400;}
#ecobrick .great .artEx a{display:block; width:130px; line-height:35px; margin-top:30px; font-size:0.9em; font-weight:400; text-align:center; border:1px solid #353535; border-radius:5px;}
#ecobrick .great .artEx a:hover{color:#fff; border-color:#ea571f; background:#ea571f;}
#ecobrick .great .brick .adv{position:relative; float:left; width:calc(50% - 10px); height:260px; padding:30px 0 0 30px; background:#f5f5f5;}
#ecobrick .great .brick .adv .tit{position:absolute; top:0; right:0; width:150px; line-height:50px; color:#fff; text-align:center; background:#ea571f;}
#ecobrick .great .brick .adv li{line-height:35px; padding-left:35px;}
#ecobrick .great .brick .adv li a{display:inline-block; width:25px; line-height:25px; margin-left:10px; font-weight:400; text-align:center; border:1px solid #353535;}
#ecobrick .great .brick .adv li a:hover{color:#fff; background:#353535;}
#ecobrick .great .build{margin-right:20px;}
#ecobrick .great .build li.li01{background:url("https://www.ebrick.co.kr/KR/images/sub/ico_eco0101.png") no-repeat;}
#ecobrick .great .build li.li02{background:url("https://www.ebrick.co.kr/KR/images/sub/ico_eco0102.png") no-repeat;}
#ecobrick .great .build li.li03{background:url("https://www.ebrick.co.kr/KR/images/sub/ico_eco0103.png") no-repeat;}
#ecobrick .great .build li.li04{background:url("https://www.ebrick.co.kr/KR/images/sub/ico_eco0104.png") no-repeat;}
#ecobrick .great .build li.li05{background:url("https://www.ebrick.co.kr/KR/images/sub/ico_eco0105.png") no-repeat;}
#ecobrick .great .pav li.li01{background:url("https://www.ebrick.co.kr/KR/images/sub/ico_eco0201.png") no-repeat;}
#ecobrick .great .pav li.li02{background:url("https://www.ebrick.co.kr/KR/images/sub/ico_eco0202.png") no-repeat;}
#ecobrick .great .pav li.li03{background:url("https://www.ebrick.co.kr/KR/images/sub/ico_eco0203.png") no-repeat;}
#ecobrick .great .pav li.li04{background:url("https://www.ebrick.co.kr/KR/images/sub/ico_eco0204.png") no-repeat;}
#ecobrick .great .pav li.li05{background:url("https://www.ebrick.co.kr/KR/images/sub/ico_eco0205.png") no-repeat;}
#ecobrick .great .pav li.li06{background:url("https://www.ebrick.co.kr/KR/images/sub/ico_eco0206.png") no-repeat;}
#ecobrick .resImg{overflow:hidden; width:100%; background:url("../images/sub/temArrow.gif") 46% 45% no-repeat;}
#ecobrick .resImg .sample{float:left; /* width:30%; */ width:41%;}
#ecobrick .resImg .sample img{width:100%; /* max-width:350px; */max-width:482px;}
#ecobrick .resImg .result{position:relative; float:left; width:40%; margin-left:10%; padding-right:50px;}
#ecobrick .resImg .result img{width:100%; max-width:455px;}
#ecobrick .resImg .result .sort li{position:absolute; top:20%; font-size:0.9em; color:#fff; text-align:center;}
#ecobrick .resImg .result .sort li.li01{left:0; width:33%}
#ecobrick .resImg .result .sort li.li02{left:33%; width:24%;}
#ecobrick .resImg .result .sort li.li03{left:57%; width:27%;}
#ecobrick .resImg .result .tem li{position:absolute; right:0}
#ecobrick .resImg .result .tem li.li01{top:0;}
#ecobrick .resImg .result .tem li.li02{bottom:0;}
#ecobrick .res{float:left; width:calc(50% - 20px); margin-top:50px;}
#ecobrick .res .tit{padding-left:15px; margin-bottom:15px; font-size:1.05em; font-weight:400; background:url("https://www.ebrick.co.kr/KR/images/sub/exLine.gif") 0 8px no-repeat;}
#ecobrick .resM{margin-right:40px;}
#ecobrick .resV{margin-bottom:20px;}
#ecobrick .res dl{line-height:35px; text-align:center; border-top:1px solid #e1e1e1;}
#ecobrick .res dt{float:left; width:50%; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
#ecobrick .res dd{margin-left:50%; line-height:35px; border-bottom:1px solid #e1e1e1;}
#ecobrick .plus{font-size:0.9em; }
#ecobrick .tableBoard table tr:hover{background:#fff;}
#ecobrick .tableBoard table .sec th{border-top:1px dotted #a1a1a1;}
#ecobrick .tableBoard tbody th{border-right:1px dotted #a1a1a1; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
#ecobrick .tableBoard table th{line-height:130%; padding:10px 0;}
#ecobrick .tableBoard table td{padding:10px 0;}

#standard .artEx{font-size:1.15em; font-weight:400;}
#standard .artEx .imp{display:inline-block; padding:2px 5px; color:#fff; background:#ea571f;}
#standard .tableBoard table tr:hover{background:#fff;}
#standard .tableBoard table .sec th{border-top:1px dotted #a1a1a1;}
#standard .tableBoard tbody th{border-right:1px dotted #a1a1a1; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
#standard .tableBoard table th{line-height:130%; padding:10px 0;}
#standard .tableBoard table td{padding:10px 0;}
#standard .standard .tableBoard thead th{border-left:1px dotted #a1a1a1;}
#standard .standard .tableBoard thead th:first-child{border-left:0;}
#standard .tableBoard .imp{font-weight:400; color:#000;}
#standard .tableBoard table th.imp{color:#ea571f;}

#gal_rep ul{overflow:hidden;}
#gal_rep ul li{float:left; width:calc(50% - 10px); height:480px; text-align:center; border:1px solid #e1e1e1;}
/* #gal_rep ul li a{display:block; width:100%; height:100%; padding-top:220px; background:url("../images/sub/gal_repBuild.gif") no-repeat;} */
#gal_rep ul li a{display:block; width:100%; height:100%; padding-top:256px; background:url("../images/sub/gal_repBuild.gif") no-repeat;}
#gal_rep ul li.li02 a{background:url("../images/sub/gal_repPav.gif") no-repeat;}
/*#gal_rep ul li.li02 a{padding-top:0; background:url("../images/sub/gal_repPav.gif") #f5f5f5 0 bottom no-repeat;}*/
#gal_rep ul li.li01{margin-right:20px;}
#gal_rep ul li .tit{display:block; font-family:'NanumSquare'; padding-top:130px; font-size:1.4em; font-weight:700;}
#gal_rep ul li .tit span{display:block; margin-top:10px; font-size:0.9em; color:#ea571f; text-transform:uppercase;}
#gal_rep ul li:hover .tit{color:#ea571f;}
#gal_rep ul li:hover .tit span{color:#353535;}
#gallery .galBox{position:relative;}
#gallery .selectBox{display:flow-root; margin-bottom:50px;}
#gallery .search_group{position:absolute; top:45px; right:0;}
#gallery .galList{clear:both; overflow:hidden;}
#gallery .galList li{float:left; width:calc(20% - 16px); margin:0 0 20px 20px; line-height:50px; text-align:center;}
#gallery .galList li:nth-child(5n+1){margin-left:0;}
#gallery .galList li img{display:block; width:100%; max-width:224px;}
#gallery .galList li a{display:block; width:100%; height:100%;}
#gallery .galList li a:hover{color:#ea571f;}

#gallery .galDetail{overflow:hidden; position:relative; width:100%; padding-bottom:50px; border-bottom:1px dashed #c1c1c1;}
#gallery .galImg{overflow:hidden; position:relative; float:left; width:65%; min-width:490px; height:0; padding-bottom:53%;}
#big_img{position:absolute; top:0; left:0; width:100%; height:100%;}
#gallery .slider-nav{overflow:hidden; position:absolute; top:0; left:65%; width:360px; margin-left:30px; }
#gallery .slider-nav div{overflow:hidden; float:left; width:100%; min-width:110px !important; margin-bottom:5px; cursor:pointer;}
#gallery .slider-nav img{width:100%;}	
#gallery .slider-nav .slick-slide{margin:0 5px; outline:0; z-index:1;}
#gallery .slider-nav .slick-arrow{position:absolute; top:50%; margin-top:-25px; outline:none; z-index:2;}
#gallery .slider-nav .slick-prev{width:20px; height:40px; left:10px; background:url("../images/main/visArrL_b.png") no-repeat; background-size:100%;}
#gallery .slider-nav .slick-next{width:20px; height:40px; right:10px; background:url("../images/main/visArrR_b.png") no-repeat; background-size:100%;}

#gallery .galInfo{float:left; width:360px; height:100%; padding:230px 0 0 0; margin-left:30px;}
#gallery .galInfo .tit{font-family:'NanumSquare'; margin-bottom:40px; font-size:1.5em; font-weight:700;}
#gallery .galInfo dl{overflow:hidden;}
#gallery .galInfo dt{float:left; width:20%; line-height:150%; font-size:1.1em; font-weight:400;}
#gallery .galInfo dd{margin-left:22%; line-height:150%;}
#gallery .galInfo dd.prodName{font-size:1.2em; font-weight:400;}
#gallery .galInfo dd:after{content:""; display:block; clear:both; margin-bottom:10px;}
#gallery .galInfo dd .viewMap a{display:block; width:90px; margin-top:7px; padding:2px 5px; font-size:0.9em; border:1px solid #353535; border-radius:3px; background:url("../images/sub/prodArrow.png") 70px center no-repeat;}
#gallery .galInfo dd .viewMap a:hover{color:#fff; text-align:center; background-color:#353535; }
#gallery .galInfo dd.model a:hover{color:#ea571f;}

/* 20190116 정은정 수정 */
#gallery .galImg{min-width:490px; height:auto; padding:0;}
#gallery #big_img{float:left; position:relative; width:65%;}
#gallery #big_img img{width:100%;}
#gallery .slick-dots{display:block; position:absolute; left:0; bottom:50px; width:100%; text-align:center; z-index:9999;}
#gallery .slick-dots li{display:inline-block; width:20px; height:20px; margin:0 5px; cursor:pointer; background:rgba(255,255,255,0.8); }
#gallery .slick-dots li.slick-active, #mainVis.visual .slick-dots li:hover{background:rgba(234,87,30,0.8); }
#gallery .slick-arrow{position:absolute; top:50%; margin-top:-25px; outline:none; z-index:9999;}
#gallery .slick-prev{width:25px; height:50px; left:5%; background:url("../images/main/visArrL_b.png") no-repeat; /*background:url("../images/main/visArrL.png") no-repeat;*/}
#gallery .slick-next{width:25px; height:50px; right:5%; background:url("../images/main/visArrR_b.png") no-repeat; /*background:url("../images/main/visArrR.png") no-repeat;*/}
#gallery .galInfo{width:35%; padding:0 0 0 30px; margin:0; box-sizing:border-box;}
#gallery .slider-galnav{float:left; overflow:hidden; width:100%; max-width:360px; height:200px; margin:0 0 25px;}
#gallery .slider-galnav div{overflow:hidden; float:left; width:100%; min-width:110px !important; margin-bottom:5px; cursor:pointer;}
#gallery .slider-galnav img{width:110px;}
#gallery .slider-galnav .slick-slide{margin:0 5px; outline:0; z-index:1;}
#gallery .slider-galnav .slick-arrow{position:absolute; top:50%; margin-top:-25px; outline:none; z-index:2;}
#gallery .slider-galnav .slick-prev{width:20px; height:40px; left:10px; background:url("../images/main/visArrL_b.png") no-repeat; background-size:100%;}
#gallery .slider-galnav .slick-next{width:20px; height:40px; right:10px; background:url("../images/main/visArrR_b.png") no-repeat; background-size:100%;}
#gallery .galInfo dl{width:100%;}

#gallery .apply{overflow:hidden;} 
#gallery .apply li{float:left; width:calc(20% - 16px); margin:0 0 20px 20px; text-align:center;}
#gallery .apply li:first-child{margin-left:0;}
#gallery .apply li img{width:100%; max-width:224px;}
#gallery .apply li span{display:block; height:30px; padding-top:5px; overflow:hidden; white-space:nowrap; text-align:left; text-overflow:ellipsis;}
#gallery .apply li a{display:block; width:100%; height:100%;}
#gallery .apply li a:hover{color:#ea571f;}
#gallery .relLoc{overflow:hidden;}
#gallery .relGal{overflow:hidden; position:relative; float:left; width:100%;}
#gallery .relGal li{float:left; width:calc(20% - 16px); /*margin:0 0 20px 20px;*/ text-align:center;}
/*#gallery .relGal li:nth-child(5n+1){margin-left:0;}*/
#gallery .relGal li img{width:100%; max-width:224px;}
#gallery .relGal li span{display:block; height:30px; padding-top:5px;}
#gallery .relGal li a{display:block; width:100%; height:100%;}
#gallery .relGal li a:hover{color:#ea571f;}

#brick .artTit .ex{font-size:0.8em; color:#888;}
#brick .section .sec01{margin-right:10px;}
#brick .section .sec02{margin-left:10px;}
#brick .section .graph{position:relative; float:left; width:calc(50% - 10px); text-align:center; background:#f5f5f5;}
#brick .section .graph .tit{position:absolute; right:0; top:0; width:150px; line-height:50px; color:#fff; text-align:center; background:#ea571f;} 
#brick .section .graph .secImg{position:relative; width:385px; height:235px; margin:80px auto 50px; text-align:left; background:url("../images/sub/section01.gif") center bottom no-repeat;}
#brick .section .sec02 .secImg{background:url("../images/sub/section02.gif") center bottom no-repeat;}
#brick .section .secEx{position:absolute; top:10px; left:100px; line-height:130%; letter-spacing:-0.5px;}
#brick .section .secHeight{position:absolute; top:138px; left:0; text-align:right; line-height:130%; letter-spacing:-0.5px;}
#brick .section .space{position:absolute; top:110px; left:230px;}
#brick .pattern{overflow:hidden;}
#brick .pattern li{float:left; width:calc(16.6666% - 16.6666px); margin-left:20px; text-align:center;}
#brick .pattern li:first-child{margin-left:0;}
#brick .pattern li img{width:100%; display:block; margin-bottom:15px;}
#brick .caution{overflow:hidden; margin-bottom:50px;}
#brick .caution .paraTit{margin-bottom:20px;}
#brick .caution ol{padding:20px 0; background:#f5f5f5;}
#brick .caution li{margin-left:15px; padding-left:15px; line-height:150%; background:url("../images/sub/exLine.gif") 0 11px no-repeat;}
#brick .process{overflow:hidden;}
#brick .process .step{overflow:hidden; margin-bottom:20px;}
#brick .process .paraTit{float:left; width:20%;}
#brick .process .paraTit span{display:block; font-size:0.85em; color:#ea571f; text-transform:uppercase;}
#brick .process ul{float:left; width:80%;}
#brick .process li{float:left; width:30%; margin-left:20px; line-height:130%;}
#brick .process li:first-child{margin-left:0;}
#brick .process li img{width:100%; display:block;}
#brick .process li .txt{display:block; height:70px; padding:15px 10px 0; background:#f5f5f5;}

#metal .down a{float:right; display:block; line-height:130%; height:55px; padding:9px 20px 0 50px; font-size:0.95em; color:#ea571f; background:url("../images/sub/ico_down_o.png") #f5f5f5 20px center no-repeat;}
#metal .down a:hover{color:#353535; background:url("../images/sub/ico_down.png") #f5f5f5 20px center no-repeat}
#metal .strImg{overflow:hidden; margin:50px 0;}
#metal .strImg li{float:left; width:50%; text-align:center;}
#metal .tableBoard table{margin-bottom:50px;}
#metal .tableBoard table th{border-top:2px solid #ea571f;}
#metal .tableBoard table tr:hover{background:#fff;}
#metal .tableBoard table td{padding:15px 0; line-height:150%; letter-spacing:0.2px;}
#metal .tableBoard table td img{width:100%; max-width:150px;}
#metal .tableBoard .ex ul{overflow:hidden;}
#metal .tableBoard .ex li{float:left; width:calc(20% - 16px); margin-left:20px;}
#metal .tableBoard .ex li:first-child{margin-left:0;}
#metal .tableBoard .ex li img{width:100%;}

#support .sup_gal{overflow:hidden; display:block;}
#support .sup_gal .list{overflow:hidden; display:block}
#support .sup_gal li{overflow:hidden; position:relative; float:left; width:calc(20% - 16px); /* height:0; */ height:200px; margin:0 0 20px 20px; /* padding-bottom:18%; */ text-transform:uppercase;} /*2019.02.07*/
#support .sup_gal li:nth-child(5n+1){margin-left:0;}
#support .sup_gal li a{display:block; position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
#support .sup_gal li img{width:100%; /* height:auto; */height:152px;}  /*2019.02.07*/
#support .sup_gal li .subj{width:100%; text-align:center; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#support .sup_gal li .over{display:none;}
#support .sup_gal li:hover .subj{color:#ea571f;}

#catalog{overflow:hidden;}
#catalog > ul > li{position:relative; float:left; width:calc(20% - 16px); margin:0 0 20px 20px; padding-bottom:60px; text-align:center; border:1px solid #e1e1e1; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#catalog > ul > li:nth-child(5n+1){margin-left:0;}
#catalog > ul > li img{display:block; height:100%; margin:20px auto 15px; max-width:140px; max-height:120px;}
#catalog li .viewBox{position:absolute; width:100%; left:0; bottom:0; line-height:40px; background:#f5f5f5;}
#catalog li .viewBox li{float:left; width:50%; font-size:0.8em; text-transform:uppercase;}
#catalog li .viewBox li a{display:block; width:100%; height:100%;}
#catalog li .viewBox li a:hover{color:#fff; background:#353535;}

#daumRoughmapContainer1538705672475, #daumRoughmapContainer1538705724459{width:100%;}
#location .mapInfo{overflow:hidden; width:100%; margin-top:20px;}
#location .mapInfo dt{float:left; width:15%; line-height:50px; padding-left:50px; text-transform:uppercase; border-bottom:1px dashed #e1e1e1; background:url("../images/sub/icoLoc.png") #f5f5f5 no-repeat}
#location .mapInfo dt.dt01{background-position:25px -160px;}
#location .mapInfo dt.dt02{background-position:25px -40px;}
#location .mapInfo dt.dt03{background-position:25px -100px;}
#location .mapInfo dt.dt04{background-position:25px 15px;}
#location .mapInfo dd{overflow:hidden; margin-left:15%; line-height:50px; padding-left:20px; border-bottom:1px dashed #e1e1e1;}
#location .mapInfo dd:after{content:""; display:block; clear:both; }

#inquiry .orderGroup{float:left; margin-bottom:20px;}
#inquiry .orderGroup .sbHolder{width:200px;}
#inquiry .orderGroup .sbOptions{width:200px;}
#inquiry .orderGroup .sbSelector{width:170px;}
#inquiry #writeBox{clear:both;}
#inquiry .guide{float:right; line-height:38px; color:#ea571f;}

#sitemap div > ul > li{float:left; width:calc(25% - 30px); height:350px; margin-left:40px; text-align:center;}
#sitemap div > ul > li:nth-child(4n+1){margin-left:0;}
#sitemap div > ul > li .tit{line-height:45px; font-size:1.1em; font-weight:400; border-bottom:2px solid #ea571f;}
#sitemap .depth2 li{line-height:45px; border-bottom:1px dashed #e1e1e1;}
#sitemap .depth2 li a{display:block; width:100%; height:100%;}
#sitemap .depth2 li a:hover{font-weight:400; color:#ea571f;}

#law{line-height:150%;}
#law .lawTit{font-family:'NanumSquare'; margin:20px 0 10px; font-size:1.1em; font-weight:700;}
#law .sec{margin-left:20px;}
#law .firLine li{padding-left:15px; background:url("../images/sub/liLine.gif") 0 12px no-repeat;}
#privacy .before{padding:20px; background:#f5f5f5;}
#privacy .date{margin:20px 0;}
#privacy dl{overflow:hidden; margin:5px 0; padding:10px 15px; border:1px solid #c1c1c1;}
#privacy dt{float:left; width:120px;}
#privacy dd{margin-left:120px; padding-left:15px; background:url("../images/sub/liLine.gif") 0 12px no-repeat;}

#copyright .before{padding:20px; margin-bottom:20px; background:#f5f5f5;}

#search .searchArea{width:100%; padding:30px 0; margin-bottom:50px; background:#f5f5f5;}
#search .searchArea .guide{font-family:'NanumSquare'; margin-bottom:15px;font-size:1.2em; font-weight:700; text-align:center;}
#search .searchArea fieldset{width:80%; margin:0 auto;}
#search .searchArea input{float:left; width:89%; height:42px;}
#search .searchArea .btn_submit{float:left; width:10%; line-height:42px; margin-right:5px; font-size:1em; color:#fff; background:#353535;}
#search .resultArea .cateTit{margin:15px 0; font-size:1.1em; font-weight:400;}
#search .resultArea ul{padding-bottom:30px; margin-bottom:30px; border-bottom:1px dashed #e1e1e1;}
#search .resultArea li{padding-left:15px; margin-bottom:10px; line-height:150%; background:url("../images/sub/liLine.gif") 0 12px no-repeat;}
#search .resultArea li .tit{display:block; color:#000;}
#search .resultArea li .ex{color:#888;}


/* mediaqueries */

@media (max-width:1199px){

.article .artTit{font-size:1.25em;}
#about .scale .artTit{padding:7% 0 0 0; margin:0 0 3% 0;}
#about .scale{width:100%; height:0; padding:0 0 30% 50%; text-align:center; background:url("../images/sub/aboutBg.jpg") #f5f5f5 10px 10px no-repeat; background-size:50% calc(100% - 20px);}
#about .adBan .promise{padding-top:10%; font-size:1.4em;}
#about .adBan .promise .imp{margin-top:10px;}
#about .adBan .slogan{margin:15px auto 13px; padding:4px 0;}
#about .adBan .how li{margin-bottom:5px; }
#about .comLogo .gridBox{border-right:1px solid #e0e7f0;}
#about .comLogo .gridBox .logo{float:none; width:100%; text-align:center; margin:0; padding:50px 0 0;}
#about .comLogo .bi .gridBox .logo{margin:0; padding:20px 0 0;}
#about .comLogo .gridBox .info, #about .comLogo .bi .gridBox .info{position:absolute; bottom:0; width:calc(100% - 2px); height:100px; padding:20px 0 0 20px ; margin:1px; border-right:0; border-top:1px solid #e0e7f0;}
#about .comLogo .gridBox .info li{float:left; margin-right:10px; }
#about .comLogo .gridBox .info .tit{margin:0 0 10px;}

#ceo .message .welcome .imp{margin:5px 0 10px;}

#vision .value li{width:calc(25% - 15px); margin-left:20px;}
#vision .value li span{padding:20px 15px;}

#history .his .artEx{width:19%; margin:0 3%; font-size:1.15em;}

#prod_rep > ul > li .ex .tit{margin:20% 0 20px;}
#prod_rep > ul > li.repSale{background-size:70%;}
#product .prodList li{width:calc(25% - 15px); margin:0 0 10px 20px; word-break:break-all;}
#product .prodList li:nth-child(5n+1){margin-left:20px;}
#product .prodList li:nth-child(4n+1){margin-left:0;}
#product .prodList li .txt{height:50px;}
#product .prodImgList{padding-bottom:36.2%;}
#product .prodDetail dt{padding:9.5% 0;}
#product .prodDetail dd{padding:9.5% 0;}
#product.hollow .prodDetail dl{padding-top:3%;}
#product.hollow .earthquake .year2016, #product.hollow .earthquake .year2017{background-position:15% center;}
#product.hollow .earthquake > div{padding:30px 0 30px 15%}

#product .grassBrick .advBox{padding:30px 35px;}
#product .grassBrick .advBox ul{width:580px;}
#product .grassBrick .advBox ul li{width:290px;}

#process .artEx .pc{display:inline;}

#ecobrick .great .artEx{width:100%; background-position:5% 0;}

#gallery .galImg{width:60%;padding-bottom:53%;}
#gallery .slider-nav{left:60%; width:330px;}
#gallery .slider-nav div{min-width:100px !important;}

#gallery .galInfo{width:330px; padding:195px 0 0 0;}
#gallery .galInfo dt{line-height:140%; font-size:1.05em;}
#gallery .galInfo dd{line-height:140%;}
#gallery .galInfo .pc{display:none;}

/* 20190116 정은정 추가 */
#gallery .galImg{width:60%; padding-bottom:0;}
#gallery .galInfo{width:35%; padding:0 0 0 2%;}
#gallery .slider-galnav div{min-width:100px !important;}

#brick .pattern li{width:calc(20% - 16px); margin:0 0 20px 20px;}
#brick .pattern li:nth-child(5n+1){margin-left:0;}
#brick .caution{overflow:hidden; margin-bottom:50px;}
#brick .caution .paraTit{margin-bottom:20px;}
#brick .caution ol{padding:20px 0; background:#f5f5f5;}
#brick .caution li{margin-left:15px; padding-left:15px; line-height:150%; background:url("../images/sub/exLine.gif") 0 11px no-repeat;}
#brick .process{overflow:hidden;}
#brick .process .step{overflow:hidden; margin-bottom:20px;}
#brick .process .paraTit{width:25%;}
#brick .process ul{width:75%;}
#brick .process li{width:40%;}

#support .sup_gal li{/* padding-bottom:18.5%; */}  /*2019.02.07*/
#support .sup_gal li{width:calc(25% - 15px);}
#support .sup_gal li:nth-child(5n+1){margin-left:20px;}
#support .sup_gal li:nth-child(4n+1){margin-left:0;}
}

@media (max-width:991px){
#subVis{font-size:1.7em;}
#subNav li{font-size:1em;}

.conTit{font-size:1.8em;}
.article .artTit{font-size:1.2em;}
.paraTit{font-size:1.05em;}

.tableBoard .writer{width:13%;}
.tableBoard .date{width:13%;}

.group160{clear:inherit;}
.group160 .sel160.use_group{clear:both;}


#about .scale .artTit{padding:20px 0 0 0; margin:0 0 15px 0; font-size:1.1em;}
#about .scale{height:270px; padding:0 0 0 25%; background-position:-50% 10px; background-size:100% auto);}
#about .scale dt{line-height:inherit; padding:0.2% 0; font-size:0.95em;}
#about .scale dd{line-height:inherit; padding:0.2% 0; font-size:0.95em;}
#about .abBox dt{padding-top:65px; font-size:1em;}
#about .abBox dd{height:50px; line-height:50px; padding-left:10px;font-size:0.95em;}
#about .abBox .mapView{height:150px; padding:55px 20px 0;}
#about .abBox .mapView a{border:0;}
#about .abBox .certify dt{padding:80px 0;}
#about .abBox .certify dd{height:190px;}
#about .abBox .certify dd img:nth-child(3){display:block;}
#about .comLogo .logo img{height:45px; width:auto;}
#about .comLogo .bi .logo img{height:90px; width:auto;}

#ceo .photo{width:40%;}
#ceo .message{width:55%;}
#ceo .message .welcome{margin-bottom:20px; font-size:1.3em;}
#ceo .message .hello{font-size:1.05em;}

#vision .visGwrap{padding:0 50px 0 20px;}
#vision .value li{width:calc(50% - 15px); margin:0 0 30px 30px;}
#vision .value li:nth-child(3){margin-left:0;}
#vision .value li span{height:100px; padding:20px;}

#history .his .artTit{width:20%; margin:0 5% 30px 0;}
#history .his .artEx{width:75%; margin:0; font-size:1.2em; font-weight:700;}
#history .his .artEx span{display:inline; line-height:130%;}
#history .his .hisDetail{clear:both; width:100%;}
#history .certList{clear:both; width:100%;}
#history .certifyWrap .cert_down{font-size:1em;}

#mov .movBox > ul > li{width:100%;}
#mov .movBox > ul > li:nth-child(2n){margin-left:0;}
#mov .movBox .thumb{float:left; width:151px;}
#mov .movBox .subj{float:left; width:calc(100% - 240px);}

#prod_rep > ul{padding:0 100px; }
#prod_rep > ul > li{float:none; width:100%; height:150px; padding-bottom:0; margin:0 0 10px 0;}
#prod_rep > ul > li .imgBox{float:left; width:300px;}
#prod_rep > ul > li .ex{float:left; width:calc(100% - 300px); background:#fff;}
#prod_rep > ul > li .ex ul, #prod_rep > ul > li .ex img{display:none;}
#prod_rep > ul > li .ex .tit{margin:50px 0;}
#prod_rep > ul > li.repFac .imgBox, #prod_rep > ul > li.repSale .imgBox{text-align:center; background:#f5f5f5;}
#prod_rep > ul > li.repFac .imgBox img, #prod_rep > ul > li.repSale .imgBox img{width:250px; margin-top:-50px;}
#product .prodDetail dt{width:25%; padding:24px 0; font-size:1.05em;}
#product .prodDetail dt .mo{display:block;}
#product .prodDetail dd{margin-left:25%; padding:24px 0; font-size:0.95em;}
#product .prodDetail dd.prodName{font-size:1.15em;}
#product.hollow .prodImgList{width:45%; margin-right:3%; padding-bottom:32%;}
#product.hollow .prodDetail dl{padding-top:2%;}
#product.hollow .prodDetail dt{padding:10px 0 5px;}
#product.hollow .prodDetail dd{padding:10px 0 5px;}
#product.hollow .prodDetail dt.size{padding:10px 0;}
#product.hollow .prodDetail dd.size{padding:5px 0; font-size:0.9em;}

#product.hollow .earthquake .year2016, #product.hollow .earthquake .year2017{background-position:7% center;}
#product.hollow .earthquake > div{padding:30px 0 30px 12%}
#product .redBrick .rain .block{float:right; width:300px; margin-top:20px;}
#product .redBrick .rain .block li{float:left; width:150px; margin-right:0;}
#product .redBrick .rain .block li img{width:130px;}
#product .redBrick .rain .tit{margin-left:0;}
#product .redBrick .rain .rainEx{width:50%;}
#product .redBrick .rain .rainEx .mo{display:inline;}
#product .grassBrick .advBox{padding:50px 0; text-align:center;}
#product .grassBrick .advBox img{float:none; margin-right:0;}
#product .grassBrick .advBox ul{float:none; width:600px; margin:20px auto 0; text-align:left;}
#product .grassBrick .advBox ul li{width:300px; padding:2px 0 2px 10px; background-position:0 15px; border-bottom:1px solid #e1e1e1;}
#product .grassBrick .patDetail .con{float:none; width:100%;}
#product .grassBrick .process li{width:calc(25% - 15px);}

#facing li{width:calc(25% - 15px);}
#facing li.last{margin-right:20px;}
#facing li.fourth{margin-right:0;}
#facing li .txt{letter-spacing:-1px;}

#sale .saleList > ul > li{width:calc(25% - 15px);}
#sale .saleList > ul > li:nth-child(5n+1){margin-left:20px;}
#sale .saleList > ul > li:nth-child(4n+1){margin-left:0;}
#sale .s_list_detail .infoBox dt{width:30%;}
#sale .s_list_detail .infoBox dd{margin-left:30%;}

#process .artEx{font-size:1.05em;}

#ecobrick .great .artEx{margin:0 auto; padding:50px 0 50px 37%; background-position:0; background-size:230px auto;}
#ecobrick .great .artEx .titTxt{font-size:1.15em; margin-bottom:20px;}
#ecobrick .great .artEx .txt{font-size:1em;}
#ecobrick .great .artEx .big{font-size:1.05em;}
#ecobrick .great .artEx a{margin-top:20px;}
#ecobrick .great .brick .adv{float:none; width:100%; height:auto; padding-bottom:20px; margin-bottom:15px;}
/* #ecobrick .resImg{background-position:39% 37%; background-size:40px auto;}
#ecobrick .resImg .sample{width:35%;} */
/* #ecobrick .resImg .result{width:45%;} */
#ecobrick .resImg .result .sort li.li01{left:0; width:31%}
#ecobrick .resImg .result .sort li.li02{left:31%; width:23%;}
#ecobrick .resImg .result .sort li.li03{left:54%; width:25%;}

#gal_rep ul li{float:left; width:calc(50% - 10px); }
#gal_rep ul li.li01{margin-right:20px; }
#gallery .galList li{width:calc(25% - 15px);}
#gallery .galList li:nth-child(5n+1){margin-left:20px;}
#gallery .galList li:nth-child(4n+1){margin-left:0;}

#gallery .galDetail{height:auto; padding-bottom:50px;}
#gallery .galImg{overflow:hidden; float:none; width:585px; height:485px; margin:0 auto; padding-bottom:0;}
#gallery .slider-nav{width:585px; top:490px; left:50%; margin-left:-292.5px;}
#gallery .slider-nav div{min-width:87px !important;}
#gallery .slider-nav .slick-slide{margin:0 2px;}
#gallery .slider-nav .slick-prev{background:url("../images/main/visArrL.png") no-repeat; background-size:100%;}
#gallery .slider-nav .slick-next{background:url("../images/main/visArrR.png") no-repeat; background-size:100%;}
#gallery .galInfo{float:none; width:585px; height:auto; padding:0; margin:130px auto 0;}
#gallery .galInfo .tit{text-align:center;}
#gallery .galInfo dt{width:20%; font-size:1em;}
#gallery .galInfo dd{margin-left:20%;}

#gallery .apply li{width:calc(20% - 16px); font-size:0.95em;}
#gallery .apply li:nth-child(5n+1){margin-left:0;}

/* 20190116 정은정 추가*/
#gallery #big_img{float:none; margin:0 auto; width:100%; max-width:600px;}
#gallery .galImg{width:100%; height:auto !important;}
#gallery .slick-dots{bottom:20px;}
#gallery .slider-galnav{height:100px; max-width:600px; margin:0 auto 20px;}
#gallery .galInfo{width:100% !important; max-width:600px; padding:0; margin:0 auto !important;}
#gallery .galInfo dl{padding-left:20px;}

#metal .tabNav{margin:20px auto 70px;}
#metal .down a{float:none; width:180px; margin:0 auto;}
#metal .strImg li{width:50%;}
#metal .strImg li img{max-width:375px;}
#metal .tab03 .strImg li{width:100%;}
#metal .tab03 .strImg li img{max-width:500px;}
#metal .tableBoard .ex li{width:calc(25% - 15px);}

#catalog > ul > li{width:calc(25% - 15px);}
#catalog > ul > li:nth-child(5n+1){margin-left:20px;}
#catalog > ul > li:nth-child(4n+1){margin-left:0;}

#sitemap div > ul > li{width:calc(25% - 15px); height:350px; margin-left:20px;}
#sitemap div > ul > li .tit{font-size:1.05em;}

#law{font-size:0.95em;}
#law .lawTit{font-size:1.2em;}

#search .searchArea .guide{font-size:1.15em;}
#search .searchArea input{width:85%;}
#search .searchArea .btn_submit{width:13%;}
#search .resultArea .cateTit{font-size:1.05em;}


#product .example ul li span{height: 48px; line-height: 20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;  white-space: normal;}/* 2019-03-05 추가*/


}

@media (max-width:767px){
#subVisWrap{height:250px;}
#subNav li a{height:100%; line-height:130%; padding-top:5px; color:#fff; text-transform:uppercase;}
#subNav li .mo{display:block;}
#subNav li .wordthree{padding-top: 15px;}/* 2019-03-05 추가*/

.conTit{margin:80px 0 40px; font-size:1.7em;}
.conTit .en{margin-top:5px; font-size:1.1rem;}
.article .artTit{margin:50px 0 30px; font-size:1.15em;}
.paraTit{font-size:1em;}
.tabNav{margin:0 auto 50px;}
.tabNav li{height:50px;}
.tabNav li a{line-height:50px; font-size:1.05em;}
.tabNav.third{width:510px;}
.tabNav.third li{width:170px;}
.tabNav.fourth{width:520px;}
.tabNav.fourth li{width:130px;}

.tableBoard .num{width:7%;}
.tableBoard .writer{width:15%;}
.tableBoard .date{width:15%;}
.tableBoard table .mo{display:none;}
.tableBoard table th{font-size:0.95em;}

.select_group{position:absolute; top:0; right:0;}
.search_group{clear:both; float:right; margin-top:45px;}
.search_group .search_submit{font-size:0.9em;}

#about .scale dt{font-size:0.95em;}
#about .scale dd{font-size:0.9em;}
#about .abBox .mapView{display:none;}
#about .abBox .certify dt{padding:63px 0;}
#about .abBox .certify dd{height:155px;} 
#about .abBox .certify dd img{width:150px;}
#about .comLogo .gridBox .logo{padding:58px 0 0;}
#about .comLogo .bi .gridBox .logo{padding:38px 0 0;}
#about .comLogo .gridBox .logo img{margin-right:40px;}
#about .comLogo .logo img{height:35px; width:auto;}
#about .comLogo .bi .logo img{height:75px; width:auto;}
#about .ci_simbol .simbol{float:none;}
#about .ci_simbol .ex{margin:20px 0 50px 0;}
#about .ci_logo .simple{float:none;}
#about .ci_logo .ex{margin:20px 0 50px 0;}

#ceo .photo{overflow:hidden; width:100%; height:280px; margin-bottom:50px; text-align:center;}
#ceo .photo img{max-width:200px; margin:-20px 0;}
#ceo .message{width:100%;}
#ceo .message .greet{font-size:0.95em;}
#ceo .message .welcome .imp{margin:0 0 5px; font-size:1.1em;}
#ceo .message .hello span.thank{margin-top:0;}

#vision .visGwrap{padding:0;}
#vision .visGraph{display:none;}
#vision .visGwrap .point{width:100%; padding-top:0; font-size:1.35em;}
#vision .visGwrap .point .logo{display:none;}
#vision .value{padding:0;}
#vision .value li{width:calc(50% - 10px); margin:0 0 20px 20px;}
#vision .artEx{font-size:0.95em;}

#history .his .artEx{font-size:1.15em;}
#history .his .hisDetail li .year{font-size:1em;}
#history .certList .year{font-size:1em;}
#history .certList li span{padding:10px 0;}

#prod_rep > ul{padding:0;}
#prod_rep > ul > li .imgBox{width:250px;}
#prod_rep > ul > li .ex{width:calc(100% - 250px);}
#prod_rep > ul > li .ex .tit{font-size:1.25em;}
#prod_rep > ul > li.repFac .imgBox{text-align:center; background:#f5f5f5;}
#prod_rep > ul > li.repFac .imgBox img{width:230px; margin-top:-40px;}
#prod_rep > ul > li.repSale .imgBox img{width:230px;}
#product .prodList li{width:calc(33.33333% - 13.333333px); margin:0 0 10px 20px;}
#product .prodList li:nth-child(4n+1){margin-left:20px;}
#product .prodList li:nth-child(3n+1){margin-left:0;}
#product .prodDetail{border-top:0; border-bottom:0;}
#product .prodImgList{overflow:hidden; float:none; width:400px; height:289px; line-height:inherit; padding-bottom:0; margin:0 auto; border:none;}
#product.hollow .prodImgList{width:400px; height:289px; margin:0 auto;}

#product .prodDetail dl{clear:both; width:400px; margin:30px auto 0;}
#product .prodDetail dt{width:30%;}
#product .prodDetail dd{margin-left:30%;}
#product.hollow .prodDetail dl{margin-top:30px;}
#product .relProdList li{width:calc(25% - 15px);}
#product .relProdList li:nth-child(5n+1){margin-left:20px;}
#product .relProdList li:nth-child(4n+1){margin-left:0;}
#product .example ul li{width:calc(25% - 15px);}
#product .example ul li:nth-child(5n+1){margin-left:20px;}
#product .example ul li:nth-child(4n+1){margin-left:0;}
#product.hollow .earthquake{padding:30px 10px;}
#product.hollow .earthquake .tit{margin-bottom:10px;}
#product.hollow .earthquake > div{width:100%;  margin:5px 0; padding:30px 0 30px 30%;}
#product.hollow .earthquake .year2016, #product.hollow .earthquake .year2017{background-position:18% center;}
#product.hollow .earthquake .recom{padding-top:20px;}
#product .redBrick .adv ul{background-size:180px auto;}
#product .redBrick .adv li.li01{left:220px;}
#product .redBrick .adv li.li02{top:115px; left:220px;}
#product .redBrick .adv li.li03{top:165px; left:95px;}
#product .redBrick .water .waterFun{height:auto; padding:0 0 50px 0; background-size:150px; background-position:right 0;}
#product .redBrick .water .tit{font-size:1em;}
#product .redBrick .rain{overflow:hidden; position:relative; padding-bottom:185px;}
#product .redBrick .rain .block{position:absolute; bottom:0; right:0;}
#product .redBrick .rain .rainEx{float:none; width:100%;}
#product .grassBrick .advBox ul{width:80%; }
#product .grassBrick .advBox ul li{width:100%; padding:2px 0 2px 20px; background-position:10px 15px;}
#product .grassBrick .process li{width:calc(50% - 20px); margin:0 0 30px 20px;}
#product .grassBrick .process li img{width:100%; max-width:255px; }
#product .grassBrick .process li:nth-child(2n+1){margin-left:0;}
#product .grassBrick .process li span{margin:10px 0 5px;}

#facing li{width:calc(33.3333% - 6.6666px); margin:0 10px 50px 0;}
#facing li.last{margin-right:10px;}
#facing li.fourth{margin-right:10px;}
#facing li.thir{margin-right:0;}

#sale .saleEx{font-size:1.05em;}
#sale .saleList > ul > li{width:calc(33.3333% - 13.3333px);}
#sale .saleList > ul > li:nth-child(4n+1){margin-left:20px;}
#sale .saleList > ul > li:nth-child(3n+1){margin-left:0;}
#sale .s_list_detail .infoBox .photo{width:40%;}
#sale .s_list_detail .infoBox .photo img{width:90%;}
#sale .s_list_detail .infoBox dl{width:60%;}

#process .artEx{padding: 0 45px; font-size:1em;}
#process .proList ul{padding:0 45px;}
#process .proList li{width:calc(50% - 10px); margin:0 0 20px 20px; border-bottom:0;}
#process .proList li:nth-child(2n+1){margin-left:0;}
/*20190115추가*/
#process .proList.list_3num ul { text-align:center;}
#process .proList.list_3num li{ float:left; display:list-item;  width:calc(50% - 10px);  margin:0 0 20px 20px; border-bottom:0;}
#process .proList.list_3num li:first-child{margin-left:0;}
#process .proList.list_3num li:nth-child(2n+1){margin-left:0;}


#ecobrick .great .artEx{padding:250px 0 20px 0; background-position:center 0; background-size:230px auto;}
#ecobrick .great .artEx .big{display:inline;}
#ecobrick .resImg{background-position:44.5% 37%; background-size:30px auto;}
/* #ecobrick .resImg .sample{width:40%;}
#ecobrick .resImg .result{width:50%;}
 */
#standard .artEx{font-size:1.05em;}

#gal_rep ul li{position:relative; float:left; width:100%; height:200px; margin:0 0 10px 0;}
#gal_rep ul li a{margin-right:0; padding-top:0; background-size:cover;}
#gal_rep ul li.li02 a{background-size:cover;}
#gal_rep ul li .tit{position:absolute; bottom:0; width:100%; padding:20px 0; font-size:1.2em; color:#fff; background:rgba(0,0,0,0.7);}
#gal_rep ul li .tit span{display:inline; margin:0 0 0 10px; font-size:1em; }
#gal_rep ul li:hover .tit span{color:#fff;}

#gallery .select_group{position:inherit;}
#gallery .search_group{float:none; left:0; top:90px; margin-top:0;}
#gallery .search_group input{}
#gallery .selectBox{margin-bottom:70px;}
#gallery .galList li{width:calc(33.3333% - 13.3333px);}
#gallery .galList li:nth-child(4n+1){margin-left:20px;}
#gallery .galList li:nth-child(3n+1){margin-left:0;}

#gallery .galImg{width:500px; height:410px;}
#gallery .slider-nav{width:500px; top:415px; left:50%; margin-left:-250px;}
#gallery .slider-nav div{min-width:80px !important;}
#gallery .slider-nav .slick-slide{margin:0 2px;}
#gallery .slider-nav .slick-arrow{margin-top:-20px}

#gallery .galInfo{float:none; width:585px; height:auto; padding:0; margin:130px auto 0;}
#gallery .galInfo{width:500px; margin:110px auto 0;}

#gallery .apply li{width:calc(25% - 15px);}
#gallery .apply li:nth-child(5n+1){margin-left:20px;}
#gallery .apply li:nth-child(4n+1){margin-left:0;}
#gallery .relGal li{width:calc(25% - 15px);}
#gallery .relGal li:nth-child(5n+1){margin-left:20px;}
#gallery .relGal li:nth-child(4n+1){margin-left:0;}

#brick .artTit .ex{display:block; margin-top:10px;}
#brick .pattern li{width:calc(33.3333% - 13.3333px);}
#brick .pattern li:nth-child(4n+1){margin-left:20px;}
#brick .pattern li:nth-child(3n+1){margin-left:0;}
#brick .process .paraTit{width:100%;}
#brick .process .paraTit span{display:inline; padding-top:2px;}
#brick .process ul{overflow:hidden; float:none; width:100%; margin-bottom:15px;}
#brick .process li{width:calc(50% - 10px);}

#metal .strImg{width:570px;}
#metal .strImg li{width:100%; text-align:center;}
#metal .tab03 .strImg li{max-width:450px;}
#metal .tableBoard .ex li{width:calc(33.3333% - 13.3333px); margin:0 0 20px 20px;}
#metal .tableBoard .ex li:nth-child(3n+1){margin-left:0;}

#support .sup_gal li{padding-bottom:25.5%;}
#support .sup_gal li{width:calc(33.3333% - 13.3333px);}
#support .sup_gal li:nth-child(4n+1){margin-left:20px;}
#support .sup_gal li:nth-child(3n+1){margin-left:0;}

#catalog > ul > li{width:calc(33.3333% - 13.3333px);}
#catalog > ul > li:nth-child(4n+1){margin-left:20px;}
#catalog > ul > li:nth-child(3n+1){margin-left:0;}

#location .mapInfo dt{width:20%;}
#location .mapInfo dd{margin-left:20%;}

#sitemap div > ul > li{width:calc(33.3333% - 13.3333px); height:350px;}
#sitemap div > ul > li:nth-child(4n+1){margin-left:20px;}
#sitemap div > ul > li:nth-child(3n+1){margin-left:0;}

#search .searchArea input{width:83%;}
#search .searchArea .btn_submit{width:15%; font-size:0.95em;}
#search .resultArea .cateTit{margin:10px 0; font-size:1.05em;}
#search .resultArea ul{padding-bottom:20px;}
#search .resultArea li{font-size:0.95em;}
}

@media (max-width:575px){
#subVisWrap{height:230px;}
#subVis{padding-top:75px; font-size:1.55em;}
#subVis .en{margin-top:5px;}

#subNav{padding:0 10px;}
#subNav li{font-size:0.95em; letter-spacing:-1px;}
#subNav li .pc{display:none;}

#subCon{padding:0 10px;}

.conTit{margin:70px 0 30px; font-size:1.35em;}
.conTit .en{font-size:1rem;}
.article .artTit{margin:50px 0 30px; font-size:1.15em;}
.tabNav{width:350px;}
.tabNav li{width:175px;}
.tabNav li a{font-size:0.95em;}
.tabNav.third{width:390px;}
.tabNav.third li{width:130px;}
.tabNav.fourth{width:90%;}
.tabNav.fourth li{width:50%;}
.tabNav.fourth li:nth-child(3) a{border-left:1px solid #e1e1e1; border-top:0;}
.tabNav.fourth li:nth-child(4) a{border-top:0;}

.tableBoard .num{width:10%;}
.tableBoard .writer{width:20%;}
.tableBoard .date{width:20%;}
.tableBoard table th{font-size:0.9em;}
.search_group input{width:120px; height:35px; margin-right:3px;}
.search_group .search_submit{width:50px; line-height:35px;}
.select_group .sel160 .sbHolder{width:140px; }
.select_group .sel160 .sbHolder::before{width:45px; line-height:35px; padding-left:5px; font-size:0.8em; font-weight:300; letter-spacing:-0.1px;}
.select_group .sel160 .sbSelector{padding-left:0; width:60px;}
.select_group .sel160 .sbOptions{width:140px;}
.select_group .sel200 .sbHolder{width:190px; }
.select_group .sel200 .sbSelector{padding-left:0; width:110px;}
.select_group .sel200 .sbOptions{width:190px;}

.sbHolder{width:100px; height:35px; margin:0 3px 0 0;}
.sbSelector{line-height:35px;}
.sbToggle{height:35px;}
.sbOptions{width:100px;}

#about .scale .artTit{background:url("../images/sub/artTitBg.gif") 0 3px no-repeat;}
#about .scale{height:auto; padding:0; background:none; }
#about .scale .artTit{padding:0 0 0 10px; margin:50px 0 30px; text-align:left; background-position:0;}
#about .scale dl{margin:0; background:#f5f5f5;}
#about .scale dt{line-height:50px; }
#about .scale dt.row{line-height:130%; padding-top:40px;}
#about .scale dd{line-height:50px; background:#fff;}
#about .scale .mo{display:block;}
#about .abBox dt{font-size:0.95em;} 
#about .abBox dd{font-size:0.9em;} 
#about .abBox .mo{display:block;}
#about .abBox dt.long{padding-top:55px;}
#about .abBox .add{padding-top:5px; line-height:140%;}
#about .abBox .add .mo{margin-left:35px;}
#about .abBox .certify dt{padding:38px 0;}
#about .abBox .certify dd{height:125px; padding:15px 0 0 10px;}
#about .abBox .certify dd img{width:130px; margin-right:10px;}
#about .comLogo .down a{width:90px; padding:0; margin-left:5px; text-align:center; font-size:0.85em; }
#about .comLogo .gridBox .logo{padding:33px 0 0;}
#about .comLogo .bi .gridBox .logo{padding:30px 0 0;}
#about .comLogo .gridBox .logo img{display:block; margin:0 auto 10px;}
#about .comLogo .gridBox .logo img:nth-child(2){margin:0 auto 0;}
#about .comLogo .bi .gridBox .logo img{display:inline-block; margin:0 20px 10px 0;}
#about .comLogo .bi .gridBox .logo img:nth-child(2){margin-right:0;}
#about .comLogo .gridBox .info .tit{font-size:0.95em;}
#about .comLogo .gridBox .info .color li{font-size:0.9em;}
#about .comLogo .ex{font-size:0.95em;}
#about .ci_simbol .ex .mo{display:block; margin:0 0 -16px 16px;}
#about .comLogo .bi .gridBox .info{height:120px; padding:15px 0 0 20px;}
#about .comLogo .bi .logo_en{width:351px; padding:35px 0 0 15px; }
#about .comLogo .bi .logo_en img{width:320px;}

#ceo .message .hello span.mo{display:block;}
#ceo .message{font-size:0.95em;} 

#vision .visGwrap .point{font-size:1.2em;}
#vision .visGwrap .point .imp{margin:5px 0;}
#vision .value li{width:calc(50% - 5px); margin:0 0 10px 10px; padding-top:80px; font-size:1em; border-top:3px solid #ea571f;}
#vision .value li span{padding:10px; font-size:0.9em;}

#history .his{margin:0 auto 50px; padding:0 10px;}
#history .his .artTit{width:30%; margin:0 0 20px 0}
#history .his .artEx{width:100%; margin:0 0 20px 0; font-size:1.1em;}
#history .his .hisDetail{line-height:130%;}
#history .his .hisDetail li span{height:60px; padding-top:10px; font-size:0.95em; }
#history .his .hisDetail li .year{clear:both; width:15%; margin-right:5%;}
#history .his .hisDetail li .txt{width:80%; }
#history .certifyWrap, #history .awardWrap{padding:50px 0 0;}
#history .certList li span{font-size:0.95em;}
#history .certifyWrap .cert_down{font-size:0.95em;}
#history .certifyWrap .cert_down a{width:175px}

#mov .movBox > ul > li{min-height:90px; }
#mov .movBox .thumb{display:none;}
#mov .movBox .subj{width:100%; padding:5px; text-align:center;}
#mov .movBox .date{display:none;}
#mov .movBox .link{top:auto; left:0; bottom:0; width:100%; height:40px; padding:10px 0;}
#mov .movBox .link li{float:left; width:33%; border-left:1px solid #353535;}
#mov .movBox .link li:first-child{border-left:0;}

#prod_rep > ul > li .imgBox{overflow:hidden; width:200px;}
#prod_rep > ul > li .ex{width:calc(100% - 200px);}
#prod_rep > ul > li .ex .tit{font-size:1.2em;}
#prod_rep > ul > li.repFac .imgBox img{margin:-40px 0 0 -25px;}
#prod_rep > ul > li.repSale .imgBox img{width:210px; margin:-30px 0 0 -10px;}
#product .prodList li{width:calc(50% - 5px); margin:0 0 10px 10px; line-height:40px; font-size:0.95em; }
#product .prodList li:nth-child(5n+1){margin-left:10px;}
#product .prodList li:nth-child(4n+1){margin-left:10px;}
#product .prodList li:nth-child(3n+1){margin-left:10px;}
#product .prodList li:nth-child(2n+1){margin-left:0;}
#product .prodImgList{width:300px; height:auto;}
#product .prodDetail dl{width:300px;;}
#product .prodDetail dt{font-size:1em;}
#product .prodDetail dd{font-size:0.95em;}
#product .prodDetail dd.prodName{font-size:1.05em;}
#product.hollow .prodDetail dl{width:100%; max-width:400px; margin-top:10px;}
#product .relProdList li{width:calc(50% - 6.6667px); margin:0 0 15px 10px; font-size:0.95em;}/*2019-03-05 수정*/
#product .relProdList li:nth-child(5n+1){margin-left:10px;}
#product .relProdList li:nth-child(4n+1){margin-left:10px;}
#product .relProdList li:nth-child(2n+1){margin-left:0;}/*2019-03-05 수정*/
#product .example ul li{width:calc(50% - 6.6667px); margin:0 0 10px 10px; font-size:0.95em;}
#product .example ul li:nth-child(5n+1){margin-left:10px;}
#product .example ul li:nth-child(4n+1){margin-left:10px;}
#product .example ul li:nth-child(2n+1){margin-left:0;}
#product .relNews li{font-size:0.95em;}
#product.hollow .holEx .artEx{font-size:0.95em;}
#product.hollow .earthquake > div{padding:30px 0 30px 25%; font-size:0.95em;}
#product.hollow .earthquake .year2016, #product.hollow .earthquake .year2017{background-position:8% center;}
#product.hollow .earthquake .recom{font-size:1.05em;}
#product.hollow .seeImg{font-size:0.95em;}
#product.hollow .seeImg img{width:180px; height:auto;}
#product.hollow .seeEx li.li01{top:29px;left:10px;}
#product.hollow .seeEx li.li02{left:70px;}
#product.hollow .seeEx li.li03{top:80px; left:290px;}
#product.hollow .seeEx li.li04{top:185px; left:250px;}
#product .redBrick .artEx{font-size:0.95em;}
#product .redBrick .artEx .imp{font-size:1em;}
#product .redBrick .adv ul{height:220px; background-size:150px auto; background-position:10px 50px; font-size:0.95em;}
#product .redBrick .adv li.li01{top:15px; left:170px;}
#product .redBrick .adv li.li02{top:100px; left:170px;}
#product .redBrick .adv li.li03{top:145px; left:50px}
#product .redBrick .water .waterFun{padding:180px 0 30px 0; font-size:0.95em; background-position:center 0;}
#product .redBrick .rain{padding:185px 0 0 0; font-size:0.95em;}
#product .redBrick .rain .block{top:0; left:50%; margin-left:-150px;}
#product .grassBrick .advBox img{width:200px;}
#product .grassBrick .advBox ul li{font-size:0.95em;}
#product .grassBrick .patDetail .con{font-size:0.95em;}
#product .grassBrick .patDetail .con02{height:290px; padding-top:10px;}
#product .grassBrick .patDetail .car{width:320px; background-size:100% auto;}
#product .grassBrick .patDetail .car .brick .li01{top:15px; left:80px;}
#product .grassBrick .patDetail .car .brick .li02{top:47px; left:170px;}
#product .grassBrick .patDetail .car .measure .li01{top:45px; left:33px;}
#product .grassBrick .patDetail .car .measure .li02{bottom:20px; left:145px;}
#product .grassBrick .patStyle{padding:20px 10px; font-size:0.95em;}
#product .grassBrick .patStyle li{width:calc(25% - 7.5px); margin-left:10px;}
#product .grassBrick .patStyle li span{display:none;}
#product .grassBrick .patStyle li img{margin:0 auto 10px;}
#product .grassBrick .process ul{padding:0 10px;}
#product .grassBrick .process li{width:calc(50% - 10px); margin:0 0 20px 10px; font-size:0.95em;}
#product .grassBrick .process li:nth-child(2n+1){margin-left:0;}
#product .grassBrick .process li span{margin:10px 0 5px;}

#facing li{width:calc(50% - 5px); margin:0 10px 50px 0;}
#facing li.thir{margin-right:10px;}
#facing li.sec{margin-right:0;}

#sale .saleEx{font-size:1em;}
#sale .saleEx .mo{display:block;}
#sale .saleList > ul > li{width:calc(50% - 10px); font-size:0.95em;}
#sale .saleList > ul > li:nth-child(3n+1){margin-left:20px;}
#sale .saleList > ul > li:nth-child(2n+1){margin-left:0;}
#sale .s_list_detail .infoBox{height:auto; font-size:0.95em;}
#sale .s_list_detail .infoBox .photo{width:100%; padding:15px 0;}
#sale .s_list_detail .infoBox .photo img{width:80%;}
#sale .s_list_detail .infoBox dl{width:100%;}
#sale .s_list_detail .s_btn a{font-size:0.95em;}

#process .artEx{padding: 0 20px; font-size:0.95em;}
#process .proList ul{padding:0 20px;}
#process .proList li{width:calc(50% - 10px); margin:0 0 20px 20px; line-height:45px; font-size:0.95em; font-weight:300;}
#process .proList li:nth-child(2n+1){margin-left:0;}

#ecobrick .great .artEx .titTxt{margin-bottom:10px; font-size:1.1em;}
#ecobrick .great .artEx .imp{margin-top:5px;}
#ecobrick .great .artEx .txt{font-size:0.95em;}
#ecobrick .great .artEx a{width:120px; line-height:35px; font-size:0.85em; font-weight:300;}
#ecobrick .great .brick .adv{padding:40px 0 20px 15px;}
#ecobrick .great .brick .adv .tit{width:120px; line-height:40px; font-size:0.95em;}
#ecobrick .great .brick .adv li{font-size:0.95em;}
#ecobrick .temTest .artEx{font-size:0.95em;} 
#ecobrick .testResult .paraEx{font-size:0.95em;}
#ecobrick .res{float:none; width:100%;}
#ecobrick .resM{margin-right:0;}
#ecobrick .res dt, #ecobrick .res dd{font-size:0.95em;}
#ecobrick .resImg{background:url("../images/sub/temArrow2.gif") 30% 45% no-repeat;}
#ecobrick .resImg .sample{float:none; width:70%;}
#ecobrick .resImg .result{float:none; margin:60px 0 0 0; width:77.5%;}

#gal_rep ul li .tit{font-size:1.1em;}
#gallery .galList li{width:calc(50% - 5px); margin:0 0 20px 10px; font-size:0.95em;}
#gallery .galList li:nth-child(5n+1){margin-left:10px;}
#gallery .galList li:nth-child(4n+1){margin-left:10px;}
#gallery .galList li:nth-child(3n+1){margin-left:10px;}
#gallery .galList li:nth-child(2n+1){margin-left:0;}
#gallery .galList li img{max-width:unset;}
#gallery .search_group{top:80px} 
#gallery .galDetail{padding-bottom:40px;}
#gallery .galImg{width:390px; height:335px; min-width:auto;}
#gallery .slider-nav{width:390px; top:340px; margin-left:-195px;}
#gallery .slider-nav div{height:65px; min-width:80px !important;}
#gallery .galInfo{width:375px; margin:100px auto 0;}
#gallery .galInfo dt, #gallery .galInfo dd{font-size:0.95em;}


#gallery .apply li{width:calc(50% - 6.6667px); margin:0 0 10px 10px; font-size:0.95em;}
#gallery .apply li:nth-child(5n+1){margin-left:10px;}
#gallery .apply li:nth-child(4n+1){margin-left:10px;}
#gallery .apply li:nth-child(2n+1){margin-left:0;}
#gallery .relGal li{width:calc(50% - 6.6667px); margin:0 0 10px 10px; font-size:0.95em;}
#gallery .relGal li:nth-child(5n+1){margin-left:10px;}
#gallery .relGal li:nth-child(4n+1){margin-left:10px;}
#gallery .relGal li:nth-child(2n+1){margin-left:0;}

#brick .section .graph .tit{width:130px; line-height:45px; font-size:0.95em;}
#brick .artTit .mo{display:block; margin-left:10px;}
#brick .section .graph .secImg{font-size:0.95em;}
#brick .pattern li{width:calc(33.3333% - 6.6666px); margin:0 0 20px 10px; font-size:0.95em;}
#brick .pattern li:nth-child(5n+1){margin-left:10px;}
#brick .pattern li:nth-child(4n+1){margin-left:10px;}
#brick .pattern li:nth-child(3n+1){margin-left:0;}
#brick .caution li{font-size:0.95em;}
#brick .process li{width:calc(50% - 5px); margin-left:10px; font-size:0.95em;}
#brick .process li .txt{height:90px; padding:10px 10px 0;}

/* 20190228 정은정 수정 #metal .strImg{display:none;}*/
#metal .strImg{width:100%; text-align:center;}
#metal .strImg li img,
#metal .tab03 .strImg li img{max-width:100%;}

#metal .tableBoard .ex li{width:calc(50% - 5px); margin:0 0 10px 10px;}
#metal .tableBoard .ex li:nth-child(3n+1){margin-left:10px;}
#metal .tableBoard .ex li:nth-child(2n+1){margin-left:0;}

#support .sup_gal li{padding-bottom:39.5%;}
#support .sup_gal li{width:calc(50% - 5px); margin:0 0 10px 10px;}
#support .sup_gal li:nth-child(5n+1){margin-left:10px;}
#support .sup_gal li:nth-child(4n+1){margin-left:10px;}
#support .sup_gal li:nth-child(3n+1){margin-left:10px;}
#support .sup_gal li:nth-child(2n+1){margin-left:0;}

#catalog > ul > li{width:calc(50% - 5px); margin:0 0 10px 10px;}
#catalog > ul > li:nth-child(5n+1){margin-left:10px;}
#catalog > ul > li:nth-child(4n+1){margin-left:10px;}
#catalog > ul > li:nth-child(3n+1){margin-left:10px;}
#catalog > ul > li:nth-child(2n+1){margin-left:0;}

#location .mapInfo{font-size:0.95em;} 
#location .mapInfo dt{width:25%;}
#location .mapInfo dd{margin-left:25%; padding-left:10px;}

#sitemap div > ul > li{width:calc(50% - 5px); margin-left:10px;}
#sitemap div > ul > li:nth-child(4n+1){margin-left:10px;}
#sitemap div > ul > li:nth-child(3n+1){margin-left:10px;}
#sitemap div > ul > li:nth-child(2n+1){margin-left:0;}
#sitemap div > ul > li:nth-child(3),#sitemap div > ul > li:nth-child(4){height:190px;}
#sitemap div > ul > li .tit{font-size:1em;}
#sitemap .depth2 li{line-height:40px; font-size:0.95em;}

#law{font-size:0.9em;}
#law .sec{margin-left:10px;}
#privacy .before{padding:15px;}
#search .searchArea fieldset{width:90%;}
#search .searchArea input{width:78%;}
#search .searchArea .btn_submit{width:20%; font-size:0.95em;}
#search .resultArea .cateTit{font-size:1em;}
#search .resultArea li{font-size:0.9em;}

}

@media (max-width:409px){

#subNav li{font-size:0.75em; letter-spacing: -1.4px;}/*2019-03-05 수정*/
#subNav li a{padding-top:7px;}
.article .artTit{font-size:1.1em;}
.tabNav{width:280px;}
.tabNav li{width:140px;}
.tabNav li a{font-size:0.9em;}
.tabNav.third{width:285px;}
.tabNav.third li{width:95px;}

.tableBoard table th{font-size:0.9em;}
.tableBoard table td{font-size:0.85em;}
.page a{width:30px; line-height:30px; margin:50px 2px 0; font-size:0.85em;}
.page a.pre, .page a.next{width:50px;}

.select_group .sel160 .sbHolder{width:125px; }
.select_group .sel160 .sbOptions{width:125px;}
.select_group .sel200 .sbHolder{width:150px; }
.select_group .sel200 .sbSelector{width:70px;}
.select_group .sel200 .sbOptions{width:150px;}
#gallery .galBox .select_group .loc_group{right:153px;}

#about .scale dt{font-size:0.9em;}
#about .scale dd{font-size:0.85em;}
#about .abBox dt{font-size:0.9em;}
#about .abBox dd{font-size:0.85em;}
#about .abBox .certify dt{padding:62px 0;}
#about .abBox .certify dd{height:175px; padding:10px 0 0 10px;}
#about .abBox .certify dd img{width:130px; margin-right:10px;}
#about .comLogo .gridBox .info .tit{font-size:0.9em;}
#about .comLogo .ex{font-size:0.9em;}
#about .ci_simbol .ex dt{float:none;}
#about .ci_simbol .ex dd{margin-left:15px;}
#about .comLogo .bi .logo_en{width:280px; padding:35px 0 0 10px; border-right:1px solid #e0e7f0;}
#about .comLogo .bi .logo_en img{width:260px;}

#ceo .message{font-size:0.9em;} 
#ceo .message .welcome{font-size:1.15em;}

#vision .value li{width:100%; margin:0 0 10px 0; padding-top:70px; font-size:1em;}
#vision .value li.li01, #vision .value li.li02, #vision .value li.li03, #vision .value li.li04{background-position:center 20px;}
#vision .value li span{height:60px;}
#vision .artEx{font-size:0.9em;}

#history .his .artEx{display:none;}
#history .his .hisDetail li span{font-size:0.9em;}
#history .certList li span{font-size:0.9em;}

#result td.resultPic{max-width:80px;}
#prod_rep > ul > li{height:130px;}
#prod_rep > ul > li .imgBox{width:130px;}
#prod_rep > ul > li .ex{width:calc(100% - 130px);}
#prod_rep > ul > li .ex .tit{margin:30px 0; font-size:1.05em;}
#prod_rep > ul > li .ex .tit span{font-size:1em;}
#prod_rep > ul > li.repFac .imgBox img{width:150px; margin:-11px 0 0 -16px;}
#prod_rep > ul > li.repSale .imgBox img{width:165px; margin:-20px 0 0 -15px;}
#product .prodList li{font-size:0.9em; background:none;}
#product .prodImgList{width:300px;}
#product .prodDetail dt{font-size:0.95em;}
#product .prodDetail dd{font-size:0.9em;}
#product .prodDetail dd.prodName{font-size:1em;}
#product .relProdList li{font-size:0.9em; }
#product .example ul li{font-size:0.9em;}
#product .relNews li{font-size:0.9em;}
#product.hollow .holEx .artEx{font-size:0.9em;}
#product.hollow .earthquake > div{padding:40px 0 30px 23%; font-size:0.9em;}
#product.hollow .earthquake .year2016, #product.hollow .earthquake .year2017{background-position:3% center; background-size:45px auto;}
#product.hollow .earthquake .recom{font-size:1em;}
#product.hollow .seeImg{padding:0 0 0 140px; font-size:0.9em;}
#product.hollow .seeImg img{width:150px;}
#product.hollow .seeEx li.li02{top:0; left:30px;}
#product.hollow .seeEx li.li03{top:55px; left:213px;}
#product.hollow .seeEx li.li04{top:145px; left:175px;}
#product .redBrick .artEx{font-size:0.9em;}
#product .redBrick .adv ul{font-size:0.9em; background-size:110px; background-position:10px 60px;}
#product .redBrick .adv li.li01{top:15px; left:125px;}
#product .redBrick .adv li.li02{top:95px; left:125px;}
#product .redBrick .adv li.li03{top:140px; left:36px;}
#product .redBrick .water .waterFun{font-size:0.9em;}
#product .redBrick .rain{font-size:0.9em;}
#product .redBrick .rain .block{width:270px; margin-left:-135px;}
#product .redBrick .rain .block li{width:135px;}
#product .grassBrick .advBox ul li{font-size:0.9em;}
#product .grassBrick .process ul{padding:0;}
#product .grassBrick .process li{font-size:0.9em;}
#product .grassBrick .patDetail .side{width:290px;}
#product .grassBrick .patDetail .con02{height:255px;}
#product .grassBrick .patDetail .car{width:280px;}
#product .grassBrick .patDetail .car .brick .li01{top:0;}
#product .grassBrick .patDetail .car .brick .li02{top:40px; left:148px;}
#product .grassBrick .patDetail .car .measure .li01{top:35px;}
#facing li .txt{font-size:0.85em;}

#sale .s_list_detail .s_btn a{width:100px ;line-height:45px; font-size:0.9em;}
#sale .s_list_detail .ex .tit{line-height:130%; padding:10px;}
#sale .s_list_detail .ex .tit span{display:block; margin-left:0;}

#process .artEx{padding:0; font-size:0.9em;}
#process .proList ul{padding:0;}
#process .proList li{width:calc(50% - 5px); margin:0 0 10px 10px; font-size:0.9em;}

#gal_rep ul li .tit{font-size:1.05em;}

#gallery .galImg{width:310px; height:260px}
#gallery .slider-nav{width:310px; top:265px; margin-left:-155px;}
#gallery .slider-nav div{height:58px; min-width:71px !important;}
#gallery .galInfo{width:375px; margin:90px auto 0;}
#gallery .galInfo dt, #gallery .galInfo dd{font-size:0.9em;}

#gallery .apply li{font-size:0.9em;}
#gallery .galList li{font-size:0.9em;}
#gallery .galList li{min-height:180px; line-height:1.2em;}/*2019.01.31*/

#brick .section .graph .secImg{width:270px; font-size:0.9em; background-position:55px center;}
#brick .section .secEx{top:5px; left:90px;}
#brick .section .secEx .mo{display:none;}
#brick .section .secHeight{top:129px;}
#brick .section .space{top:85px; left:170px;}
#brick .pattern li{width:calc(50% - 5px); margin:0 0 20px 10px; font-size:0.9em;}
#brick .pattern li:nth-child(3n+1){margin-left:10px;}
#brick .pattern li:nth-child(2n+1){margin-left:0;}

#brick .caution li{font-size:0.9em;}
#brick .process li{font-size:0.9em;}
#brick .process li .txt{height:100px;}

#metal .tableBoard table td{letter-spacing:-0.5px;}

#catalog > ul > li img{max-width:120px;}

#location .mapInfo{font-size:0.9em;}
#location .mapInfo dt{padding-left:35px;}
#location .mapInfo dt.dt01{background-position:10px -160px;}
#location .mapInfo dt.dt02{background-position:10px -40px;}
#location .mapInfo dt.dt03{background-position:10px -100px;}
#location .mapInfo dt.dt04{background-position:10px 15px;}

#sitemap div > ul > li{height:300px;}
#sitemap div > ul > li .tit{font-size:0.95em;}
#sitemap .depth2 li{line-height:37px; font-size:0.9em;}
#sitemap div > ul > li:nth-child(3), #sitemap div > ul > li:nth-child(4){height:155px;}
#sitemap div > ul > li:nth-child(5), #sitemap div > ul > li:nth-child(6){height:265px;}

#support .sup_gal li{padding-bottom:50%; height:0; }
#support .sup_gal li img{width:100%; /* height:auto; */height:100px;}  /*2019.02.07*/
}

@media (max-width:375px){
#gallery .galInfo{width: 100%;}
}


/*popupscreen*/

#fancybox-loading{position:fixed; width:1200px; margin-top:-20px; margin-left:-20px; cursor:pointer; overflow:hidden; z-index:1104; display:none;}
#fancybox-loading div{position: absolute; top:0; left:0; width:40px; height:480px; background-image: url('../images/sub/fancybox.png');}
#fancybox-overlay{display:none; position: absolute; top:0; left:0; width:100%; min-width:1200px; height:100%; z-index:1100;}
#fancybox-tmp{display:none; padding:0; margin:0; border:0; overflow:auto;}
#fancybox-wrap{overflow:hidden; display:none; position:absolute; top:0; left:0; padding:20px; z-index:1101; outline:none; box-sizing:content-box;}
#fancybox-outer{position:relative; width:100%; height:100%; background:#fff;}
#fancybox-content{overflow:hidden; position:relative; width:0; height:0; padding:0; outline:none; border:0px solid #454545; z-index:1102; box-sizing:content-box;}
#fancybox-img{width:100%; height:100%; padding:0; margin:0; border:none; outline:none; line-height:0; vertical-align:top;}
#fancybox-frame{width:100%; height:100%; border:none; display:block;}
#fancybox-left, #fancybox-right{position:absolute; bottom:0px; height:100%; cursor:pointer; outline:none; background:transparent url('../images/sub/blank.gif'); z-index:1102; display:none;}
#fancybox-left{left:0; width:50%; }
#fancybox-right{right:0; width:50%; }
#fancybox-left-ico, #fancybox-right-ico{position:absolute; top:45%; left:-9999px; width:20px; height:40px; margin-top:-20px; cursor:pointer; z-index:1102; display:block;}
#fancybox-left-ico{background:url("../images/main/visArrL.png") no-repeat; background-size:100%;}
#fancybox-right-ico{background:url("../images/main/visArrR.png") no-repeat;  background-size:100%;}
#fancybox-left:hover, #fancybox-right:hover{visibility: visible;/* IE6 */}
#fancybox-left:hover span{left:20px;}
#fancybox-right:hover span{left:auto; right:20px;}
#fancybox-title{font-size:0.95em; z-index:1102;}
.fancybox-title-inside{padding-bottom:10px; text-align:center; color:#333;	background:#fff; position: relative;}
.fancybox-title-outside{padding-top:10px; color:#fff;}
.fancybox-title-over{position:absolute; bottom:0; left:0; color:#FFF; text-align:left;}
#fancybox-title-over{overflow:hidden; padding:10px; background-image:url('../images/sub/fancy_title_over.png'); display:block;}
.fancybox-title-float {position:absolute; left:0; bottom:-20px; height:32px;}
#fancybox-title-float-wrap{border:none; border-collapse:collapse; width:auto;}
#fancybox-title-float-wrap td{white-space: nowrap;}
#fancybox-title-float-left{padding-left:15px;	background:url('../images/sub/fancybox.png') -40px -90px no-repeat;}
#fancybox-title-float-main{color:#FFF; line-height:29px; font-weight:bold; padding-bottom:3px; background:url('../images/sub/fancybox-x.png') 0px -40px;}
#fancybox-title-float-right{padding-left:15px; background: url('../images/sub/fancybox.png') -55px -90px no-repeat;}
#fancybox-close{position:absolute; top:15px; right:35px; width:30px; height:30px; background:url("../images/sub/btn_close.png") rgba(0,0,0,0.2 ) center no-repeat; cursor:pointer; z-index:1103; display:none;}

/**/
.slick-slider{position: relative; display: block; box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer; cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track{position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto; }
.slick-track:before,.slick-track:after{display:table; content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{ display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block; height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}