/* common */
/*
	font-family: 'Noto Sans KR', sans-serif;
	font-family: 'Titillium Web', sans-serif;
	font-family: 'Roboto', sans-serif;
	font-family: 'Nanum Brush Script', cursive;
*/
#subContents { padding:95px 0 0 0; overflow: hidden;}
.pd_b {padding-bottom:100px;}
.link_over,
.btn_over {transition:all 100ms ease-in-out;-o-transition: all 100ms ease-in-out;-ms-transition: all 100ms ease-in-out;-moz-transition: all 100ms ease-in-out;-webkit-transition: all 100ms ease-in-out}
.link_over {position:absolute;top:0;bottom:0;left:0;right:0;text-indent:-9999px;overflow:hidden;}
.view_more {position:absolute;left:0;top:0;right:0;bottom:0;display:block;text-indent:-9999px;overflow:hidden;z-index:10;}

/* 서브 비주얼*/
#sv { background-size:cover !important; height:300px; padding:100px 0 0 0;}
#sv > div { height:100%;}
#sv .txt { color:#fff; text-align:center; position:relative; top:50%;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
#sv .txt h3 { display:inline-block; font-size:50px; font-weight:300; padding:10px 54px; position:relative;}
#sv .txt h3 span { display:block; font-size:14px; font-family: 'Titillium Web', sans-serif; font-weight:400; letter-spacing:2px; margin-top:8px; }
#sv .txt h3 em {font-family: 'Roboto', sans-serif; display:inline-block; vertical-align:middle; position:absolute; top:0; font-weight:100; font-size:88px;}
#sv .txt h3 em.left { left:0; }
#sv .txt h3 em.right { right:0; }
.sv01 { background:url("/img/sub/sv01.jpg") no-repeat; }
.sv02 { background:url("/img/sub/sv01.jpg") no-repeat; }
.sv03 { background:url("/img/sub/sv01.jpg") no-repeat; }
.sv04 { background:url("/img/sub/sv01.jpg") no-repeat; }
.sv05 { background:url("/img/sub/sv01.jpg") no-repeat; }
.sv06 { background:url("/img/sub/sv01.jpg") no-repeat; }


/* lnb */
#lnb { border:1px solid #e5e5e5; border-left:none; border-right:none;}
#lnb .home { width:80px; height:80px;border:1px solid #e5e5e5;  border-top:none;  border-bottom:none; }
#lnb .home a {  background:url("/img/sub/home_btn.png") no-repeat center;}
#lnb a {display:block; height:100%;}
#lnb .home,
#lnb ul {  float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;     }
#lnb ul { overflow:hidden; 
	width:calc(100% - 80px);
	width:-webkit-calc(100% - 80px);
	width:-moz-calc(100% - 80px);
}
#lnb ul li { width:20%; float:left; text-align:center; border-left:1px solid #e5e5e5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  width:16%;}
#lnb ul li:last-child { border-right:1px solid #e5e5e5;}
#lnb ul li a { line-height:80px;}
#lnb ul li.on a { background:#372727; color:#fff;}
#lnb.sm1 ul li {width:14%;}
#lnb.sm2 ul li {width:12%;}


