@charset "utf-8";

@import url( "https://fonts.googleapis.com/earlyaccess/notosanskr.css" );
@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap');

body {font-family: "Noto Sans KR", sans-serif; font-size: 14px !important; background: #fff; overflow-x: hidden;}
ul { padding:0; margin:0; }
li { list-style-type:none; }

h4 { font-size:3rem; }
h5 { font-size:2rem; }

.elp{overflow:hidden;text-overflow:ellipsis;display:inline-block;white-space:nowrap;}


.row {position:relative;margin:0 auto;max-width:1300px;width:100%; padding:0 20px; box-sizing: border-box}
.row:after{content:"";display:block;visibility:hidden;clear:both;}


.logo { display: inline-block; width: 250px; height: 40px; margin-top:15px; text-indent: -2000px; background:url("../img/logo.png") no-repeat;  }/*240228 width: 168px;수정*/
.container-fluid { padding-right:60px; padding-left:60px; }



/*메인*/
.section {position: relative; min-height: 100vh;}
.section .innerbox { padding-top:20rem;}
.section .innerbox:after {content:""; display:block; clear:both; overflow:hidden}
#section1 { background:url("../img/main_bg.png") no-repeat; background-size: cover; color:#fff;}
#section2 { background:url("../img/main_bg1.jpg") no-repeat; background-size:cover;}
#section3 { background: #f3f7fa; }
#section4 {}

.sec1Tit { margin-top:12rem; text-align: center; letter-spacing: -1px;}
.sec1Tit span { font-size: 40px; font-weight: 200; }
.sec1Tit p{ margin:20px 0;;font-size: 50px; font-weight: 700; }
.sec1Btn { margin-top: 30px; text-align: center; }

#section2 .innerbox { position: relative; width: 100%; padding-top:120px; text-align: center; overflow: hidden;}
.mainTit02 { margin-bottom: 40px; font-size:45px; font-weight: 700; color:#fff;  }
.mainTit02:before { display:block; width: 50px; height:2px; margin: 0 auto 40px; background: #0062c4; content: ""; }
.sec2_Box { display: flex; align-items: stretch; padding-bottom: 70px;}
.sec2_Box li {width: 33.3%; margin-right: -1px; border:solid 1px #fff; z-index: 10;}
.sec2_Box li:hover { background: #0494d9; border-color:#0494d9; z-index: 100; } 
.sec2_Box li a { display: inline-block; padding:70px 50px; color:#fff; }
.sec2_Box li a h3 { margin: 20px 0; color:#fff; font-size:30px; font-weight: 300; }
.sec2_Box li a p { word-break: keep-all; }
.sec2_Box li a span.sec2_icon { display: inline-block; width: 70px; height: 70px;}
	.icon01 { background:url("../img/sec2_icon01.png") no-repeat center; }
	.icon02 { background:url("../img/sec2_icon02.png") no-repeat center; }
	.icon03 { background:url("../img/sec2_icon03.png") no-repeat center; }
.titInfo { margin-bottom: 50px; color:#fff; font-size: 20px; font-weight: 300;}


#section3 .mainTit02 { color:#000; }
#section3 .innerbox { position: relative; width: 100%; padding-top:120px; padding-bottom: 70px; text-align: center; overflow: hidden;}
.main-tabs { display: flex; justify-content: center; background: none; }
.main-tabs li {display: inline-block; width:200px; margin-left: -1px; border:solid 1px #ddd; z-index: 10; }
.main-tabs li a { padding: 13px 0; margin: 0; font-size:18px; color:#666; }
.nav-tabs>li.active {border: solid 2px #0594da; z-index: 100;}
.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:focus, 
.nav-tabs>li.active>a:hover {
	background: none;
	color:#0594da;
}
.nav-tabs>li>a:hover {
	background: none;
}
.tab-content { margin: 60px 0; background: none; }

.sec3_list { display:flex; justify-content: space-between; width:100%; }
.sec3_list li { margin:10px; background: #fff; width:360px;
	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;
}
.sec3_list li:hover {box-shadow: 5px 5px 15px rgba(0,0,0,0.3);}
.sec3_list li.empty{background:transparent;width:100%}
.sec3_imgBox {position:relative; width:100%;padding-top:72.3%;overflow:hidden; }
.sec3_imgBox img {position:absolute;top:0;left:0;width:100%;}
.sec3_txtBox {padding:20px; color:#666;}
.sec3_txtBox p { font-size:20px; color:#000; }
.btnArea { margin:60px 0; width: 100%; text-align: center;}


#section4 .innerbox {padding-top: 120px; padding-bottom: 100px;}
#section4 .innerbox:after {content:""; display:block; clear:both; overflow:hidden}
.noticeBox { position: relative; margin-bottom: 25px; border:solid 1px #cfcfcf; border-top-color:#111; }
.noticeBox:after {content:""; display:block; clear:both; overflow:hidden}
.notice_tit { margin:25px 30px; font-size:20px;  }
.notice_more { position: absolute; top: 25px; right: 30px; display: block; }
.notice_list { border-top:solid 1px #cfcfcf; }
.notice_list li { float:left; width: 33%; min-height: 200px; margin:25px 0; padding:0 30px; border-right:solid 1px #e4e4e4; }
.notice_list li:last-child { border-right: none; }
.notice_list li span { display: block; word-wrap: break-word; }
.notice_list li .tit { height: 60px; padding:10px 0; font-size:18px; font-weight: 600; color:#000;  }
.notice_list li .txt:before { display: block; width: 30px; height: 1px; margin:20px 0; background: #c3c3c3; content: ""; }
.notice_list li .txt { height: 100px; margin:10px 0; color:#666;overflow:hidden }
.notice_list li .date {color:#666; }
.callBox { height:150px; padding:25px 30px; }
.call01 {  background:url("../img/sec4_icon01.png") no-repeat 90% 80%; }
.call02 {  background:url("../img/sec4_icon02.png") no-repeat 90% 80%; }
.callBox .tit {display: block; color:#000; font-size:16px;}
.callBox strong {display: block; margin-top: 30px; font-size:24px; }
.callBox p { height: 40px; color:#666; }


#section5 {position: relative; width: 100%; min-height: 590px; background: #163e75;}
.sec5Top { position: absolute; top:40px; left: 50%; margin-left:70px; }
.mainTit03 {margin-bottom: 25px; color:#fff; font-weight: 600; }
.map-tabs { display: flex; justify-content: center; background: none; }
.map-tabs li {display: inline-block; width:200px; margin-left: -1px; border:solid 1px #a7b0c2; z-index: 10; text-align: center }
.map-tabs li a { padding: 13px 0; margin: 0; font-size:18px; color:#a7b0c2; }
.map-tabs>li.active {border: solid 2px #fff; z-index: 100;}
.map-tabs>li.active>a, 
.map-tabs>li.active>a:focus, 
.map-tabs>li.active>a:hover {
	background: none;
	color:#fff;
}

.sec5Box { margin:0; padding: 0; background: none; }
.sec5Box:after {content:""; display:block; clear:both; overflow:hidden}
.sec5_txt {float: right; width:50%;}
.sec5_map { float: left; width:50%; height: 620px; }
.sec5_txt ul { width: 600px; padding: 150px 0 0 70px; color:#fff; }
.sec5_txt ul li { width: 100%; padding:20px 10px; margin-top: 10px; border-bottom:solid 1px #a7b0c2; font-size:16px; overflow: hidden}
.sec5_txt ul li:last-child { border-bottom: none; }
.sec5_txt ul li .map_txtBox { float:left; width:50%; }




  /*서브*/
.subVisual { width: 100%; padding:200px 0 150px; margin: 0; text-align: center;}
.sub01 { background:url("../img/main_bg.jpg") no-repeat center;}
.sub02 { background:url("../img/sub_top_bg2.jpg") no-repeat center;}
.sub03 { background:url("../img/sub_top_bg1.jpg") no-repeat center;}
.sub04 { background:url("../img/sub_top_bg3.jpg") no-repeat center;}
.sub05 { background:url("../img/sub_top_bg4.jpg") no-repeat center;}
.sub06 { background:url("../img/sub_top_bg5.jpg") no-repeat center;}
.subVisual h2 { font-size: 45px; margin:0; color:#fff !important; font-weight: 600;}

.sub-topmn { width:100%;  background:url("../img/sub_topmn_bg.png") repeat-x bottom; }
.sub-topmn ul { width: 100%; text-align: center; }
.sub-topmn ul li {display: inline-block; }
.sub-topmn ul li a { display: inline-block; padding:20px 30px; color:#8d8d8d; font-size:18px;}
.sub-topmn ul li.active a { color:#0494d9;border-bottom:solid 2px #0494d9; font-weight: 500;}

.row:after {content:""; display:block; clear:both; overflow:hidden}
.subContentBox {margin:80px 0; font-size:18px; font-weight: 300; box-sizing: border-box; }
.subContentBox:after {content:""; display:block; clear:both; overflow:hidden}
.subTit01 {margin-bottom: 50px; text-align: center; font-size: 40px; }
.subTit02 {margin-bottom: 20px; font-size: 30px; }


/*인사말*/
.greetingBox { display:flex; justify-content:space-between}
.greetingBox>div { width:48%; }
.gTxt p { margin-bottom: 30px; line-height: 150%; font-weight: 300;letter-spacing:-0.05em}
.gImg { position: relative; padding-bottom: 5%; }
.gImgBox {position: relative; width:95%; z-index: 100; }
.gImgBox img {width:100%;}
.gImgBox::before {position: absolute; display: block; bottom:-5%; right: -5%; width:100%; height:100%; border:solid 10px #e5e5e5; z-index: -1; content: ""; }


/*회사개요*/
.comBox_top { position:relative; width:100%; padding: 50px 0; }
.comImg { position:absolute; top:0; left:0; width:50%; box-shadow: 5px 5px 15px rgba(0,0,0,0.3);  }
.comImg img { width:100%; }
.comTxt { width: 60%; padding:5% 5% 5% 13%; margin-left: 40%; border:solid 20px #ededed; }
.comTxt p { padding:10px 0; word-break: keep-all; }

.comBox {  padding-bottom: 50px; }

/*조직도*/
.groupBox { text-align: center; padding-bottom: 50px; }
.groupBox img { width: 100%; max-width: 1200px; }


/*경영이념*/
.miBox { width: 200%; margin-left: -50%; margin-top: 30px; background: #fafafa; }
.miImg { padding:50px 0; text-align: center; }
.miImg img { width:100%; max-width: 678px; }

.miBox1 { padding:50px 0; }
.miBox1 ul {display:flex; justify-content: space-between; }
.miBox1 ul li { position: relative; width:32%; padding:50px; border:solid 1px #d1d1d1; text-align: center; z-index: 10;
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;
}
.miBox1 ul li:hover { border-color:#0494d9; background: #fafafa; z-index: 100 }
.miBox1 ul li .mi_icon { display: inline-block; width: 65px; height: 65px; margin-bottom: 10px;}
	.mi_icon01 { background:url("../img/mn1sub4_icon01.png") no-repeat center; }
	.mi_icon02 { background:url("../img/mn1sub4_icon02.png") no-repeat center; }
	.mi_icon03 { background:url("../img/mn1sub4_icon03.png") no-repeat center; }
	.mi_icon04 { background:url("../img/mn1sub4_icon04.png") no-repeat center; }
.miBox1 ul li .mi_line {  display: inline-block; width: 40px; height: 1px; margin-bottom: 20px; background:#000000; }
.miBox1 ul li p { word-break: keep-all; }


/*오시는길*/
.sub-tabs { display: flex; justify-content: center; background: none; text-align: center }
.sub-tabs li {display: inline-block; width:200px; margin-left: -1px; border:solid 1px #ddd; z-index: 10; }
.sub-tabs li a { padding: 13px 0; margin: 0; font-size:18px; color:#666; }

.mapBox { position: relative; padding:0 0 150px 0 !important; }
.map_info { position: absolute; bottom: 0; width: 100%; display: flex; justify-content: center;}
.map_titBox { width: 25%; background: #0381cf; text-align: center; color: #fff; display: flex; align-items: center; box-shadow: 5px 5px 15px rgba(0,0,0,0.3);}
.map_titBox h4 { width: 100%; text-align: center; font-size:40px; font-weight: 600; color:#fff;}
.map_titBox span { display: block; font-size:16px; font-weight: 300;}

.map_txtBox_sub { width:65%; padding:40px; background: #0494d9; color: #fff;box-shadow: 5px 5px 15px rgba(0,0,0,0.3); }
.map_addr { padding-bottom: 7px; border-bottom:solid 1px #2da0d7; font-size:24px; }
.map_addr strong { display: inline-block; width:70px;}
.map_txtBox_sub ul { width:100%; margin-top: 10px; }
.map_txtBox_sub ul li { float:left; width: 50%; padding:7px 0; font-size:16px; }
.map_txtBox_sub ul li strong { display: inline-block; width: 70px;}


/*건물 맞춤 관리*/
.business_top { width: 200%; margin-left: -50%; padding:120px 0; font-size:24px; text-align: center; color:#fff; background: url("../img/mn2_sub1_bg.jpg") no-repeat center bottom; background-size:cover; }
.business_list { margin: 70px 0 50px; }
.business_list ul { display: flex;justify-content: space-between; align-items: center; }
.business_list ul li { width:33.3%; height: 450px;text-align: center;}
.business_list ul li a { display: flex; width: 100%; height: 100%; flex-direction: column; justify-content: center; align-items: center; color:#fff;  font-size:40px; font-weight: 600;}
.business_list ul li.b_list01 a { background: url("../img/mn2_sub1_bg1.jpg") no-repeat center; background-size:cover;  }
.business_list ul li.b_list01 a:hover { background: url("../img/mn2_sub1_bg1_1.jpg") no-repeat center; }
.business_list ul li.b_list02 a { background: url("../img/mn2_sub1_bg2.jpg") no-repeat center;  background-size:cover; }
.business_list ul li.b_list02 a:hover { background: url("../img/mn2_sub1_bg2_1.jpg") no-repeat center; }
.business_list ul li.b_list03 a { background: url("../img/mn2_sub1_bg3.jpg") no-repeat center;  background-size:cover; }
.business_list ul li.b_list03 a:hover { background: url("../img/mn2_sub1_bg3_1.jpg") no-repeat center; }
.business_list ul li a .b_line { display: block; width: 50px; height: 1px; margin-top: 20px; border:solid 1px #ddd; border-width: 1px 0 0 0; }
.business_list ul li a:hover .b_line { width: 50px; height: 50px; border:solid 1px #ddd; border-width: 1px; background: url("../img/btn_white_bg.png") no-repeat center; }


/*행정관리*/
.businessBox { width:100%; margin-bottom: 50px; }
.businessBox:after {content:""; display:block; clear:both; overflow:hidden}
.bsImg { float:left; width: 50%; padding:0; margin: 0; }
.bsImg img { width: 100%;}
.bsTxt { float:left; width: 50%; padding:30px 0 0 60px; margin: 0; }
.bsTxt h4 { padding-bottom: 20px; font-size:40px; border-bottom:solid 1px #d6d6d6; }
.bsTxt ul { margin-top: 20px; }
.bsTxt ul li { padding:5px 0; }
.bsTxt ul li::before { display: inline-block; width: 4px; height: 4px; margin: 5px 10px; background: #333; border-radius: 5px;content:""; }



/*견적문의*/
.helpBox { padding-top: 20px; border-top:solid 2px #333; border-radius: 0 !important; }



/*테이블*/
.tableBox {max-width:none;width:calc(100% - 1px);table-layout:fixed; border-top:solid 2px #333; margin-top: 20px;}
.tableBox td,
.tableBox th {border-bottom:1px solid #dddfe5;}
.tableBox th {padding:20px 15px;font-size:18px;font-weight:400;line-height:20px;text-align:center;background:#f7f7f7;color:#333;}
.tableBox td {padding:20px 15px; font-size:18px;font-weight:300;line-height:25px;text-align:left;}
.tableBox .line {border-left: solid 1px #dddfe5;}


/*기타*/
.jumbotron { padding-right:30px; padding-left: 30px; background: #fff; border:solid 2px #ddd;  }
.email_box { text-align: center}
.email_box .img { margin-bottom: 30px;}



.m_only { display: none; }
.pc_only { display: inherit; }

.fc_blue { color:#0594d8; }
.fc_black { color:#000; }

.fw_normal { font-weight: 400; }

.fs_40 { font-size:40px;}
.fs_30 { font-size:30px;}
.fs_25 { font-size:25px;}
.fs_20 { font-size:20px;}
.fs_14 { font-size:14px;}

.txt_center { text-align: center }

a {
	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;	
}
.btn {display:inline-block;text-decoration:none;vertical-align:middle}
a.btn_white {width: 220px; padding:12px 25px;border:1px solid #fff;color:#fff; font-size: 18px; text-align: left; background: url("../img/btn_white_bg.png") no-repeat 170px center;}
a.btn_white:focus, a.btn_white:hover {text-decoration:none; border-color: #0494d9; color:#fff}
.btn_round_b {width: 250px; padding:15px 30px; border:solid 3px #333333; border-radius: 50px; font-size:18px; color:#333; }
.btn_round_b:focus, .btn_round_b:hover {text-decoration:none; border-color: #0494d9; color:#0494d9}

.web_br{display:block}
.netzero{margin-bottom: 30px;text-align:center}

.modal-title{font-size:2rem}
#main_popup .item {text-align:center;}
#main_popup .item .cont{display:flex;align-items:center;}
#main_popup .item img{margin:0 auto}
#main_popup iframe{margin:0 auto;width:100%;}
.video_box{position:relative;width:100%;padding-top:56.4%}
.video_box iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

 @media all and (max-width:1200px){
	.logo { height: 30px; margin-top: 5px; background:url("../img/logo_m.png") no-repeat center; background-size: auto 100%; }
	.row { padding:0 20px;}
 }




 @media all and (max-width:992px){
	/*메인*/
	.section {height: auto; min-height: inherit; padding-bottom: 50px;}


	/*메인 section 1*/
	.section .innerbox { padding-top:90px; padding-bottom: 70px;}
	.sec1Tit { margin-top:1.7rem; text-align: center;}
	.sec1Tit span { font-size:20px;word-break: keep-all;}
	.sec1Tit p { font-size:40px;word-break: keep-all; }


	#section2 .innerbox {padding-top:70px;padding-bottom:0; }
	.mainTit02 { margin-bottom: 20px; font-size:35px;  }
	.mainTit02:before { margin: 0 auto 20px;  }
	.sec2_Box { display:block; }
	.sec2_Box li {width:100%; margin-right: 0; margin-bottom:-1px; }
		 .sec2_Box li a { padding:40px 30px;}
	.sec2_Box li a h3 { margin: 20px 0; color:#fff; font-size:25px; font-weight: 300; }
	.sec2_Box li a p { word-break: keep-all; }
	.sec2_Box li a span.sec2_icon { display: inline-block; width: 70px; height: 70px;}


	#section3 .innerbox {padding-top:70px; padding-bottom: 0;}
	.main-tabs li {display: inline-block; width:33%; margin-left: -1px; text-align: center; border:solid 1px #ddd; z-index: 10; }
	.main-tabs li a { padding: 10px 0; font-size:14px; color:#666; }	 
	.tab-content { margin: 30px 0; padding:0 0.6%; } 

	.sec3_list { display:flex;flex-wrap: wrap; justify-content: space-between; width:100%; }
	.sec3_list li { width:47%; margin:10px 0; }
	.sec3_txtBox {padding:15px; color:#666;}
	.sec3_txtBox p { font-size:18px;margin: 0; }
	.list_more { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; background: #dae3ea; color:#96a5b0; font-size:20px;}
	 
	
	 #section4 .innerbox {padding-top:70px; padding-bottom: 70px;}
	.notice_list li { float:left; width: 100%; min-height: auto; margin:0 0; padding:15px 15px; border-bottom:solid 1px #e4e4e4; }
	.notice_list li:last-child { border-bottom: none; }
	.notice_list li .tit { height: auto; padding:5px 0; }
	.notice_list li .txt { height: auto; margin:10px 0; }
	.notice_list li .txt:before { display: block; width: 30px; height: 1px; margin:10px 0; background: #c3c3c3; content: ""; }
	 
	 #section4 .col-md-9,
	 #section4 .col-md-3{padding:0;}
	 
	.sec5Top { position: absolute; top:40px; left: 0; margin-left:0; padding: 0 20px; width: 100%;}
	.sec5Box { margin:0; padding: 0; background: none; }
	.sec5Box:after {content:""; display:block; clear:both; overflow:hidden}
	.sec5_txt {float: right; width:100%; margin-bottom: 50px}
	.sec5_map { float: left; width:100%; height: 620px; }
	.sec5_txt ul { width: 100%; padding: 170px 20px 0 20px; color:#fff; }


	 .map-tabs li {display: inline-block; width:50%; margin-left: -1px; border:solid 1px #a7b0c2; z-index: 10; text-align: center }
	 .map-tabs li a { padding: 10px 0; font-size:14px; color:#a7b0c2; }

	 
	 
	/*서브*/
	.subVisual { padding:40px 0;}
	.subVisual h2 { font-size: 35px;}
	.subContentBox {margin:50px 0; box-sizing: border-box; }
	.subTit01 {padding-bottom: 30px; margin-bottom: 30px; text-align: center; font-size: 30px; border-bottom:solid 1px #ddd; }
	.subTit02 {margin-bottom: 10px; font-size: 24px; }
	
	.sub-topmn { width:100%;  background:url("../img/sub_topmn_bg.png") repeat-x bottom; }
	.sub-topmn ul { width: 100%; text-align: center; overflow-x: scroll; white-space:nowrap}
	.sub-topmn ul li {display: inline-block; }
	.sub-topmn ul li a { display: inline-block; padding:20px 15px; color:#8d8d8d; font-size:15px;}
	.sub-topmn ul li.active a { color:#0494d9;border-bottom:solid 2px #0494d9; font-weight: 500;}
	 
	 
	 /*인사말*/
	 .greetingBox { display:block; padding-bottom: 50px;}
	 .greetingBox>div { width:100%; }
 
	 
	 /*회사개요*/
	.comBox_top { position:relative; width:100%; padding: 0 0 50px; }
	.comImg { position:relative; top:0; left:0; width:100%; box-shadow: 5px 5px 15px rgba(0,0,0,0.3);  }
	.comImg img { width:100%; }
	.comTxt { width: 100%; padding:5% 7% 5% 7%; margin-left: 0; border:solid 20px #ededed; }

	 
	 /*경영이념*/
	.miBox { width: 100%; margin-left: 0; margin-top: 30px; }
	.miImg { padding:30px; }

	.miBox1 { padding:50px 0; }
	.miBox1 ul {display:block; }
	.miBox1 ul li { width:100%; padding:30px; margin-bottom: -1px;}
	
	 
	 /*오시는길*/
	.sub-tabs li {display: inline-block; width:50%;  }
	.sub-tabs li a { padding: 10px 0; font-size:14px; }

	.mapBox { position: relative; padding:0 0 0 0 !important; }
	.map_info { position: relative; bottom: 0; width: 100%; display:block;}
	.map_titBox { width: 100%; padding:15px 0;}
	.map_titBox h4 {font-size:30px; }

	.map_txtBox_sub { width:100%; padding:30px; overflow: hidden}
	.map_addr { padding-bottom: 7px; border-bottom:solid 1px #2da0d7; font-size:18px; }
	.map_addr strong { display: inline-block; width:70px;}
	.map_txtBox_sub ul { width:100%; margin-top: 10px; }
	.map_txtBox_sub ul li { float:left; width: 50%; padding:7px 0; font-size:16px; }
	.map_txtBox_sub ul li strong { display: block; width: 70px;}
	.map_txtBox_sub ul li a { color:#FFFD00; }
	 
	 
	/*건물 맞춤 관리*/
	.business_top { width: 100%; margin-left: 0; padding:70px 10px; font-size:18px; word-break: keep-all }
	.business_top strong { font-size:24px; }
	.business_list { margin: 30px 0; }
	.business_list ul { display: block; }
	.business_list ul li { width:100%; height: 150px; margin-bottom: 1px}
	.business_list ul li a { flex-direction: row; justify-content: space-around; align-items: center;font-size:25px;}
	.business_list ul li a .b_line { width: 50px; height: 50px; border:solid 1px #ddd; border-width: 1px; background: url("../img/btn_white_bg.png") no-repeat center; }

	/*사업영역*/

	.bsImg { width:100%; }
	.bsTxt { width:100%; padding:30px 0; margin-bottom: 50px; }
	.bsTxt h4 {font-size:30px;}


	.m_only { display: inherit; }
	.pc_only {display: none;  }

}

@media all and (max-width:768px) {

	.web_br{display:inline;}

#main_popup .item .cont{display:flex;align-items:center;min-height:auto;}

}