@charset "utf-8";

/*
body.bg { background:#1d1d1d }
*/

/* common */
#subVisual { position:relative; height:391px; background:url(/img/sub/subVis.jpg) center no-repeat; }
#subVisual .inner_box { padding:185px 74px 0 0; text-align:right; box-sizing:border-box; }
#subVisual h2 { margin-bottom:2px; font-size:40px; line-height:1em; color:#fff; font-weight:300; letter-spacing:-0.03em; font-family: 'Titillium Web', sans-serif; text-transform:uppercase; }
#subVisual h2 strong { font-weight:600; }
#subVisual .inner_box span { font-size:24px; font-weight:300; color:#caad7b; }

#lnb { position:absolute; left:0; right:0; bottom:-5px; width:1146px; margin:0 auto; text-align:center; }
#lnb ul { overflow:hidden; display:inline-block; background:#fff;width:100%;}
#lnb li { float:left; position:relative; width:25%; }
#lnb li:first-child { margin-left:0; }
#lnb li:before { position:absolute; left:-1px; top:20px; display:block; content:''; width:1px; height:49px; background:#c1c1c1; }
#lnb li:first-child:before { display:none; }
#lnb li a { display:block; font-size:22px; color:#333; letter-spacing:-0.05em }
#lnb li a span { display:inline-block; width:210px; height:80px; line-height:100px;  border-bottom:4px solid transparent; box-sizing:border-box; }
#lnb li a.active span, #lnb li a.on span, #lnb li a:hover span { color:#4384ac; border-color:#4384ac; }
#lnb .fashion_menu { display:none; position:absolute; left:0; right:0; top:110px; color:#333; font-size:16px; z-index:99; background:#fff; }
#lnb .fashion_menu a { color:#333; padding-bottom:5px; }
#lnb .fashion_menu a:hover, #lnb .fashion_menu a.on { color:#4384ac; border-bottom:1px solid #4384ac; }
#lnb .fashion_menu span { display:inline-block; margin:0 35px; }


#lnb_p { position:absolute; left:50%; top:482px; width:240px; z-index:33; margin-left:-900px;}
#lnb_p .tit { color:#fff; font-weight:700; font-size:20px; line-height:18px; padding:18px 0 18px 16px; text-transform:uppercase; background-color:#4384ac; }
#lnb_p > ul > li { position:relative; border-bottom:1px solid #dbdbdb; }
#lnb_p > ul > li.on { border-bottom:1px solid #4384ac;}
#lnb_p > ul > li:before { position:absolute; right:15px; top:19px; display:block; content:''; width:8px; height:13px; background:url(/img/sub/icon_arr_off.png) left center no-repeat; }
#lnb_p > ul > li.on:before,
#lnb_p > ul > li:hover:before {  background:url(/img/sub/icon_arr_on.png) left center no-repeat; }
#lnb_p > ul > li > a { color:#333; font-size:16px; font-weight:300; letter-spacing:-0.04em; display:block; padding:14px 0 14px 16px;  }
#lnb_p > ul > li > a:hover,
#lnb_p > ul > li.on > a { color:#4384ac; }
#lnb_p > ul > li > ul { background-color:#f8f8f8; }
#lnb_p > ul > li > ul > li > a { color:#333; font-size:15px; font-weight:300; letter-spacing:-0.04em; display:block; padding:10px 0 10px 16px;  }
#lnb_p > ul > li > ul > li > a:hover,
#lnb_p > ul > li > ul > li.on > a { color:#4384ac; }
#lnb_p > ul > li > ul > li:first-child { padding-top:8px;  border-top:1px solid #dbdbdb;}
#lnb_p > ul > li > ul > li:last-child { padding-bottom:8px; }

#cont { padding:90px 0 160px; max-width:1146px; margin:0 auto; }


/* 회사소개 */
#company .tit { margin-bottom:60px; padding-left:60px; color:#333; text-transform:uppercase; font-family: 'Nanum Square', sans-serif; }
#company .tit p { font-size:14px; }
#company .tit h3 { margin-top:20px; line-height:1.45em;font-size:40px; }
#company .tit h3 span { font-size:45px; font-weight:600; color:#4384ac; }
#company .tit h3 em { font-family: 'Noto Sans KR', sans-serif; }
#company .tit h3 strong { position:relative; display:inline-block; padding-left:97px;  font-size:50px; font-weight:700; font-family: 'Titillium Web', sans-serif; }
#company .tit h3 strong:before { content:''; display:block; position:absolute; left:5px; top:50%; width:80px; height:1px; background:#000;  }
#company .imgbox { margin-left:-77px; }
#company dl { position:relative; padding:125px 0 0 185px; color:#333; }
#company dl:before { content:''; display:none; position:absolute; left:50%; top:-72px; width:1px; height:125px; background:#4384ac; }
#company dt { margin-bottom:28px; line-height:1.3em; font-size:30px; text-transform:uppercase; }
#company dd { line-height:1.7em; font-size:18px; font-weight:300; }
#company dd p + p { margin-top:30px; }