/* 타이틀 */
.pageTit { font-size:36px; color:#372727; text-align:center; margin-bottom:100px;}


/* 인사말 */
#greeting {}
#greeting .top { text-align:center;}
#greeting .top dl {font-family: 'Titillium Web', sans-serif;}
#greeting .top dl:after { content:""; width:56px; height:1px; background:#877d7d; display:block; margin:20px auto 0;}
#greeting .top dl dt { font-size:28px; color:#d51417; font-weight:300;}
#greeting .top dl dd { font-size:12px; font-weight:600; letter-spacing:4px; margin-top:8px;}
#greeting .top .list { margin-top:42px; position:relative; z-index:1;}
#greeting .top .list ul { font-size:0; letter-spacing:-4px;}
#greeting .top .list ul li {position:relative; display:inline-block; /* width:220px; height:220px;*/ width:185px; height:185px; border-radius:50%;  letter-spacing:0; margin-right:16px; overflow:hidden; position:relative;}
#greeting .top .list ul li:last-child { margin-right:0;}
#greeting .top .list ul li .txt { text-align:center; position:absolute; width:100%; height:60px; left:0; top:0; background:rgba(55,39,39,0.8);}
#greeting .top .list ul li .txt p {height:100%; color:#fff; font-size:16px; line-height:60px;}
#greeting .top .list ul li a {display:block;}
#greeting .top .list ul li .img img {width:100%;transition:all 100ms ease-in-out;-o-transition: all 100ms ease-in-out;-ms-transition: all 100ms ease-in-out;-moz-transition: all 100ms ease-in-out;-webkit-transition: all 100ms ease-in-out}
#greeting .top .list ul li a:hover .img img {width:110%;margin:-10px -10px -10px -10px;}

#greeting .info { text-align:center; background:url("/img/sub/greeting_bg.jpg") no-repeat; padding:180px 0 62px; margin-top:-102px; position:relative;  background-size:cover;}
#greeting .info .top { color:#fff; font-size:24px; font-weight:300; line-height:1.583em; padding:0 98px; position:relative; display:inline-block; }
#greeting .info .top strong { font-weight:500;}
#greeting .info .top:before,
#greeting .info .top:after { position:absolute; top:50%; margin-top:-21px;}
#greeting .info .top:before { content:url("/img/sub/quot_left.png"); left:0;}
#greeting .info .top:after {content:url("/img/sub/quot_right.png"); right:0;}
#greeting .info .txt { background:rgba(255,255,255,0.9); padding:130px 15px 80px; margin-top:130px; position:relative;}
#greeting .info .txt .title { font-size:33px; color:#333; font-family: 'Nanum Brush Script', cursive; margin-bottom:27px;}
#greeting .info .txt p { font-size:18px; line-height:2em; }
#greeting .info .txt p.ceo { color:#333; margin-top:30px;}
#greeting .info .txt .line { position:absolute; display:block; width:1px; height:160px; background:#d51417; left:50%; top:-80px; }
#greeting .info .txt .line:after { content:""; width:5px; height:5px; background:#d51417; display:block; border-radius:50%; position:absolute; bottom:0; left:-2px; }



/* 주요 실적 */
.list_s1 {}
.list_s1 ul {}
.list_s1 ul li { font-size:0; letter-spacing:-4px; padding:38px 0; position:relative; }
.list_s1 ul li > div > div { display:inline-block; vertical-align:middle; letter-spacing:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.list_s1 ul li .date {    border-top: 1px solid #9c8579; width:17.14285714286%;}
.list_s1 ul li .date dt {font-size:40px; line-height:100%; margin-top:15px;  font-weight:700;}
.list_s1 ul li .date dd {font-size:16px; line-height:100%; margin-top:10px;}

.list_s1 ul li .subject { font-size:24px; color:#333; line-height:1.4; padding:0 0 0 50px; 
	width:calc(100% - 110px - 17.14285714286%);
	width:-moz-calc(100% - 110px - 17.14285714286%);
	width:-webkit-calc(100% - 110px - 17.14285714286%);
}
.list_s1 ul li .subject dt {margin-top:15px; }
.list_s1 ul li .subject dd {font-weight:300; margin-top:10px; }
.list_s1 ul li p { font-size:18px; width:110px; color:#aaabab; }
.list_s1 ul li p i { margin-right: 2px;}


.list_s1 ul li:hover { background:#696b70;}
.list_s1 ul li:hover .date,
.list_s1 ul li:hover .subject  { color:#fff;}
.list_s1 ul li:hover .date { border-top:1px solid #fff;}
.list_s1 ul li:hover a,
.list_s1 ul li:hover p { color:#fff;}


a.btn_more { position:relative; display:block;width:274px; height:59px; margin:80px auto 0; line-height:65px; color:#333; font-weight:900; font-size:20px;  text-align:center; text-transform:uppercase; letter-spacing:-.4px; }
a.btn_more span img { vertical-align:middle; margin:-4px 0 0 25px; }
a.btn_more .hover { position:absolute; z-index:10; top:0; left:0; display:block; border-radius:32px; border:3px solid #333;  width:100%; height:100%; 
transition:transform .25s ease-out; 
-webkit-transition:transform .25s ease-out; 
-moz-transition:transform .25s ease-out;
-o-transition:transform .25s ease-out;
-ms-transition:transform .25s ease-out;

}
a.btn_more:hover .hover { 
transform:rotateX(180deg); 
-webkit-transform:rotateX(180deg); 
-moz-transform:rotateX(180deg); 
-ms-transform:rotateX(180deg); 
-o-transform:rotateX(180deg); 
}
.sub_desc {margin-top:-70px;padding-bottom:50px;text-align:center;color:#6d6d6d;font-weight:500;font-size:24px;opacity:0.8}



/* 사업종목 */
.pd_100 { padding:0 0 100px 0;}
#business { background:url("/img/sub/busi_bg.png") no-repeat center bottom;}
#business .list {}
#business .list ul {}
#business .list ul li {position:relative; float:left; border:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:22.85714285714%; text-align:center; margin-right:2.85714285714%; margin-bottom:40px; }
#business .list ul li:nth-child(4n) { margin-right:0;}
#business .list ul li .txt { padding:50px 15px; height:100%; max-height:173px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#business .list ul li .txt dl {}
#business .list ul li .txt dl dt {color:#d61518; font-family: 'Titillium Web', sans-serif; font-weight:600;}
#business .list ul li .txt dl dd { color:#333; line-height:1.563em; }
#business .list ul li .txt dl dd:before { content:""; width:37px; height:1px; background:#877d7d; display:block; margin:17px auto;}
#business .list ul li .img {}
#business .list ul li .img img { width:100%; }
#business .list ul li .link_over {border:1px solid transparent;}
#business .list ul li .link_over:hover {border-color:#d61518}
#business .list ul li.doc img {max-width:318px;max-height:391px;}


/* 오시는 길*/
.img_auto img { width:100%; }
#map {}
#map > div > div { margin-bottom:140px;}
#map > div > div:last-child { margin:0;}
#map .location { font-size:0; letter-spacing:-4px; }
#map .location:nth-child(2n) {  }
#map .location > div { margin-right:6.42857142857%; display:inline-block; vertical-align:middle; letter-spacing:0;}
#map .location:nth-child(2n) > div{   margin-right:3.57142857143%; }
#map .location > div:last-child { margin-right:0;}
#map .location .map-box { width:43.57142857143%; position:relative;}
#map .location .map-box:after { content:""; width:100%; height:100%; background:#afa9a9; display:block; position:absolute; left:40px; top:40px; z-index:-1;}
#map .location .map-box iframe { width:100%; height:580px;}
#map .location .map-box > div,
#map .location .map-box .map { width:100%; height:580px;  }
#map .location .info { width:50%; }
#map .location .info .tit { font-size:24px; color:#372727; font-weight:500; border-bottom:1px solid #d7d4d4; padding:0 0 18px 0;}
#map .location .info .list {}
#map .location .info .list ul { margin-top:50px;}
#map .location .info .list ul li { font-size:0; letter-spacing:-4px; float:left; width:50%;}
#map .location .info .list ul li:first-child { width:100%; margin-bottom:50px;}
#map .location .info .list ul li .icon { width:124px; height:124px; border:1px solid #dfdfdf; border-radius:50%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#map .location .info .list ul li .icon,
#map .location .info .list ul li .txt { display:inline-block; vertical-align:middle; letter-spacing:0;}
#map .location .info .list ul li .txt { padding-left:6.85714285714%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
width:calc(100% - 124px);
width:-webkit-calc(100% - 124px);
width:-moz-calc(100% - 124px);

}
#map .location .info .list ul li .txt dl {}
#map .location .info .list ul li .txt dl dt { font-size:20px; color:#333; font-weight:600;	font-family: 'Titillium Web', sans-serif;}
#map .location .info .list ul li .txt dl dd { margin-top:24px; font-size:16px;}
#map .location .info .list ul li.addr .icon{ background:url("/img/sub/addr_icon.gif") no-repeat center;}
#map .location .info .list ul li.tel .icon{background:url("/img/sub/tel_icon.gif") no-repeat center;}
#map .location .info .list ul li.email .icon{background:url("/img/sub/email_icon.gif") no-repeat center;}



.gallery_li {}
.gallery_li ul { margin-bottom:80px;}
.gallery_li ul li { float:left; width:23.2%; margin-right:2.4%; margin-bottom:20px;}
.gallery_li ul li a { width:100%; padding-bottom:75.07692307692%;  display:block; position:relative; overflow:hidden;}
.gallery_li ul li img { position: absolute; top: -9999px; 	right: -9999px;	bottom: -9999px;	left: -9999px;	margin: auto;	min-height: 100%; width:100%;
transition:all 0.5s;
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
}
.gallery_li ul li a:hover img {
transform:scale(1.2);
-moz-transform:scale(1.2);
-webkit-transform:scale(1.2);
-o-transform:scale(1.2);
-ms-transform:scale(1.2);
}
.gallery_li ul li:nth-child(4n) { margin-right:0;}
.gallery_li ul li .tit { position:absolute;  background:rgba(255,255,255,0.8); left:50%; top:50%; opacity:0; line-height:1.3; 
width:calc(100% - 40px);
width:-moz-calc(100% - 40px);
width:-webkit-calc(100% - 40px);
height:calc(100% - 40px);
height:-moz-calc(100% - 40px);
height:-webkit-calc(100% - 40px);

transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);

transition:all 0.5s;
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
}
.gallery_li ul li .tit p { text-align:center; position:absolute; top:50%; width:100%; padding:0 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; font-size:18px;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
.gallery_li ul li:hover .tit { opacity:1;}

.btn-more { margin:20px auto 100px; text-align:center; }
.btn-more a { margin:0 auto; display:flex; background: #676767; width:120px; height:40px; font-size:14px; color:#fff; text-align:center; align-items:center; justify-content: center;}

#gallery_pop { position:fixed; left:0; top:0; width:100%; height:100%;  z-index:9999; display:none;}
#gallery_pop .bg { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); }
#gallery_pop .pop_wrap { position:relative; left:50%; top:50%; width:90%; max-width:1200px; z-index:10;
transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
}
#gallery_pop .pop_wrap  { text-align:center;}
#gallery_pop .pop_wrap  img { width:auto; max-width:100%; max-height:500px;}
#performance ~ #gallery_pop .pop_wrap  img {  max-height:700px;}

#gallery_pop .slick-arrow { text-indent:-9999px; z-index:100;
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    outline: none;
    border: 5px solid #333;
    border-radius: 1px;
    background: none;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
#gallery_pop .slick-prev { left:25px; border-right:0; border-top:0;}
#gallery_pop .slick-next { right:25px; border-left: 0; border-bottom: 0;}
#gallery_pop .pop_close_btn { position:absolute; right:0; top:-40px;}
#gallery_pop .pop_close_btn button { width:28px; height:28px; background:url("/img/common/menu_close_w.png") no-repeat center; border:none;}
#gallery_pop .main_img { border-radius:20px; overflow:hidden; background:#fff; padding:20px 0;}
#gallery_pop .title { padding:15px 15px 0 15px; font-size:18px; font-weight:500; color:#333; }
#gallery_pop .img { border:1px solid rgba(255,255,255,0.5); padding:15px; }
#gallery_pop .txt { height:80px; overflow-y:scroll; padding:15px 40px; text-align:left; font-size:15px;}

/*유지관리*/
.management .c_tit {max-width:320px;margin:0 auto;margin-top:-70px;color:#d51417;font-size:34px;font-weight:300;}
.management .lst {max-width:320px;margin:60px auto;}
.management li {margin:20px 0;font-size:26px;color:#372727}
.management li:before {content:"";display:inline-block;width:12px;height:12px;margin:-5px 10px 0 0;border-radius:50%;background:#372727;vertical-align:middle;}
.management .bottom {position:relative;height:710px;margin-top:120px;text-align:center;background:url('/img/sub/bg_management.png') no-repeat 50% 50%;background-size:cover;}
.management .bottom:before {content:"";position:absolute;left:50%;top:-90px;margin-left:-5px;display:inline-block;width:11px;height:232px;z-index:11;background:url('/img/sub/line_management.png') no-repeat 50% 100%;}
.management .bottom .txt {position:absolute;top:15%;left:50%;padding:90px;transform:translate(-50%,0%);-webkit-transform:translate(-50%,0%);}
.management .bottom .txt:before {content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:#545454;opacity:0.5;}
.management .bottom .txt p {position:relative;z-index:10;display:inline-block;color:#fff;font-size:18px;line-height:200%;white-space:nowrap;}
.management .bottom .txt p em {color:#d51417}
.management .br {display:block;}

/*LICENSE*/
#license {padding:50px 0;margin-bottom:80px;background:url('/img/sub/bg_license.jpg') no-repeat 50% 0;background-size:cover}
.license_viewer {width:100%;overflow:hidden;}
.license_viewer img {width:100%;height:100%;}
.license_box {float:left;width:600px;}
.license_box .visual {display:block;border:4px solid #434343}
.license_box .txt {display:block;padding:20px 0;text-align:center;font-weight:bold;font-size:30px;color:#fff}
.thumb_list {float:right;width:720px;}
.thumb_list a {position:relative;display:inline-block;width:200px;overflow:hidden;margin:0 0 35px 30px;border:1px solid #434343;background:#fff;vertical-align:top;}
.thumb_list a:before {content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid #434343;opacity:0;transition:all 100ms ease-in-out;z-index:11;}
.thumb_list a.active:before,
.thumb_list a:hover:before {opacity:1;}
/*.thumb_list a:after {content:"";display:block;position:absolute;left:0;right:0;bottom:0;height:80px;background:#333;opacity:0.8;border-top:1px solid #434343;}*/
.thumb_list span {position:absolute;left:0;right:0;bottom:0;display:flex; justify-content:center; align-items:center; width: 100%; height: 80px;text-align:center;font-size:20px; line-height: 1.3; color:#fff; background-color: rgba(0,0,0,0.7); z-index:10;}

/* 250630 */
.thumb_list { display: flex; flex-wrap:wrap; gap: 20px 10px; width: 750px; }
.thumb_list a { width: calc((100% - 38px)/4); margin: 0; }


/*Device Width 1600px*/
@media all and (max-width:1600px) {
	.management .bottom .txt {padding:50px;}
}

/*Device Width 1400px*/
@media all and (max-width:1400px) {
	.license_box {width:50%;}
	.license_box {width:calc(50% - 40px);}
	.thumb_list {width:50%;}
/*	.thumb_list a {width:28%;margin-left:3%;}*/
	.thumb_list a { width: calc((100% - 28px)/3); }
}

/*Device Width 1024px*/
@media all and (max-width:1024px) {
	.management .bottom .txt p {word-break:normal;white-space:normal;word-break:normal;}
	.management .br {display:none;}
	.license_box .visual {width:90%;margin:0 auto;}
	.license_box {float:none;width:100%}
	.thumb_list {float:none;width:100%;margin-top:20px;}
}

/*Device Width 768px*/
@media all and (max-width:768px) {
	.management .c_tit {font-size:24px;}
	.management .bottom:before {height:124px;}
	.management li {font-size:20px;}
	.management .bottom {height:470px;}
	.management .bottom .txt {left:20px;right:20px;padding:30px;transform:translate(0%,0%);-webkit-transform:translate(0%,0%);}
	.management .bottom .txt p {font-size:16px;}
	.thumb_list a { width: calc(50% - 8px); }
	.thumb_list span {/* bottom:33px;*/ font-size:15px;}

	.sub_desc {margin-top:0;font-size:15px;}
}

/*Device Width 640px*/
@media all and (max-width:640px) {
	.management .bottom .txt {padding:20px;}
	.management .bottom .txt p {font-size:15px;}
	.management .c_tit {margin-top:0;}
	.management .lst {margin-top:30px;}
}

/*Device Width 414px*/
@media all and (max-width:414px) {
	.management .bottom .txt {padding:20px;}
	.management .bottom .txt p {font-size:15px;}
	/* .thumb_list a {width:44%;margin-left:2%;margin-right:2%;} */
}