@charset "utf-8";

/* ==========================================================================
   COMMON
   ========================================================================== */
.pg_title{padding:90px 0 60px; text-align:center; transition:.3s ease-in-out}
.pg_title .title{font-size:38px; font-weight:600; color:#222; letter-spacing:-0.25px; transition:.3s ease-in-out}
.pg_title p{margin-top:21px; font-size:17px; color:#777; letter-spacing:-0.5px; transition:.3s ease-in-out}

.pg_main_text{padding:80px 0 50px; text-align:center; transition:.3s ease-in-out}
.pg_main_text .stit{font-size:17px; color:#777; letter-spacing:-0.5px; transition:.3s ease-in-out}
.pg_main_text .title{margin-top:21px; font-size:42px; font-weight:600; color:#333; line-height:1; letter-spacing:-0.25px; transition:.3s ease-in-out}
.pg_main_text .title .qoute1{font-family: 'Nanum Myeongjo',serif; font-size:64px; font-weight:bold; color:#ccc; vertical-align:middle; transition:.3s ease-in-out}

.text1{font-size:24px; color:#444; line-height:1.5; letter-spacing:-0.25px; transition:.3s ease-in-out}
.text2{font-size:18px; font-weight:300; color:#7d7d7d; line-height:1.75; letter-spacing:-0.25px; transition:.3s ease-in-out}
.text3{font-size:28px; font-weight:bold; color:#333; line-height:1.3; letter-spacing:-0.25px; transition:.3s ease-in-out}
.text4{font-size:17px; font-weight:300; color:#444; line-height:1.75; letter-spacing:-0.25px; transition:.3s ease-in-out}

.list_case li{float:left; width:32%; margin-right:2%; margin-bottom:47px; text-align:center; transition:.3s ease-in-out}
.list_case.dv3 li:nth-child(3n){margin-right:0}
.list_case li .thumb{position:relative; height:260px; transition:.3s ease-in-out}
.list_case li .thumb:after{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0); background-image:url('../images/main/ico_empty1.png'); background-repeat:no-repeat; background-position:center; background-size:32px 32px; transition:.2s ease-in-out}
.list_case li:hover .thumb:after{background-color:rgba(0,0,0,.35); background-image:url('../images/common/ico_glass1.png')}
.list_case li img{width:100%; height:100%; object-fit:cover}
.list_case li .title{display:inline-block; margin-top:24px; font-size:17px; color:#555; max-width:90%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; transition:.3s ease-in-out}
.list_case.dv4 li{width:23.8%; margin-right:1.6%; margin-bottom:40px}
.list_case.dv4 li:nth-child(4n){margin-right:0}
.list_case.dv4 li .thumb{height:202px;}
.list_case.dv4 li .thumb:after{background-size:32px 32px}
.list_case.dv4 li .title{margin-top:20px; font-size:16px}

/* ==========================================================================
   회사소개
   ========================================================================== */
.sub1 .sc1{padding:65px 0 86px; border-bottom:1px solid #eaeaea; transition:.3s ease-in-out}
.sub1 .sc1 .inner_sc > div{box-sizing:border-box}
.sub1 .sc1 .left{float:left; width:572px; transition:.3s ease-in-out}
.sub1 .sc1 .right{float:right; width:580px; padding-top:0; transition:.3s ease-in-out}
.sub1 .sc1 .sep1{display:inline-block; width:26px; height:2px; background:#95d06a; margin:18px 0 12px; transition:.3s ease-in-out}

.sub1 .sc2{padding:80px 0 130px; transition:.3s ease-in-out}
.sub1 .sc2 .sc_title{text-align:center}
.sub1 .sc2 .hm_map{margin-top:26px; transition:.3s ease-in-out}
.sub1 .sc2 .hm_map .root_daum_roughmap{width:100% !important; box-sizing:border-box}
.sub1 .sc2 .hm_map .root_daum_roughmap .wrap_map{height:516px; transition:.3s ease-in-out}
.sub1 .sc2 .hm_map .root_daum_roughmap .wrap_controllers{display:none !important}
.sub1 .sc2 .info_map{margin-top:22px; transition:.3s ease-in-out}
.sub1 .sc2 .info_map .txt1{font-size:16px; color:#333; line-height:26px; letter-spacing:-0.5px; transition:.3s ease-in-out}
.sub1 .sc2 .info_map .txt1 strong{margin-right:11px}
.sub1 .sc2 .info_map .txt2{margin-top:10px; font-size:16px; color:#1c744c; line-height:26px; transition:.3s ease-in-out}
.sub1 .sc2 .info_map .txt2 a{font-weight:bold; color:#333; margin-right:20px}
.sub1 .sc2 .info_map .txt2 a:last-child{margin-right:0}

/* ==========================================================================
   제품소개
   ========================================================================== */
.sub2 .sc_title{position:relative; padding-left:22px}
.sub2 .sc_title:before{content:""; display:inline-block; position:absolute; left:0; top:14px; width:14px; height:3px; background:#1c744c; vertical-align:top}
.sub2 section{border-bottom:1px solid #eaeaea}

.sub2 .sc1{padding:39px 0 68px; transition:.3s ease-in-out}
.sub2 .sc1 .txtset{margin-top:32px; transition:.3s ease-in-out}
.sub2 .sc1 .txtset .left{float:left; width:59%; transition:.3s ease-in-out}
.sub2 .sc1 .txtset .right{float:right; width:35%; transition:.3s ease-in-out}
.sub2 .sc1 .txtset .right .image1{border:1px solid #eee}

.sub2 .sc2{padding:85px 0 70px; transition:.3s ease-in-out}
.sub2 .sc2 .inner_sc{margin-top:40px; transition:.3s ease-in-out}
.sub2 .sc2 .inner_sc ul{display:table}
.sub2 .sc2 .inner_sc li,
.sub2 .sc2 .inner_sc .sep_arw{display:table-cell; text-align:center; vertical-align:top}
.sub2 .sc2 .inner_sc .sep_arw{width:70px; vertical-align:middle; transition:.3s ease-in-out}
.sub2 .sc2 .inner_sc .sep_arw img{width:36px; position:relative; top:-28px}
.sub2 .sc2 .inner_sc li .info_txt{margin-top:22px; transition:.3s ease-in-out}
.sub2 .sc2 .inner_sc li .info_txt .txt1{font-size:15px; font-weight:bold; line-height:1.3; transition:.3s ease-in-out}
.sub2 .sc2 .inner_sc li .info_txt .txt2{margin-top:9px; font-size:20px; font-weight:bold; line-height:1.3; color:#444; transition:.3s ease-in-out}

.sub2 .sc3{padding:85px 0 30px; transition:.3s ease-in-out}
.sub2 .sc3 .inner_sc{margin-top:65px; transition:.3s ease-in-out}
.sub2 .sc3 .inner_sc li{position:relative; float:left; width:calc(25% - 23px); height:350px; max-height:350px; margin-bottom:60px; margin-right:30px; border:1px solid #d6d6d6; text-align:center; background-color:#fff; box-sizing:border-box; transition:.3s ease-in-out}
.sub2 .sc3 .inner_sc li:hover{border-color:#1c744c}
.sub2 .sc3 .inner_sc li:last-child{margin-right:0}
.sub2 .sc3 .inner_sc li .inner_box{padding:55px 35px 25px; box-sizing:border-box; transition:.3s ease-in-out}
.sub2 .sc3 .inner_sc li .inner_box .txt1{padding-top:100px; font-size:15px; font-weight:bold; transition:.3s ease-in-out}
.sub2 .sc3 .inner_sc li .inner_box .txt2{margin-top:5px; font-size:20px; font-weight:bold; color:#333; line-height:1.4; transition:.3s ease-in-out}
.sub2 .sc3 .inner_sc li .inner_box p{margin-top:17px; border-top:1px solid #e6e6e6; padding:15px 0; font-size:16px; font-weight:300; color:#6d6d6d; line-height:1.5; letter-spacing:-0.25px; transition:.3s ease-in-out}
.sub2 .sc3 .inner_sc li.box1 .inner_box .txt1{background:url('../images/main/ico_msc1-3.png') no-repeat center 0; background-size:69px 73px; transition:.3s ease-in-out}
.sub2 .sc3 .inner_sc li.box2 .inner_box .txt1{background:url('../images/main/ico_msc1-2.png') no-repeat center 0; background-size:68px 72px; transition:.3s ease-in-out}
.sub2 .sc3 .inner_sc li.box3 .inner_box .txt1{background:url('../images/main/ico_msc1-6.png') no-repeat center 0; background-size:70px 71px; transition:.3s ease-in-out}
.sub2 .sc3 .inner_sc li.box4 .inner_box .txt1{background:url('../images/main/ico_msc1-7.png') no-repeat center 0; background-size:65px 68px; transition:.3s ease-in-out}
.sub2 .sc3 .inner_sc li .tag{position:absolute; top:-35px; left:50%; width:76px; height:70px; margin-left:-37px; background:url('../images/main/mark_certi.png') no-repeat 0 0; background-size:100%}
.sub2 .sc3 .inner_sc li .tag > div{display:inline-block}
.sub2 .sc3 .inner_sc li .tag .txt_tag1{position:relative; top:13px; padding-bottom:2px; border-bottom:1px solid #fff; font-size:13px; color:#fff; line-height:19px}
.sub2 .sc3 .inner_sc li .tag .txt_tag2{position:relative; top:18px; font-size:16px; font-weight:bold; color:#fff; line-height:19px}

.sub2 .sc4{padding:85px 0 60px; transition:.3s ease-in-out}
.sub2 .sc4 .inner_sc{margin-top:35px; transition:.3s ease-in-out}
.sub2 .sc4 .inner_sc .img_small{display:none; text-align:center}
.sub2 .sc4 .inner_sc .img_small li{float:left; position:relative; width:196px; height:196px; line-height:1.2; margin-right:30px; margin-bottom:30px; font-size:18px; font-weight:400; color:#fff; background-repeat:no-repeat; background-position:center; background-size:100%; transition:.3s ease-in-out}
.sub2 .sc4 .inner_sc .img_small li.bg1{background-image:url('../images/content/easyform4_1.png')}
.sub2 .sc4 .inner_sc .img_small li.bg2{background-image:url('../images/content/easyform4_2.png')}
.sub2 .sc4 .inner_sc .img_small li.bg3{background-image:url('../images/content/easyform4_3.png')}
.sub2 .sc4 .inner_sc .img_small li.bg4{background-image:url('../images/content/easyform4_4.png')}
.sub2 .sc4 .inner_sc .img_small li.bg5{background-image:url('../images/content/easyform4_5.png')}
.sub2 .sc4 .inner_sc .img_small li.bg6{background-image:url('../images/content/easyform4_6.png')}
.sub2 .sc4 .inner_sc .img_small li .tb{display:table; width:100%; height:100%} 
.sub2 .sc4 .inner_sc .img_small li .tc{display:table-cell; vertical-align:middle; padding:0 10px}

.sub2 .sc5{padding:85px 0; transition:.3s ease-in-out}
.sub2 .sc5 .inner_sc{margin-top:40px; border-top:1px solid #1c744c; transition:.3s ease-in-out}
.sub2 .sc5 .inner_sc table{width:100%}
.sub2 .sc5 .inner_sc table th,
.sub2 .sc5 .inner_sc table td{color:#444; font-size:16px; line-height:26px; border:1px solid #eaeaea; border-left:none; text-align:center; vertical-align:middle; transition:.3s ease-in-out}
.sub2 .sc5 .inner_sc table th:last-child,
.sub2 .sc5 .inner_sc table td:last-child{border-right:none}
.sub2 .sc5 .inner_sc table th{padding:15px 0; border-top:none; border-bottom:none}
.sub2 .sc5 .inner_sc table td{color:#555; padding:12px 15px; transition:.3s ease-in-out}
.sub2 .sc5 .inner_sc table .item{width:16%; color:#333}
.sub2 .sc5 .inner_sc table .emphasis{width:34%; background:#f6f6f6}
.sub2 .sc5 .inner_sc table .tc1{width:25%}
.sub2 .sc5 .inner_sc table td.item{color:#333}
.sub2 .sc5 .inner_sc table th.emphasis{color:#1c744c}
.sub2 .sc5 .inner_sc table td .tc_img{width:136px; margin:15px 0; transition:.3s ease-in-out}

.sub2 .sc6{padding:85px 0 100px; border-bottom:none; transition:.3s ease-in-out}
.sub2 .sc6 .main_text{margin-top:28px; font-size:22px; font-weight:500; color:#444; line-height:1.5; text-align:center; transition:.3s ease-in-out}
.sub2 .sc6 .inner_sc{margin-top:60px; transition:.3s ease-in-out}
.sub2 .sc6 .inner_sc .img_small{display:none}

/* ==========================================================================
   인증/특허
   ========================================================================== */
.sub3{}
.sub3 .sc_ctf{padding:0 0 110px}
.sub3 .sc_ctf .list_ctf{margin-top:3px}
.sub3 .sc_ctf .list_ctf li{position:relative; float:left; width:18.7%; margin-right:1.625%; text-align:center; margin-bottom:54px; box-sizing:border-box; padding-top:33px; transition:.3s ease-in-out}
.sub3 .sc_ctf .list_ctf li:nth-child(5n){margin-right:0}
.sub3 .sc_ctf .list_ctf li .thumb{position:relative; border:1px solid #e0e0e0}
.sub3 .sc_ctf .list_ctf li .thumb img{width:100%}
.sub3 .sc_ctf .list_ctf li .thumb:after{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0; transition:.2s ease-in-out}
.sub3 .sc_ctf .list_ctf li:hover .thumb:after{opacity:.15}

.sub3 .sc_ctf .list_ctf li .info_certi{margin-top:14px; line-height:1.2; letter-spacing:-0.25px; transition:.3s ease-in-out}
.sub3 .sc_ctf .list_ctf li .info_certi .txt1{display:inline-block; font-size:18px; font-weight:bold; color:#333; max-width:90%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; transition:.3s ease-in-out}


.sub3 .sc_ctf .list_ctf li .info_certi .txt2{display:inline-block; margin-top:8px; font-size:16px; color:#7d7d7d; max-width:90%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; transition:.3s ease-in-out}
.sub3 .sc_ctf .list_ctf li .mark{position:absolute; top:0; left:50%; width:76px; height:70px; margin-left:-38px; background:url('../images/main/mark_certi.png') no-repeat 0 0; background-size:100%}
.sub3 .sc_ctf .list_ctf li .mark span{position:relative; top:17px; font-size:12px; font-weight:bold; color:#fff; line-height:15px}


/* ==========================================================================
   시공사례 & 뉴스
   ========================================================================== */
.sub4 .sc_gallery{padding:0 0 110px}
.sub4 .sc_gallery .list_case{margin-top:26px}
.sub4 .sc_gallery .bo_top{margin-bottom:10px}
.sub4 .sc_gallery .board_box_list .port_list li dl dd p.port_name span.tit,
.sub4 .sc_gallery .board_box_list .port_list li dl dd p.port_name span.date{font-family: 'Noto Sans KR', sans-serif;}

.sub5 .news .bo_basic_list tbody tr td a{font-family: 'Noto Sans KR', sans-serif;}

/* ==========================================================================
   개인정보취급방침
   ========================================================================== */
.sc_terms{padding:40px 0 100px}
.sc_terms p{font-size:14px; font-weight:400; color:#555; line-height:1.5}