#comMap { margin-top:140px; color:#333; }
#comMap h3 { position:relative; padding-bottom:46px; margin-bottom:100px; font-size:30px; text-align:center; border-bottom:1px solid #ebebeb; }
#comMap h3:after { content:''; display:block; position:absolute; left:50%; bottom:-28px; width:1px; height:50px; background:#4384ac; }
#comMap .con { overflow:hidden; padding:47px 0; margin-top:37px; background:#f5f5f5; }
#comMap .con .img { float:left; margin-left:245px; width:110px; height:110px; background:url(/img/sub/icon_map.png) center no-repeat #fff; border-radius:50%; }
#comMap .con dl { float:left; margin:18px 0 0 55px; }
#comMap .con dt { margin-bottom:25px; font-size:20px; font-weight:500; }
#comMap .con dd { font-size:18px; font-weight:300; }


/* 제품소개 */
.subTit h2 { position:relative; width:570px; height:73px; line-height:73px; margin-bottom:75px; padding-left:58px; font-size:30px; color:#333; border-left:1px solid #4384ac; border-bottom:1px solid #4384ac; box-sizing:border-box; }
.subTit h2:before { display:block; content:''; position:absolute; left:0; bottom:0; width:51px; height:31px; border-left:4px solid #4384ac; border-bottom:4px solid #4384ac; }
.subTit h2 span { color:#4384ac; font-weight:500; }
.subTit p { margin:-60px 0 50px; font-size:17px; color:#fff; }

.prd_lst { overflow:hidden; }
.prd_lst li { float:left; width:254px; margin:0 43px 70px 0; text-align:center; }
.prd_lst.gate li { width:551px; }
.prd_lst li a { position:relative; display:block; height:380px; overflow:hidden; }
.prd_lst.fashion li a { height:480px; }
.prd_lst.gate li a { height:360px; }
.prd_lst li a:before {content:""; display:block; padding-bottom:30.75%; }
.prd_lst li a img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
/*.prd_lst li img { position:absolute; left:-9999px; right:-9999px; top:-9999px; bottom:-9999px; margin:auto; max-width:100%; max-height:100%; } */
.prd_lst li .ov { display:none; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,.8); }
.prd_lst li a:hover .ov { display:block; }
.prd_lst li .ov:after { content:''; display:block; position:absolute; left:0; right:0; top:130px; bottom:0; background:url(/img/main/icon_product.png) center top no-repeat; }
.prd_lst li:nth-child(4n) { margin-right:0; }
.prd_lst.gate  li:nth-child(2n) { margin-right:0; }
.prd_lst li .ov span { display:block; width:179px; height:43px; line-height:43px; margin:200px auto 0; color:#c4c3c3; font-size:13px; font-weight:300; border:1px solid #959595; background:url(/img/sub/list_arr.png) 158px center no-repeat; }
.prd_lst li > span { display:block; padding:15px 0; font-size:18px; color:#333; }

/* 페이징 */
.page ul li { margin:0 2px; }
.page ul li a { padding:0; width:28px; height:28px; line-height:28px; color:#666; font-size:13px; border:1px solid #e1e1e1; border-radius:2px; vertical-align:middle; }
.page ul li a.page_prev { overflow:hidden; text-indent:-5000px; background:url(/img/sub/page_prev.png) center no-repeat; }
.page ul li a.page_next { overflow:hidden; text-indent:-5000px; background:url(/img/sub/page_next.png) center no-repeat; }
.page ul li a:hover, .page ul li.on a { border-color:#4384ac; background-color:#4384ac; }

.prdCon.view .inner_box { overflow:hidden; padding-top:95px; border-top:1px solid #d7d7d7; }
.prdCon.view .view_img { float:left; position:relative; width:634px; height:633px; background:#f7f7f7; overflow:hidden; }
.prdCon.view .view_img img { position:absolute; left:-9999px; right:-9999px; top:-9999px; bottom:-9999px; margin:auto; max-width:100%; max-height:100%; }
.prdCon.view .con { float:right; width:450px; }
.prdCon.view .con dt { padding:50px 0; font-size:36px; color:#333; }
.prdCon.view .tableStyle1 { font-size:18px; border-top:1px solid #9f9f9f; border-bottom:1px solid #9f9f9f; }
.prdCon.view .tableStyle1 th, .prdCon.view .tableStyle1 td { height:58px; border-top:1px solid #e1e1e1; }
.prdCon.view .tableStyle1 tr:first-child th, .prdCon.view .tableStyle1 tr:first-child td { border-top:none; }
.prdCon.view .tableStyle1 th { color:#333; font-weight:400; background:#f1f1f1; }
.prdCon.view .tableStyle1 td { padding-left:40px; color:#777; }
.prdCon.view .con a { display:block; width:230px; margin:60px auto 0; font-size:18px; font-weight:300; color:#fff; background:url(/img/sub/view_btn1.png) 190px center no-repeat #3a3a3a; border-radius:5px; }
.prdCon.view .con a span { display:block; height:59px; line-height:59px; padding-left:93px; background:url(/img/sub/view_btn2.png) 42px center no-repeat; }

/* 시공사례 */
/*.search-box { margin-top:90px; }*/
.search-box .searchCont { display:flex; justify-content:center; flex-wrap:wrap; padding:67px 0; background-color:#f5f5f5; }
.search-box .searchCont select { width:195px; height:65px; border:none; margin-right:10px; padding:0 20px; background-color:#fff; color:#333; font-size:17px; font-weight:300; outline:none }
.search-box .searchCont .ipbtn { width:100%; max-width:880px; position:relative; }
.search-box .searchCont .ipbtn input { width:40%; height:65px; border:none; background-color:#fff; padding:0 280px 0 20px; color:#333; font-size:17px; font-weight:300; outline:none }
.search-box .searchCont .ipbtn .btn { position:absolute; right:0; top:0; }
.search-box .searchCont .ipbtn .btn button { width:160px; height:65px; background-color:#2d2d2d; color:#fff; font-size:17px; font-weight:300; border:none; outline:none }
.search-box .searchCont .ipbtn .btn button.all { width:100px; background-color:#01488a }
.listbox { margin-top:95px; }
.listbox > ul { display:flex; gap:70px 55px; flex-wrap:wrap; }
.listbox > ul > li { width:calc((100% - 165px) / 4); cursor:pointer; }
.listbox > ul > li > a> img { border:1px solid #e7e7e7; width:100%; }
.listbox > ul > li .txtbox { padding-top:20px; text-align:center; }
.listbox > ul > li .txtbox dt { color:#111; font-weight:400; font-size:18px; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.listbox > ul > li .txtbox dd { padding-top:22px; color:#333; font-weight:300; font-size:14px; line-height:1.8; }
.listbox > ul > li .txtbox dd .stxt { font-weight:300; display:block;}
.certification-cont1 { margin-top:200px; padding:200px 0; background-color:#f8f8f8; }
.certification-cont1 .dataTable { margin-top:100px; }
.certification-cont1 .dataTable * { font-family:'Pretendard'; }
.certification-cont1 .dataTable table { width:100%; }
.certification-cont1 .dataTable thead th { height:90px; text-align:center; background-color:#01488a; color:#fff; font-weight:600; font-size:17px; border-right:1px solid #346da1; }
.certification-cont1 .dataTable thead th:last-child { border-left:none; }
.certification-cont1 .dataTable tbody td { line-height:1.4; height:80px; text-align:center; background-color:#f8f8f8; color:#333; font-weight:300; font-size:17px; border:1px solid #e4e4e4; border-width:0 1px 1px 0; }
.certification-cont1 .dataTable tbody td.td_left { text-align:left;  padding-left:40px; border-left:1px solid #e4e4e4; }

.cer-popupbox { position:fixed; left:0; top:0; width:100%; height:100%; z-index:999999; display:none }
.cer-popupbox .bg { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); }
.cer-popupbox .pop-body { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:22; max-width:600px; width:100%; padding:40px 40px; background-color:#fff; }
.cer-popupbox .pop-body .imgbox { margin-top:30px; text-align:center; }
.cer-popupbox .pop-body .imgbox img { max-width:100%; border:1px solid #e7e7e7 }
.cer-popupbox .pop-body .txtbox { text-align:center; }
.cer-popupbox .pop-body .txtbox dt { font-size:18px; color:#111; font-weight:700; line-height:1.4; }
.cer-popupbox .pop-body .txtbox dd { padding-top:15px; font-size:14px; color:#333; font-weight:300; }
.cer-popupbox .pop-body .txtbox dd .stxt { position:relative; display:inline-block }
.cer-popupbox .pop-body .txtbox dd .stxt:not(:last-child) { margin-right:30px; }
.cer-popupbox .pop-body .txtbox dd .stxt:before { content:""; display:block; position:absolute; top:50%; left:-16px; transform:translateY(-50%); width:2px; height:12px; background:#929292; }
.cer-popupbox .pop-body .txtbox dd .stxt:first-child:before { display:none }
.cer-popupbox .pop-body .btn_close { position:absolute; right:15px; top:15px; cursor:pointer; }
.cer-popupbox .pop-body .btn_close span { position:relative; width:25px; height:25px; display:block }
.cer-popupbox .pop-body .btn_close span:before { content:""; display:block; width:26px; height:2px; background-color:#111; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(-45deg); }
.cer-popupbox .pop-body .btn_close span:after { content:""; display:block; width:26px; height:2px; background-color:#111; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); }

button, input[type="submit"] { cursor: pointer; }
/* 시공사례 */