.sub_con .in{max-width:1300px;}

.sub_vi {background:url('./img/sub_vi1.png') no-repeat center; background-size:cover; width:100%;height:400px; position:relative;} 
.sub_vi .in {display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	padding-top:80px; box-sizing:border-box;
	position:relative; height:100%
	} 
.sub_vi1 {background:url('/common/img/sub_vi1.png') no-repeat center / cover, rgba(0, 0, 0, 0.6); background-blend-mode:multiply} 
.sub_vi2 {background:url('/common/img/sub_vi2.png') no-repeat center / cover, rgba(0, 0, 0, 0.5); background-blend-mode:multiply} 
.sub_vi3 {background:url('/common/img/sub_vi3.png') no-repeat center -400px / cover, rgba(0, 0, 0, 0.3); background-blend-mode:multiply} 
.sub_vi4 {background:url('/common/img/sub_vi4.png') no-repeat center / cover, rgba(0, 0, 0, 0.3); background-blend-mode:multiply} 
.sub_vi5 {background:url('/common/img/sub_vi5.png') no-repeat center / cover, rgba(0, 0, 0, 0.3); background-blend-mode:multiply} 

.sub_vi .t { }
.sub_vi .t h3 { font-size:3.8em;color:#fff; font-weight:600; margin-bottom:20px; line-height:1.2;}
.sub_vi .t h6 { font-size:1.2em;  color:#eee; font-weight:400; line-height:1.3;}
.sub_vi .t p {font-size:1.1rem; margin-top:40px; color:#fff; font-weight:300;}

.visual_lnb{animation: text-active-animation 0.8s ease both; animation-delay:0.7s; z-index:999;     backdrop-filter: blur(1px); display:flex; align-items:center; height:60px; font-size:1.2em;}
.visual_lnb dl {display:flex; align-items:center; gap:40px;}
.visual_lnb dl dt a {display:block; color:var(--main_f)}
.visual_lnb dl dd {position:relative;   display:flex; align-items:center; height:60px;}
.visual_lnb dl dd:before {content:' ';   display:block; position:relative; width:4px; height:4px; background:rgba(255,255,255,0.5); border-radius:50%; left:-20px;}
.visual_lnb dl dd .txt { color:var(--main_f);  display:flex; align-items:center; justify-content:space-between; gap:15px;}
.visual_lnb dl dd .txt span {font-weight:300;}
.visual_lnb dl dd .txt.on:after{transform:rotate(180deg);}
.visual_lnb dl dd ul {display:none; position:absolute; top:60px; left:50%; width:100%; background-color:#fff; border:1px solid #ddd; border-top:none; padding:20px 15px; box-sizing:border-box; min-width:150px; transform: translate(-50%, 0);    text-align: center; } 
.visual_lnb dl dd:hover ul {display:block;} 
.visual_lnb dl dd ul:hover {display:block;} 
.visual_lnb dl dd ul li{line-height:1.3; margin-bottom:10px }
.visual_lnb dl dd ul li:last-child{margin-bottom:0;}
.visual_lnb dl dd ul li a{display:inline-block; width:100%; font-size:.85em;}
.visual_lnb dl dd ul li:hover a{text-decoration:underline} 
.visual_lnb i{color:var(--main_f);}

.sub_vi2 .visual_lnb dl dd ul{min-width:230px;}

  @media all and (max-width:1200px) {
	  .sub_vi3 {background-position:center;}
  
  }
  @media all and (max-width:900px) {
   .sub_vi {height:270px}
   .sub_vi .in{align-items:start; padding-top: 60px;}
   .sub_vi .t {top:calc(50% - 20px);  width:92%;}
   .sub_vi .t h3 { font-size:2em; margin-bottom:0;}
   .sub_vi .t h6 { font-size:1em;}
   .sub_vi .t p {display:none}

   .h3_div {margin-bottom:0}
   .in.tm50 {margin-top:40px !important}


}

  @media all and (max-width:900px) {
	.visual_lnb {width:100%; }
	.visual_lnb dl dt {display:none}
	.visual_lnb dl {width:100%; display:block;}
	.visual_lnb dl dd:before { display:none;}
	.visual_lnb dl dd {width:100%; height:40px;}
	.visual_lnb dl dd .txt {  font-size:1em;  width:100%;}
	.visual_lnb dl dd:first-of-type {display:none;}
	.visual_lnb dl dd:last-child .txt{width:100%; min-width:auto;}
    .visual_lnb dl dd ul{ z-index: 99; top:40px; text-align:left;}

	 .visual_lnb dl dd.open ul { display:block; } 

}

.sub_con section{padding:100px 0; box-sizing:border-box;}
.sub_con h4{font-size:2em; font-weight:600; position:relative; margin-bottom:40px; position:relative; margin-left:17px;}
.sub_con h4::before{content:''; position:absolute; top:2px; left:-17px; width:6px; height:30px; 
	background:linear-gradient(0deg, rgb(1 56 145) 52%, #dbe8ff 100%);
}
.sub_con h5{font-size:1.4em; margin-bottom:10px; font-weight:500; }
hr{margin-top:60px; }
.main_c{color:var(--main_c) !important;}

@media all and (max-width:900px) {
	.sub_con{}
	.sub_con section{padding:60px 0; font-size:14px;}
	.sub_con h4{font-size:1.6em; margin-bottom:30px;}
	.sub_con h4::before{height:23px;}
	.sub_con h5{font-size:1.3em;}
}


.company01{background: url(/common/img/company01_bg.png) no-repeat center / cover, rgb(255 255 255 / 95%);    background-blend-mode: hue;}
.company01 .in{display:flex; gap:30px;}
.company01 .txtbox { line-height:1.8; font-size:1.3em; font-weight:300;}
.company01 h4{font-size:2em; font-weight:800; margin-left:0;}
.company01 h4::before{display:none;}
.company01 b{font-weight:600; color:var(--main_c)}
.company01 span{display:inline-block; width:100%; text-align:right; line-height:1.4; color:#666; font-style:italic;}
@media (max-width: 900px) { 
	.company01 h4{font-size:1.6em; line-height:1.3; margin-bottom:20px;}
	.company01 .txtbox{font-size:1.2em;}
}

.company02 p{padding:30px; box-sizing:border-box; background:#f7f7f7; font-size:1.2em; line-height:1.5; margin-bottom:20px;}
.company02 b{}

@media (max-width: 900px) { 
	.sub_con .company02 th, .sub_con .company02 td{display:block; width:100%; margin-top:-1px;}
	.sub_con .company02 td{}
	.company02 .c1, 	.company02 .c3, 	.company02 .c5{width:auto;}
	.company02 p{padding:20px;}
}

.company03{background:#f6f6f6;}
.company03 .wrap{display:flex; flex-wrap:wrap; gap:40px 20px;}
.company03 .wrap > div{width:calc(50% - 10px); display:flex; gap:20px; align-items:start;}
.company03 h6{color:var(--main_c); font-size:1.6em; font-weight:600;     padding: 25px 30px ; box-sizing:border-box; background:#fff;  box-shadow: 7px 7px #ddd; border-radius: 10px; font-style:italic;}
.company03 ul{margin-top:30px;}
.company03 li{position:relative; padding-left:12px; box-sizing:border-box; flex-shrink:0; margin-bottom:10px; font-weight:300; line-height:1.5; font-size:1.1em;}
.company03 li::before{content:''; width:4px; height:4px; top:10px; left:0; background:#777; position:absolute;}

@media (max-width: 900px) { 
	.company03 .wrap > div{width:100%; flex-direction:column;}
	.company03 ul{margin:0 0 0 20px;}
	.company03 h6{padding:16px 22px; font-size:1.3em;}
}


.company05 {background:#f8f8f8;}
.company05 .flex{gap:30px; flex-wrap:wrap;}
.company05 dl{width:calc(25% - 23px); }
.company05 dt{box-shadow:5px 5px 10px rgb(0 0 0 / 6%); }
.company05 img{width:100%; }
.company05 dd{text-align:center; font-size:1.2em; margin-top:20px; color:#000;}

@media (max-width: 900px) { 
	.company05 .flex{gap:20px;}
	.company05 dl{width:calc(50% - 10px);}
	.company05 dd{font-size:1.1em; margin-top:10px;}
}

.company06{}
.company06 .wrap{display:flex; flex-wrap:wrap;}
.company06 iframe{width:60%; height:400px;}
.company06 ul{width:40%; background:#ecf2f5; padding:30px; box-sizing:border-box; display:flex; flex-direction:column; justify-content:center;}
.company06 li{display:flex; font-weight:300; margin-bottom:7px; font-size:1.1em; align-items:center; gap:10px;}
.company06 li:first-child{font-weight:600; margin-bottom:20px; font-size:1.4em;}
.company06 li:last-child{margin-bottom:0;}
.company06 li b{flex-shrink:0; width:80px; color:#fff; background:var(--main_c); padding:10px 0; box-sizing:border-box; font-size:.85em; border-radius:50px; text-align:center; font-weight:500; letter-spacing:0;}

@media (max-width: 900px) { 
	.company06 iframe{width:100%; height:300px;}
	.company06 ul{width:100%;}
}

.tb_wrap{overflow:auto;}
.sub_con table{min-width:50%; border-top:2px solid var(--main_c); width:100%; font-size:1.05em;}
.sub_con th, .sub_con td{border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:15px; box-sizing:border-box; }
.sub_con th:last-child, .sub_con td:last-child{border-right:0;}
.sub_con th{background:#ecf2f5; font-weight:500; }
.sub_con td{line-height:1.5; font-weight:300;}
.sub_con td.bd_right{border-right:1px solid #ddd;}
.highlight{color:#ff6a2a; font-weight:500 !important;}
.tip{margin-top:7px; display:inline-block; width:100%; font-weight:300;}

.col-2{display:flex; gap:30px;}
.col-2 .wrap{width:50%;}
.col-2 .step .box{width:calc(50% - 5px);}

.bg{padding:30px; box-sizing:border-box; background:#f9f9f9; border:1px solid #ddd; border-top:2px solid var(--main_c)}
.bg li{position:relative; padding-left:12px; box-sizing:border-box; margin-bottom:10px; font-weight:300; font-size:1.05em; line-height:1.4;}
.bg li:last-child{margin-bottom:0;}
.bg li::before{content:''; width:4px; height:4px; top:9px; left:0; background:#555; position:absolute;}

.step{display:flex; gap:10px; flex-wrap:wrap;}
.step .box{padding:20px; background:#f9f9f9; box-sizing:border-box; width:calc(25% - 8px); padding-top:30px; border:1px solid #ddd;}
.step h6{font-size:1.2em; margin-bottom:7px; font-weight:600; display:flex; gap:5px;}
.step h6 b{
	margin-top:-8px;
	background: var(--main_c);
	color:#fff;
	border-radius: 50%;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.step h6::before{content:''; width:4px; height:4px; top:7px; left:0; background:#555; position:absolute;}
.step ul{margin-left:50px;}
.step li{position:relative; padding-left:12px; box-sizing:border-box; margin-bottom:7px; font-weight:300;}
.step li:last-child{margin-bottom:0;}
.step li::before{content:''; width:4px; height:4px; top:7px; left:0; background:#555; position:absolute;}


@media (max-width: 900px) { 
	.sub_con th, .sub_con td{padding:10px 5px;}
	.col-2{flex-wrap:wrap; }
	.col-2 .wrap{width:100%;}

	.step .box{ width:100%;}
	.col-2 .step .box{width:100%;}

	.bg{padding:20px;}
}

.service01 th, .service01 td{text-align:center;}
.service05 td:first-child{text-align:center;}
.service05 li{padding-left:0; font-size:1em;}
.service05 li::before{display:none;}


.service03 .section02{display:flex; gap:20px; flex-wrap:wrap;}
.service03 .section02 li{display:flex; gap:20px; align-items:center; width:calc(50% - 10px); background:#f7f7f7; padding:20px; box-sizing:border-box; border:1px solid #ddd;}
.service03 .section02 .imgbox{width:100px;  border-radius:50%;  overflow:hidden; flex-shrink: 0; background:#fff;}
.service03 .section02 img{width:100%; padding:10px; box-sizing:border-box;}
.service03 .section02 h6{font-size:1.3em; font-weight:500; margin-bottom:5px;}
.service03 .section02 p{font-weight:300; line-height:1.4;}

@media (max-width: 900px) { 
	.service03 .section02 li{width:100%; align-items:start; gap:10px;}
	.service03 .section02 .imgbox{width:60px;}
	.service03 .section02 h6{font-size:1.1em;}
	.service05 table{min-width:900px;}
}


.result {background: url(/common/img/company01_bg.png) no-repeat center / cover, rgb(255 255 255 / 95%);    background-blend-mode: hue;
	background:#f5f5f5;
}
.result .wrap{display:flex;}
.result h5{width:20%; flex-shrink: 0;}
.result .list{display:flex; gap:20px 10px; flex-wrap:wrap;}
.result dl{width:calc(25% - 8px);}
.result dt{text-align:center; background:#fff; box-sizing:border-box; border:1px solid#ddd}
.result dt img{padding:5px 0; box-sizing:border-box;}
.result dt b{padding:25px 10px; box-sizing:border-box; display:inline-block; font-weight:400; font-size:1.1em;}
.result dd{margin-top:10px; text-align:center;}
.result span{display:inline-block; width:100%;  text-align:right; color:var(--main_c)}

@media (max-width: 900px) { 
	.result .wrap{flex-direction:column;}
	.result h5{width:100%; }
	.result dl{width:calc(50% - 5px);}
	.result span{margin-top:10px;}
}


/* 견적문의 */
.write {width:100%; display:flex;  justify-content:space-between; flex-wrap:wrap; border-top:2px solid var(--main_c)}
.write li  input[type="file"]{font-size:1em;}
.write input[type="radio"]{width:20px; height:20px;}
.write li { width:100%;  display:flex; align-items:center;  padding:15px 0; border-bottom:1px solid #ccc}
.write li.col-2 {width:50%; gap:0;}
.write li.right p  {padding-left:30px; }
.write li p {width:130px; font-size:1.1em; font-weight:600; color:#333} 
 .write li  input[type="text"] {width: calc(100% - 130px);
    height: 38px;
    font-size:1em;
    border-radius: 5px;
    text-indent: 10px;  
	box-sizing:border-box; 
	border:none;
	background:#f3f3f3;
}

.write li  select { 
    height: 38px; padding-right:5px;
    font-size:1em;
    border-radius: 5px;
    padding-left: 5px; box-sizing:border-box; 
	border:none;
	background:#f3f3f3;
	
}
.write li textarea {width: calc(100% - 130px); background:#f3f3f3; border:none;}

.write li.phone div{width: calc(100% - 130px);display:flex;align-items:center}
.write li.phone select {width:40%}
.write li.phone span {margin:0 5px}

.write li.mail  div {width: calc(100% - 130px); display:flex; align-items:center}
.write li.mail  input[type="text"] {width:20%;}
.write li.mail span {margin:0 5px}
.write li.mail select {margin-left:5px}

.write li.tell  input[type="text"] {width:30%;}

 @media screen and (max-width:800px) {
	.write li {width:100%;  flex-wrap:wrap;}
	.write li.col-2 {width:100%; flex-wrap:wrap;}
	.write li.right p  {padding-left:0}
	.write li p {width:100%; margin-bottom:5px} 
	.write li  input[type="text"] {width:100%}

	.write li.phone div{width: 100%}
	.write li.phone select {width:auto}
	.write li.mail  input[type="text"] {width:50%;}
    .write li textarea {width:100%; height:150px !important }

	.write li.mail  div {width:100%;  }

} 

@media screen and (max-width:600px) {
	.write li.mail div{ flex-wrap:wrap}
	.write li.mail input[type="text"] {width: calc(50% - 10px - 0.3em);}
    .write li.mail select{margin:10px 0 0 0;width:100%;}
 }

.textarea1 {
    font-size: 0.95em;
    line-height: 1.4em;
    width: 100%;
    height: 200px;
    box-sizing: border-box;
    color: #666;
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 15px;
}


 .privacy_check {
	width: 100%;
    display: inline-block;
    padding: 10px;
    box-sizing: border-box;
    background-color: #f9f9f9;
    text-align: center;
    font-size: 1em;
    color: #666;
	font-weight:600
}

.contact h6{font-size:1.3em; font-weight:500;}
.privacy_check label	{display: flex; align-items: center; gap: 5px; justify-content: center;}
.privacy_check input {vertical-align:middle;width:17px;height:17px;}
.check input[type=checkbox]{width:20px;height:20px;margin-right:3px}


.btnbox{margin-top:60px;}
.btn {
	display:inline-block;
	background-color: var(--main_c);
	padding:25px 50px;
	font-size:1.2em;
	color:#fff !important;
	font-weight:600;
	border-radius:5px;
	transition:all ease .2s;
	border:none;
	cursor:pointer;
 }
.btn:hover {
	background-color: #000;
	transition:all ease .2s
}
.btn input{border:none;background:none;	font-size:1em;	color:#fff;	font-weight:700;cursor:pointer}
.btn i{color:#fff;}
@media screen and (max-width:800px) {
	.btn{	padding:20px 30px;font-size:1.1em}
}



/* 공지사항 */
.sub .notice03{max-width:800px; }

.table { width: 100%; display: table;  font-size:1.1em; border-top:2px solid var(--main_c);}

.row {display: table-row; background: #fff; font-size:1em; }
.row.th {font-weight:600; background:#f7f7f7;}
.row.fix {background-color:#e3f1f7}
 
.cell { padding:14px 12px; display:table-cell; vertical-align:middle;  text-align:Center;  border-bottom:1px solid #ddd; color:#666}
.cell a {    display: flex;    gap: 5px;}
.cell p {color:#111; 
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.cell span{color:var(--main_c);}
.cell i{
	color: var(--main_c);
    font-size: 1em;
    animation: opacity 2s infinite linear;
    margin-left: 10px;
}
.cell a.s_btn2 {color:#fff}
.row.th .cell { padding:17px 12px; color: #333; }

.cell.tit  {width:55%; text-align:left; font-weight:500; line-height:1.3; font-size:1em}
.cell.no {width:60px; }
 
.none_list {width:100%; display:inline-block; text-align:center; background-color:#fff; font-size:1em; padding:20px 0 }
.row.fix * {color:#333}
.cell .arrow_btn {width:10px; display:inline-block; line-height:0; vertical-align:-2px}
.cell .arrow_btn i {line-height:0; font-size:18px;  }
.cell .arrow_btn a i {color:rgba(255,255,255,.5); }
.cell .arrow_btn a i.over {color:#fff}

@media screen and (min-width:900px) {
  
   .cell.name {width:100px; white-space:nowrap;  }
   .cell.date {width:80px;  white-space:nowrap;   }
   .cell.hit {width:80px;  white-space:nowrap;   }
   .cell span{white-space: nowrap;}

   .table.type2 {border-left:1px solid #ddd}
   .table.type2 .cell {border-right:1px solid #ddd; padding:7px}
   .table.type2 .row.th .cell {padding:9px; font-weight:600}

	.cell.tit{width:70%;}
}
 
 

@media screen and (max-width:900px) {
	.table { display: block; font-size:1em }
    .table * {line-height:1.3}
	.row {padding:16px 5%; display:block;  border-bottom:1px solid #ddd; box-sizing: border-box;}
	.row.th {padding: 0; height: 2px; }
	.row.th .cell { display: none; }
	  
	.row .cell:before { margin-bottom: 3px; content:attr(data-title); text-transform: uppercase;color:#555;}
	.cell { padding:0; padding-right:5px; display:inline-block; border-bottom:none; text-align:left; font-size:.95em}
 	 
	.cell.tit  {width:100%; font-size:1.1em; font-weight:600; margin-bottom:2px;  display:inline-block}
    .cell.no {display:none}
	.cell.m_tit {width:100%; font-size:1.06em; margin-bottom:2px;  display:inline-block; color:#000; font-weight:600}
    .type2 .cell br {display:none}
 
	.board05 .cell a { display: block; }

}
 
 
/*뷰페이지*/
 
  
p.view_title {font-size:1.3em;  line-height:1.3;  font-weight:600; color:#fff; width:100%; padding:20px 0; box-sizing:border-box; display:inline-block; box-sizing:border-box; color:#333; border-top:2px solid var(--main_c); border-bottom:1px solid #ddd;}
div.view_info {font-weight:400; color:#666; width:100%;  border-bottom:1px solid #ddd; padding:10px 0; display:inline-block; box-sizing:border-box; }

div.view_info span::after {width:1px; height:12px; vertical-align:middle;  content:''; display:inline-block; background-color:#888;  margin:0 5px 0 10px}
div.view_info span:last-child::after {display:none}
div.view_info a:hover {text-decoration:underline }
div.view_info span.file{display:inline-block; margin:5px 0;}
div.view_info span.file a {display:inline-block;  color:#666; box-sizing:border-box; border:1px solid; padding:5px; margin-right:5px;}
div.view_info span.file a:hover {text-decoration:underline }

div.view_content {width:100%; display:inline-block; padding:20px 0; }
div.view_content img {max-width:100%}
 
div.view_file {width:100%; padding:12px 0 8px 0;  border-bottom:1px solid #ddd; }
div.view_file ul {width:100%; display:flex; flex-wrap:wrap;}
div.view_file ul li {display:inline-block; margin-bottom:5px; }
div.view_file ul li a {display:inline-block; font-size:0.90rem; background-color:#2478be; color:#fff; padding:4px 15px; border-radius:5px; margin-right:10px;}

div.comment {width:100%; display:flex; background-color:#f1f1f1; box-sizing:border-box; padding:20px }
div.comment b {width:50px; flex-shrink:0; }

.list_next  {width:100%; display:inline-block;  border-top:1px solid #ddd; padding:11px 0; box-sizing:border-box; border-bottom:1px solid #ddd; line-height:0} 
.list_next p {width:100%; display:inline-block; font-size:1rem; line-height:1; color:#999;  overflow: hidden;   text-overflow: ellipsis; margin:3px 0;  white-space: nowrap;  }
.list_next p:last-child {text-align:left; }
.list_next b {font-weight:600; color:#333; width:80px; display:inline-block}
.list_next.border_top_none {border-top:none }
.list_next a{color:#666;}


@media screen and (max-width:900px) {

		p.view_title { width:100%; padding:10px 0; text-align:left; color:#333;  }
		div.view_info span::after {  margin:0 3px 0 6px}
		div.view_info { font-size:.9em; padding-bottom:10px}
		div.view_info + div.view_info {padding-top:10px}

		div.view_info span.file {width:100%; display:block; }
		div.view_info span.file a {margin-top:3px} 

}

 

  
/*페이지*/
.page {text-align:center; width:100%; margin-top:60px; display:inline-block; font-size:0}
.page ul { width:100%; display:flex; align-items:center; justify-content:center; }
.page li { display:inline-block; font-size:0.95rem; font-weight:500; margin:0 8px;}
  
.page a {
	display:inline-block;
 	text-decoration:none; vertical-align:middle;
   color:#999; text-align:Center; font-size:1.4em;
   }
.page li.angle {margin:0 6px}
.page li.angle a {border-radius:50%; padding:0; display:flex; align-items:center; justify-content:center; font-size:1em;}
.page a.ov  {color:var(--main_c); font-weight:600; }
.page li.angle a.ov  {border:1px solid var(--main_c)}

@media screen and (max-width:900px) {
   .page li.angle a  {  width:25px;   height:25px; font-size:13px}

}
 

/*search*/			
.search_area {margin-top:30px;  width:100%; display:flex;  justify-content:flex-end}
.search_area input  {width:30%; border:1px solid #c9c9c9; padding-left:10px; font-size:0.93em; color:#666; margin:0 5px}
.search_area select  { font-size:0.93em; color:#666; border:1px solid #c9c9c9;  vertical-align:middle; width:100px;  }
.search_area a {background-color:#333; border-radius:3px; box-shadow:1px 1px 2px #ddd; color:#fff; line-height:33px; font-size:0.95em; font-weight:500; padding:0 30px; display:inline-block; vertical-align:middle;}