/* 내용부분 */
.content { width:100%; margin:0 auto; }

.content .sub_sec { margin:50px auto 0 auto; }
.content .sub_sec:first-child { margin-top:0px; }
.content .sub_sec:after { clear:both; content:""; display:block; }

P.font01 { font-size:27px; font-family:"NanumSquare", sans-serif; font-weight:800; margin-bottom:30px; word-break:keep-all; }
p.font02 { font-size:27px; font-family:"NanumSquare", sans-serif; font-weight:800; margin-bottom:10px; word-break:keep-all; }
p.font03 { font-size:20px; font-family:"NanumSquare", sans-serif; font-weight:400; margin-bottom:10px; word-break:keep-all; }
p.font04 { font-size:33px; font-family:"NanumSquare", sans-serif; font-weight:600; margin-bottom:10px; word-break:keep-all; }

.sub_sec .ss_title01 { font-size:23px; font-weight:800; font-family:"NanumSquare", sans-serif; }
.sub_sec .ss_title01:before { content:"● "; color:#0d73f5; font-size:23px; }
.sub_sec .ss_title02 { font-size:20px; font-weight:600; /*font-family:"NanumSquare", sans-serif;*/ border:0px solid red; margin-bottom:10px; }
.sub_sec .sub_title_grd { display:inline-block; width:auto !important; padding:15px 30px; background: linear-gradient(to right, #3eb9b6, #1e388e); font-size:25px; font-weight:600; color:#ffffff; font-family:"NanumSquare", sans-serif; }
.sub_sec .ss_title03 { font-size:20px; font-weight:600; /*font-family:"NanumSquare", sans-serif;*/ border:0px solid red; text-align:center; margin-top:10px;}
/*.sub_sec .ss_title04 { background:url(../img/sub_title_box.png) no-repeat left center; width:186px; height:69px; line-height:62px; font-size:24px; font-weight:600; font-family:"NanumSquare", sans-serif; border:0px solid red; margin:0 auto; text-align:center; }*/
.sub_sec .ss_title04 { width:186px; height:auto; margin:0 auto; text-align:center; }
.sub_sec .ss_title04 img { width:100%; height:auto; }

.sub_sec .ss_content { margin-top:20px; }
.sub_sec .ss_info { font-size:17px; padding:0px 20px 10px 20px; line-height:1.3; border:0px solid red; }
.sub_sec .ss_info > ul > { width:100%; }
.sub_sec .ss_info > ul > li { width:100%; padding:10px 0; border-bottom:0px solid #bbbbbb; }
.sub_sec .ss_info > ul > li:last-child { border-bottom:0; }
.sub_sec .ss_info > ul > li > p { font-weight:600; color:#000000; margin-bottom:10px; }

.info_box { border-top:2px solid #cccccc; border-bottom:2px solid #cccccc; font-family:"NanumSquare", sans-serif; font-size:26px; font-weight:400; line-height:1.3; padding:30px 5px; text-align:left; } 
.info_box strong { font-weight:600;} 

.sub0101 .sub_sec,
.sub02 .sub_sec { max-width:1400px; }
.sub0101 .txt_box { font-size:20px; }

.sub0101 ul > li.tb_left { float:left; width:37%; margin-right:1%; text-align:center; }
.sub0101 ul > li.tb_left img { width:auto; max-width:95%; }
.sub0101 ul > li.tb_right { float:right; width:62%; text-align:left; padding-top:30px; }
.sub0101 ul > li.tb_right .ss_content { margin-bottom:80px; }
.sub0101 ul > li.tb_right .gline { width:54px; height:2px; background-color:#1b6aa5; margin-bottom:5px;  }
.sub0101 ul > li.tb_right strong { font-weight:600;} 
.sub0101 ul > li.tb_left_mo { display:none; float:none; width:100%; margin-top:50px; text-align:center; } 
.sub0101 ul > li.tb_left_mo img { width:auto; max-width:95%; }


.ss_product_info { width:100%; margin:20px auto 0 auto; padding:0; display:table; }
.ss_product_info:after { clear:both; display:block; content:""; }
.ss_product_info .tb_left { display:table-cell; width:60%; padding-right:30px; text-align:left; vertical-align:top; border:0px solid red; box-sizing:border-box; }
.ss_product_info .tb_right { display:table-cell; width:40%; height:100%; border:0px solid red; box-sizing:border-box; padding:0; vertical-align:top; position:relative; }
.ss_product_info .tb_left img { width:100%; max-width:800px; }
.ss_product_info .tb_right img { width:auto; max-width:90%; vertical-align:middle; }
.ss_product_info .tb_right > .tr_img { position:absolute; left:0; top:18.5%; height:81.5%; width:100%; vertical-align:middle; text-align:center; border:1px solid #1b6aa5; box-sizing:border-box; border-radius:5px;display: flex; justify-content: center; align-items: center; }

.sub0202 .ss_product_info .tb_right > .tr_img,
.sub0204 .ss_product_info .tb_right > .tr_img { top:21%; height:79%; }

.ss_product_img { width:100%; max-width:1100px; margin:0 auto; border:0px solid red;}
.ss_product_img > ul{ width:100%; position:relative;}
.ss_product_img > ul > li {float:left; position:relative; width:32%; margin-right:2%; margin-bottom:20px; border:1px solid #eeeeee; box-sizing:border-box; }
.ss_product_img > ul > li:after { content:""; display:block; padding-bottom:66.6666%; }
.ss_product_img > ul > li:nth-child(3n) {margin-right:0;}
.ss_product_img > ul > li img { position:absolute; left:0; top:0; width:100%; height:100%; }

.map_box { width:100%; margin-bottom:30px}
.map_box div { width:auto;}
.mapinfo h2 { font-size:1.5em; }
.mapinfo dl{overflow:hidden;border-top:2px solid #0a2f73;border-bottom:1px solid #0a2f73;}
.mapinfo dt{width:30%;float:left;clear:both;padding:10px 5px;text-align:center;font-weight:bold;border-top:1px solid #eaeaea; box-sizing:border-box; color:#0d73f5;line-height:150%;}
.mapinfo dd{width:70%;float:left;padding:10px;border-top:1px solid #eaeaea; box-sizing:border-box; line-height:180%;}
.mapinfo dd .busBlue{color:#FFF;background:#395cb3;padding:3px 4px; margin-right:5px;font-size:0.85em;}
.mapinfo dd .busGreen{color:#FFF;background:#50a232;padding:3px 4px; margin-right:5px;font-size:0.85em;}

.step01 { width:100%; }
.step01 ul { width:100%; }
.step01 ul li { width:100%; display:table; margin-bottom:30px; }
.step01 ul li:last-child { margin-bottom:0px; }
.step01 ul li dl { display:table-row; }
.step01 ul li dl dt { display:table-cell; width:35%; height:auto; text-align:center; vertical-align:middle; font-size:18px; font-weight:600; font-family:"NanumSquare"; background-color:#001D4F; color:#ffffff; border-radius:5px 0 0 5px; padding:5px 10px; }
.step01 ul li dl dt .st_title01 { padding:10px 0; font-size:20px; }
.step01 ul li dl dt .st_title02 { width:60%; min-width:230px; border-top:1px solid #ffffff; text-align:left; margin:0 auto; padding:10px 0; font-weight:normal;}
.step01 ul li dl dd { display:table-cell; width:65%; height:60px; vertical-align:middle; background-color:#f8f8f8; padding:10px 20px; font-size:17px; font-weight:400; color:#000000; line-height:150%; border-radius:0 5px 5px 0; border:1px solid #dddddd; box-sizing:border-box;}

.table01 { background-color:#ffffff; }
.table01 table { width:100%; padding:0; border-spacing:0;border-top:1px solid #dddddd; }
.table01 table thead th { background-color:#2457A8; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; padding:7px 5px; color:#ffffff; font-weight:600; text-align:center; }
.table01 table tbody th { border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; background-color:#2457A8; color:#ffffff; padding:7px 5px; line-height:1.3; font-weight:600; text-align:center; }
.table01 table tbody td { border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; text-align:center; padding:15px 20px; line-height:1.5; word-break:keep-all;}
.table01 table tbody > tr > th:last-child { border-right:none; }
.table01 table tbody > tr > td:last-child { border-right:none; }
.table01 table tbody td.rline { border-right:1px solid #dddddd !important; }
.table01 table tbody td.lline { border-left:1px solid #dddddd !important; }
.table01 table tbody td.bline { border-bottom:1px solid #dddddd !important; }

.tab_mo { display:none; }


/* 시공사례 */
.list_banner03 {width:100%; margin:0px auto 0 auto; }
.list_banner03 > ul{position:relative;margin:0;padding:0 15px; list-style:none;}
.list_banner03 > ul > li {float:left; position:relative;top:0px; width:24%; margin-right:1.3333%; margin-bottom:40px; border:1px solid #888888; box-sizing:border-box; background-color:#f9f9f9; }
.list_banner03 > ul > li:after { content:""; display:block; padding-bottom:100%; }
.list_banner03 > ul > li:nth-child(4n) {margin-right:0;}
.list_banner03 > ul > li a { display:inline-block;padding:0;margin:0;text-decoration:none;cursor:pointer; width:100%; height:100%;}
.list_banner03 > ul > li > .mb_thum { position:absolute; left:2.5%; top:2.5%; width:95%; height:75%; padding:0; text-align:center; margin:0 auto; z-index:1; border:0px solid blue; box-sizing:border-box; overflow:hidden; }
.list_banner03 > ul > li > .mb_thum img{ width:100%; height:100%; border:0px solid red; box-sizing:border-box; margin:0 auto; }
.list_banner03 > ul > li > .mb_info {position:absolute; top:80%; left:0.5%; width:99%; overflow:hidden; z-index:3; overflow:hidden; border:0px solid #666666; box-sizing:border-box; text-align:center; font-size:16px;display: flex; justify-content: center; align-items: center; height: 50px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.list_banner03 > ul > li > .mb_info a { display:inline-block; font-size:17px; font-weight:600; letter-spacing:-1px; text-align:center; padding:2px 5px; overflow:hidden; line-height:1.5; word-break:break-all; /*white-space:nowrap; text-overflow:ellipsis;*/}

/* 인사말 */
.greetings {text-align:left;}
.greetings strong{font-size:18px;}
.greetings ul li.img { float:left; width:30%; margin-right:3%; text-align:center; }
.greetings ul li.img img { vertical-align:top; width:auto; max-width:90%; }
.greetings ul li.text { float:left; width:67%; }

ul.cgi_cate_list { width:100%; margin-bottom:30px; }
ul.cgi_cate_list > li { float:left; width:19%; margin-right:1.25%; margin-top:10px; }
ul.cgi_cate_list > li:nth-child(5n) { margin-right:0; }
ul.cgi_cate_list > li > a { display:inline-block; width:100%; height:40px; line-height:40px; font-size:15px; background-color:#f0f0f0; color:#666666; text-align:center; border:1px solid #cfcfcf; box-sizing:border-box; }
ul.cgi_cate_list > li > a.on { background-color:#25be6a; color:#ffffff; border:1px solid #25be6a; }
ul.cgi_cate_list > li:nth-child(1),
ul.cgi_cate_list > li:nth-child(2),
ul.cgi_cate_list > li:nth-child(3),
ul.cgi_cate_list > li:nth-child(4),
ul.cgi_cate_list > li:nth-child(5) { margin-top:0px; }

.tblwrap {margin-top:10px; margin-bottom:15px}
.tblwrap .tblstyle {width:100%; font-size:14px; color:#4b4b4b; border-spacing:0; border-left:1px solid #cacaca; border-bottom:1px solid #6d6d6d;  }
.tblwrap .tblstyle th {border-right:1px solid #cacaca; border-top:1px solid #6d6d6d; background-color:#f1f1f1; font-weight:500; padding:5px 0; height:26px; line-height:1.2; }
.tblwrap .tblstyle td {border-right:1px solid #cacaca; border-top:1px solid #6d6d6d; padding:5px; text-align:center; line-height:24px; }

table.tblstyle04 { border-top:2px solid #000000; }
table.tblstyle04 th { background-color:#efefef !important; line-height:1.2 !important; }
table.tblstyle04 td { line-height:1.2 !important; }
table.tblstyle04 .col01 { width:40px; }
table.tblstyle04 .col02 { width:cacl(40% - 40px); }
table.tblstyle04 .col03 { width:10%; }
table.tblstyle04 .col04 { width:10%; }
table.tblstyle04 .col05 { width:10%; }
table.tblstyle04 .col06 { width:10%; }
table.tblstyle04 .col07 { width:10%; }
table.tblstyle04 .col08 { width:10%; }

@media ( max-width: 1199px ) {

}

@media ( max-width: 1023px ) {

	.sub_v { height:400px; }
	.sub_v .main_img .main_visual,
	.sub_v .main_img .main_visual .main_img_inner { height:400px; }
	.sub_v .main_img_inner p.visual_text01 { top:100px;font-size:20px; width:90%; }
	.sub_v .main_img_inner p.visual_text02 { font-size:30px;}
	.sub_v .main_img_inner p.visual_text02 span { font-size:28px;}
	.sub_v .main_visual05 p.visual_text01 { font-size:28px;  }
	
	.content { width:95%; margin:0 auto; }
	.content .sub_sec { margin:50px auto 0 auto; }
	.sub_sec .ss_info { padding:10px 10px; }

	.sub0101 ul > li.tb_left { display:none; float:none; margin-right:0; }
	.sub0101 ul > li.tb_right { float:none; width:100%; padding-top:0px; }
	.sub0101 ul > li.tb_right .ss_content { margin-bottom:40px; }
	.sub0101 ul > li.tb_left_mo { display:block;} 

/*
	.table01 { overflow-x:scroll; }
	.table01::-webkit-scrollbar { width: 2px !important; }
	.table01::-webkit-scrollbar-thumb { background: #a9a9a9; }
*/

	.ss_product_info { width:100%; margin:20px auto 0 auto; padding:0; display:block; }
	.ss_product_info:after { clear:both; display:block; content:""; }
	.ss_product_info .tb_left { display:block; width:100%; padding-right:0px; text-align:center; }
	.ss_product_title { width:100%; }
	.ss_product_info .tb_right { display:block; width:100%; max-width:800px; padding:20px 10px; margin:20px auto 0 auto;border:1px solid #1b6aa5; box-sizing:border-box; border-radius:5px; }
	.ss_product_info .tb_right > .tr_img { position:relative; margin-top:0; border:0; }

	/* 인사말 */
	.greetings ul li.img { float:none; width:100%; margin-right:0; margin-bottom:20px; }
	.greetings ul li.text { float:none; width:100%; }

}

@media ( max-width: 767px ) {
	
	.info_box { font-size:20px; line-height:1.5; }

	p.font03 { font-size:17px; line-height:1.5;}
	p.font04 { font-size:24px; }

	.mapinfo dt { width:100%; padding:10px 10px; text-align:left; }
	.mapinfo dd { width:100%; padding:10px 10px 10px 20px; }

	.step01 ul li dl dt { width:35%; }
	.step01 ul li dl dt .st_title01 { font-size:18px; }
	.step01 ul li dl dt .st_title02 { width:60%; min-width:190px; font-size:15px;}
	.step01 ul li dl dd { font-size:15px; }

	.ss_product_img > ul > li {float:none; width:100%; margin-right:0; }

	ul.svc_code_list > li { float:left; width:32%; margin-right:1.3333%; margin-top:5px; }
	ul.svc_code_list > li > a { height:35px; line-height:35px; font-size:15px; }
	ul.svc_code_list > li:nth-child(5n) { margin-right:1.3333%; }
	ul.svc_code_list > li:nth-child(3n) { margin-right:0; }
	ul.svc_code_list > li:nth-child(4),
	ul.svc_code_list > li:nth-child(5) { margin-top:5px; }
	

	ul.cgi_cate_list > li { width:32%; margin-right:2%; margin-top:7px; }
	ul.cgi_cate_list > li:nth-child(5n) { margin-right:2%; }
	ul.cgi_cate_list > li:nth-child(3n) { margin-right:0; }
	ul.cgi_cate_list > li > a { height:30px; line-height:30px; font-size:14px; letter-spacing:-1px; }
	ul.cgi_cate_list > li > a.on { background-color:#7FBE25; color:#ffffff; border:1px solid #7FBE25; }
	ul.cgi_cate_list > li:nth-child(1),
	ul.cgi_cate_list > li:nth-child(2),
	ul.cgi_cate_list > li:nth-child(3) { margin-top:0px; }
	ul.cgi_cate_list > li:nth-child(4),
	ul.cgi_cate_list > li:nth-child(5) { margin-top:7px; }


	table.tblstyle04 th { font-size:13px; }
	table.tblstyle04 td * { font-size:13px; }
	table.tblstyle04 .col01 { width:30px; }
	table.tblstyle04 .col02 { width:cacl(100% - 190px); }
	table.tblstyle04 .col03 { width:100px; }
	table.tblstyle04 .col04 { display:none; }
	table.tblstyle04 .col05 { display:none; }
	table.tblstyle04 .col06 { display:none; }
	table.tblstyle04 .col07 { display:none; }
	table.tblstyle04 .col08 { width:60px; font-size:13px !important; }


}

@media ( max-width: 479px ) {

	.cont_tit > span.page_title01 { font-size:25px; }
	
	.sub_v { height:350px; }
	.sub_v .main_img_inner p.visual_text01 { font-size:18px; font-weight:400; }
	.sub_v .main_img_inner p.visual_text02 { font-size:25px;}
	.sub_v .main_img_inner p.visual_text02 span { font-size:23px;}
	.sub_v .main_visual05 p.visual_text01 { font-size:25px;  }
	.sub_v .main_visual05 p.visual_text02 { bottom:80px;  }

	.sub0101 .txt_box { font-size:17px; }
	.ss_01 { font-size:22px; }

	.sub_sec .ss_title04 { width:130px; }


	.step01 ul li dl dt { width:35%; }
	.step01 ul li dl dt .st_title01 { font-size:15px; letter-spacing:-1px; }
	.step01 ul li dl dt .st_title02 { width:60%; min-width:150px; font-size:14px; letter-spacing:-1px;}
	.step01 ul li dl dd { font-size:14px; }

	/* 서브 */
	/* 인사말 */
	
	ul.svc_code_list > li > a { height:30px; line-height:30px; font-size:14px; letter-spacing:-1px; }
	
	table.tblstyle04 td * { letter-spacing:-1px; }
	table.tblstyle04 .col01 { width:20px; }
	table.tblstyle04 .col02 { width:cacl(100% - 155px); }
	table.tblstyle04 .col03 { width:75px; }
	table.tblstyle04 .col08 { width:60px; }
}
@media ( max-width: 330px ) {
	ul.cgi_cate_list > li > a { font-size:13px; }
}