@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.fz18 {font-size:18px !important;}
.fz20 {font-size:20px !important;}
.fz26 {font-size:26px !important;}
.fz30 {font-size:30px !important;}

.doc-cnt30 {margin-bottom:30px !important;}
.doc-cnt50 {margin-bottom:50px !important;}
.doc-cnt80 {margin-bottom:80px !important;}

.doc-tit {font-size:24px; padding:0 0 20px 40px; position:relative; color:#020303;}
.doc-tit:before {width:17px; height:17px; left:0; top:5px; background-image:url('../images/sub/doctit.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.doc-tit2 {margin-bottom:12px; color:#333;}
.doc-indent {padding-left:15px;}

.fw500 {font-weight:500 !important;}
.fw600 {font-weight:600 !important;}

.c1 {color:#008ad3 !important;}

.greeting {text-align:center;}
.greeting .top {display:flex;}
.greeting .tit {letter-spacing:-.025em; line-height:1.5em;}
.greeting .tit strong {color:#333;}

.local {display:flex; align-items:center;}
.local .col-l {width:355px; display:flex; align-items:center;}
.local .col-l i {margin:0 30px; display:inline-block;}
.local .col-r {padding-left:30px; flex:1;}
.local .col-r li {margin-bottom:5px;}
.local .col-r li:last-child {margin-bottom:0;}
.local .col-r span {padding-right:10px;}
.root_daum_roughmap {width:100% !important;}

.support-prj {padding:26px 0; background-color:#d2e0ef; text-align:center;}
.support-prj b {font-weight:800;}
.support-prj strong {margin-top:2px; display:block; color:#333;}

.green-remodeling {margin-bottom:150px;}

.tb-1 table {border-top:2px solid #008ad3; text-align:center; border-collapse:collapse; width:100%;}
.tb-1 table th {font-size:18px; background-color:#eef7fb; color:#333; letter-spacing:-.025em; line-height:1.4em;}
.tb-1 table td.bl {border-left:1px solid #ddd;}
.tb-1 table th, .tb-1 table td {padding:16px 7px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.tb-1 table th:last-child, .tb-1 table td:last-child {border-right:0;}
.tb-1 table .left {padding-left: 20px; text-align: left;}

.prd-all {max-width:850px; margin:0 auto;}
.prd-all ul {margin:0 -23px; display:flex; text-align:center; justify-content:center;}
.prd-all li {padding:0 23px; width:50%;}
.prd-all .img {position:relative;}
.prd-all p {margin-top:18px; font-weight:500; color:#333; letter-spacing:-.025em;}
.prd-all li:hover .img:after {position:absolute; content:''; top:0; left:0; right:0; bottom:0; border:1px solid #008ad3;}
.prd-all li:hover p {font-weight:600;}
.prd-all.ty2 {max-width:100%;}
.prd-all.ty2 ul {margin:0 -50px; flex-wrap:wrap; justify-content:flex-start;}
.prd-all.ty2 ul li {padding:0 50px; width:33.3333%;}
.prd-all.ty2 ul li:last-child {margin-top:65px;}

.prd-content {padding:40px 55px; background-color:#f2f2f2;}
.prd-content .inner {display:flex;}
.prd-content .col-l {flex:1 550px; max-width:550px; margin-right:165px;}
.prd-content .col-r {padding-top:40px; flex:1;}
.prd-content .flex {display:flex;}
.prd-content .flex i {width:60px; height:60px; margin-right:25px; background-size:contain; background-repeat:no-repeat; background-position:50% 50%; display:inline-block;}
.prd-content .flex .ico1 {background-image:url('../images/sub/prd-ico1.png');}
.prd-content .flex .ico2 {background-image:url('../images/sub/prd-ico2.png');}
.prd-content .flex .ico3 {background-image:url('../images/sub/prd-ico3.png');}
.prd-content .flex .right {flex:1;}
.prd-content .flex strong {font-weight:800; color:#333; line-height:1.2em; display:block;}
.prd-content .flex b {color:#333;}
.prd-content .flex p {margin-top:5px; line-height:1.5em;}
.prd-content ul.pf {margin-top:75px;}
.prd-content ul.pf small {font-size:14px; line-height:1.43em; color:#999; display:block;}
.prd-content .slick-arrow {position:absolute; top:50%; width:17px; height:31px; z-index:20; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:100% 100%; background-size:contain;}
.prd-content .slick-prev {left:-35px; background-image:url("../images/sub/prd-prev.png");}
.prd-content .slick-next {right:-35px; background-image:url("../images/sub/prd-next.png");}

.glass .item {display:flex;}
.glass .cnt {padding:20px 0 0 35px; flex:1;}
.glass strong {padding:0 0 5px 17px; display:block; color:#333; position:relative;}
.glass strong:before {left:0; position:absolute; content:'•';}
.glass h2 img {margin-right:10px;}
.glass h2.ty1 img {margin-top:-8px;}
.glass h2.ty2 img {margin-top:-13px;}
.glass .bar {padding-left:35px; position:relative;}
.glass .bar:before {left:20px; position:absolute; content:'-'; top:0; color:#555;}

.branch-office {margin:0 -20px -35px; display:flex; flex-wrap:wrap;}
.branch-office li {padding:0 20px; margin-bottom:35px; width:50%;}
.branch-office .box {height:150px; display:flex; align-items:center; border:1px solid #ddd;}
.branch-office .col-l {width:195px; position:relative; text-align:center; color:#000;}
.branch-office .col-l:after {height:100px; position:absolute; content:''; top:50%; transform:translateY(-50%); right:0; background-color:#ddd; width:1px;}
.branch-office .col-r {padding-left:45px; flex:1;}
.branch-office .col-r i {width:24px; height:25px; margin:-2px 25px 0 0; vertical-align:middle; display:inline-block; background-size:contain; background-repeat:no-repeat; background-position:50% 50%;}
.branch-office .col-r i.addr {background-image:url('../images/sub/office-addr.png');}
.branch-office .col-r i.tel {background-image:url('../images/sub/office-tel.png');}
.branch-office dl {display:flex;}
.branch-office dl:last-child {margin-top:10px;}
.branch-office dl:last-child dd {font-weight:700;}

.new-remodeling {display:flex;}
.new-remodeling .cnt {padding:50px 0 0 55px; flex:1; border:1px solid #ddd;}

.new-remodeling-merit {display:flex; font-weight:700;}
.new-remodeling-merit .item {margin-right:100px; display:flex; align-items:center;}
.new-remodeling-merit .item .left {width:171px; height:171px; margin-right:30px; line-height:1.3em; display:flex; align-items:center; justify-content:center; color:#fff; text-align:center; background-size:contain; background-repeat:no-repeat; background-position:50% 50%;}
.new-remodeling-merit .item .left.bg1 {background-image:url('../images/sub/new-remodeling-merit1.png');}
.new-remodeling-merit .item .left.bg2 {background-image:url('../images/sub/new-remodeling-merit2.png');}
.new-remodeling-merit .item:last-child {margin-right:0;}