/*------공통//------*/

::-moz-selection{
	color: #fff;
	background:rgba(11,78,161,0.7);
}
::-webkit-selection{ 
	color: #fff;    
	background:rgba(11,78,161,0.7);
}
::selection{ 
	color: #fff;
	background:rgba(11,78,161,0.7);
}

.container {
	width: 100%;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
}
@media (max-width: 767px) {
	.container { max-width: 100%; }
}
@media (min-width: 768px) {
	.container { max-width: 720px; }
}
@media (min-width: 992px) {
	.container { max-width: 960px; }
}
@media (min-width: 1200px) {
	.container { max-width: 1140px; }
}
@media (min-width: 1440px) {
	.container { max-width:1400px; }
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

:root {
    /* color */
    --color-primary: #0b4ea1;
    --color-secondary: #f01c24;

	/* font */
	--font-pretendard: "Pretendard", sans-serif;

	--font-size-14: 14px;
	--font-size-15: 15px;
	--font-size-16: 16px;
	--font-size-17: 17px;
	--font-size-18: 18px;
	--font-size-20: 20px;
	--font-size-24: 24px;
	--font-size-25: 25px;
	--font-size-26: 26px;
	--font-size-28: 28px;
	--font-size-30: 30px;
	--font-size-32: 32px;
	--font-size-36: 36px;
	--font-size-38: 38px;
	--font-size-42: 42px;
	--font-size-48: 48px;
	--font-size-54: 54px;
	--font-size-72: 72px;
	--font-size-80: 80px;
	--font-size-100: 100px;
	--font-size-120: 120px;

	/* height */
	--header-height: 100px;
}

* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
:after, :before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

/* reset */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure,figcaption{ margin: 0; padding: 0;}
body,input,textarea,select,button,table{font-family:'Pretendard','Open Sans',AppleGothic,helvetica,sans-serif; font-size: var(--font-size-16); line-height:1.75em; letter-spacing: -.03em; color: #505050; word-break: keep-all; -webkit-text-size-adjust:none;}
img{ border: 0; max-width: 100%; vertical-align: top;}
ul,ol{ list-style: none}
fieldset{ border: none}
fieldset legend { overflow: hidden; width: 0; height: 0; margin: 0; padding: 0; font-size: 0; line-height: 0; text-indent: -999em;}
button{ cursor:pointer}
header,hgroup,article,nav,footer,figure,figcaption,canvas,section,time{ display: block}
hr { clear: both; display: none;}
img[usemap] { border: none; height: auto; max-width: 100%; width: auto;}

a{
	color:inherit;
	text-decoration:none;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
a:hover,
a:active{
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}

::-webkit-input-placeholder {color:#878787;}
:-moz-placeholder {color:#878787;}
::-moz-placeholder {color:#878787;}
:-ms-input-placeholder {color:#878787;}
:placeholder-shown {color:#878787;}

table caption {overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;text-indent:-999em;}
input,select {vertical-align:middle; background:#fff;}
input,textarea,button{-webkit-appearance:none;-webkit-border-radius:0}
input[type='checkbox']{-webkit-appearance:checkbox} 
input[type='radio']{-webkit-appearance:radio}

/* user class */
h1,h2,h3,h4,h5,h6,strong,th,.bold{font-weight:700;}
.semibold {font-weight:600;}
.clear{clear:both;}
.clearfix:after {content:" "; display:block; clear:both;}
.blind {position:absolute;overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;}
.pointer {cursor:pointer;}
.input {height:44px; padding:6px 16px; color:#505050; font-size: var(--font-size-16); line-height:1.5em; border:1px solid #ddd; outline:none;}
.input[readonly] {background-color:#e8e8e8; color:#aaaaaa;}
.input:focus {border-color:var(--color-primary);}
textarea.input {height:auto; padding:13px 16px; overflow:auto; resize:none;}
select.input {padding-right:40px; }
select.input::-ms-expand {display:none;}
input[type=file].input {padding:0;}


.mgb0 {margin-bottom:0px !important;}
.mgb2 {margin-bottom:2px !important;}
.mgb3 {margin-bottom:3px !important;}
.mgb4 {margin-bottom:4px !important;}
.mgb5 {margin-bottom:5px !important;}
.mgb6 {margin-bottom:6px !important;}
.mgb7 {margin-bottom:7px !important;}
.mgb8 {margin-bottom:8px !important;}
.mgb9 {margin-bottom:9px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb12 {margin-bottom:12px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb35 {margin-bottom:35px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb50 {margin-bottom:50px !important;}
.mgb55 {margin-bottom:55px !important;}
.mgb60 {margin-bottom:60px !important;}
.mgb80 {margin-bottom:80px !important;}
.mgb100 {margin-bottom:100px !important;}
.mgb120 {margin-bottom:120px !important;}

.fl {float:left;}
.fr {float:right;}

.section-padding { padding: 120px 0;}
.section-padding-bottom { padding: 0 0 120px 0;}
.section-padding-top { padding: 120px 0 0 0;}
.section-padding-half { padding: 60px 0;}
.bg-gray { background-color: #f9f9f9;}
.text-center { text-align: center;}
.mt-50 { margin-top: 50px;}

.m-head { margin-bottom:48px;text-align:center;}
.m-tit {position:relative;display:inline-block; padding-right:13px;margin-bottom:10px;font-family:var(--font-pretendard); font-weight:800;font-size:var(--font-size-42); letter-spacing:0; line-height:1.4em; color:var(--color-primary);}
.m-tit:after {content:''; width:8px; height:8px; border-radius:100%; position: absolute; right:0; top:0; background:var(--color-secondary);}
.m-txt {font-weight:400;font-size:var(--font-size-18); letter-spacing:-.04em; line-height:1.44em; color:#505050;}
.c1 { color: var(--pbmit-point-color);}
.c2 { color: var(--pbmit-body-color);}
/* .common-wrap h4 { text-transform: capitalize;} */
.common-wrap .sub-tit { font-size: var(--font-size-24);}
.common-wrap .point { color: var(--pbmit-point-color); font-weight: 500;}


/*------btn//------*/
.pbmit-blog-ads-box.arrow .pbmit-ad-button a:before { position: absolute; display: flex; align-items: center; justify-content: center;width: 45px; height: calc(100% - 10px); line-height: 45px; content: '\e83c'; font-size: var(--font-size-16); top: 5px; text-align: center; font-family: "pbminfotech-base-icons"; left: 5px; right: auto; border-radius: 10px; transition: all .4s ease-in-out; color: var(--pbmit-body-color); background-color: var(--pbmit-blackish-color);}
.pbmit-blog-ads-box.arrow .pbmit-ad-button a:hover { color: var(--pbmit-point-color);}

.more_bt_wrap{ margin-top:15px;} 
.more_bt_wrap a{display:block;border-radius:35px;width:120px;height:38px;line-height:36px;border:1px solid #111;padding:0px 20px 0px 15px;text-align:center;color:#111;font-size:0.95rem; transition: transform 0.3s ease;}
.more_bt_wrap1 a{display:block;border-radius:35px;width:110px;height:38px;line-height:36px;border:1px solid #111;padding:0px 20px  0px 15px;text-align:center;color:#111;font-size:0.95rem; transition: transform 0.3s ease;}

.btn-wrap { display: inline-block; margin-top: 10px;}
.btn-wrap a {transition: transform 0.3s ease;}
.btn-wrap:hover .circle-btn { transform: translateY(-5px);}
.btn-wrap .circle-btn { width: 50px; height: 50px; border-radius: 50%; background-color: #0b4ea1; color: #fff; border: 1px solid #0b4ea1; font-size: 20px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background-color 0.3s ease; text-decoration: none; transition: transform 0.3s ease; }
.circle-btn i:hover{ color: #fff; transition: all 0.3s ease;}
.circle-btn:hover{ color: #fff; }
.more_bt_wrap a:hover { transform: translateY(-5px);}
.more_bt_wrap1 a:hover { transform: translateY(-5px); }

.more_bt_wrap a.more_bt {background:#fff;position:relative;  display: inline-block; }
.more_bt_wrap1 a.more_bt,  a.more_btn, button.more_bt{background:transparent; position:relative;}

.more_bt_wrap a > button, span, a.more_bt span{font-size:0.9rem;}

.more_bt_wrap a img { right:25px; }

.more_bt_wrap a.more_bt span:first-child, 
.more_bt_wrap1 a span:first-child{padding-right:15px;transition: all 0.4s;}

.more_bt_wrap a img, 
.more_bt_wrap1 a img, .more_bt_wrap button.more_bt span img{position:absolute;right:20px;top:13px;width:11px;transition: all 0.4s;}

.more_bt_wrap button.more_bt span:first-child{ padding-right: 35px;}

.more_bt_wrap a.more_bt span:first-child { padding-right:35px; }
/*.more_bt_wrap:hover a.more_bt span:first-child { padding-right:35px; }
.more_bt_wrap:hover a img { right:25px; }*/

.more_bt_wrap img {vertical-align: middle;}

a.more_btn{padding-right:20px;}
a.more_btn span{font-size:0.80rem;}
a.more_btn img{position:absolute;right:0px;top:3px;width:11px;}
.more_bt_wrap1 { display: flex; justify-content: center; align-items: center; }

/*------pagenation//------*/
.pagination__wrapper { height: 50px; padding-top: 30px; margin-bottom: 30px; position: relative; text-align: center; width: 100%;}
.pagination__wrapper:before { top: -1px;}
.pagination__wrapper:after { bottom: -1px;}
@keyframes hoverAnimation {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.pagination { display: inline-block; list-style: none; margin: 0; padding: 0;}
.pagination li { display: block; float: left; padding: 5px;}
.pagination li:first-child { border: none;}
.pagination a,
.pagination span { background: none; border: none; border-radius: 50%; box-sizing: border-box; color: rgba(0, 0, 0, 0.6); display: block; font-size: var(--font-size-16); height: 40px; line-height: 40px; min-width: 40px; padding: 0;}
.pagination a { outline: none; position: relative; transition: all 170ms linear;}
.pagination a:before {background: rgba(0, 0, 0, 0.2); border-radius: 50%; content: ""; cursor: pointer; height: 0; left: 50%; opacity: 0; position: absolute; transform: translate(-50%, -50%); transition: all 270ms linear; top: 50%; width: 0;}
.pagination a:hover:not(.active) { color: black;}
.pagination a:hover:not(.active):before { animation: hoverAnimation 810ms linear forwards; height: 40px; width: 40px;}
.pagination a.active { background: var(--pbmit-point-color); color: #fff; cursor: default;}
.pagination .prev,
.pagination .next { font-size: var(--font-size-28);}


/*------header//------*/
.pbmit-header-content { display: flex; align-items: center; justify-content: space-between;}
.pbmit-header-menu-area { display: flex; align-items: center; width: 100%;}
/*.pbmit-logo-area { flex: 1; display: flex; justify-content: flex-start;}*/
.pbmit-menuarea { flex: 2; display: flex; justify-content: flex-end; align-items: center}
.pbmit-header-style-2 .site-navigation ul.navigation > li > a { cursor: pointer;}


.active::before { content: ""; position: absolute; top: 28px; left: 16%; transform: translateX(-50%); width: 53px; height: 34px; background: url("../img/logo.png") no-repeat center / contain; z-index: 100;}


/*------main-visual//------*/
.main-visual .t1 { font-family :var(--font-pretendard); font-weight:700; font-size:var(--font-size-72); letter-spacing:-.01em; line-height:1.1em; padding-bottom: 20px; margin-bottom: 30px; text-transform: capitalize; color: #fff;}
.main-visual .t2 { font-size: var(--font-size-20); line-height:1.4em; letter-spacing:-.03em; font-weight:400; margin-bottom: 20px; text-transform: uppercase; color: #fff;}

/*------sub-visual//------*/
.sv-tit { font-size: var(--font-size-48); font-weight: 600; letter-spacing: -.03em; line-height: 1.4em; font-family: var(--font-pretendard);}

/*------home//------*/
.common-wrap h3 { font-size: var(--font-size-32); font-weight: 700; letter-spacing: -.04em; line-height: 1.38em; color: #2c2c2c;}
.common-wrap .head .ep-tit { margin-bottom: 17px; font-size: var(--font-size-18); font-weight: 700; letter-spacing: -.04em; line-height: 1.4em;}
.common-wrap .tit { margin: 12px 0 30px; font-size: var(--font-size-24); font-weight: 700; letter-spacing: -.04em; line-height: 1.4em; color: #2c2c2c;}
.common-wrap .txt { margin-bottom: 45px; font-size: var(--font-size-17); font-weight: 400; letter-spacing: -.04em;}
.common-wrap .inner-box .txt { margin-bottom: 0;}
.common-wrap .about-two-img:after { box-shadow: 0 20px 0 0 #f9f9f9;}
.common-wrap h3.c2 { color: var(--pbmit-body-color);}
.map-section-one { border-radius: 10px; background-image: url(../img/bg/background-dot-map-w.png); background-position: bottom right; background-repeat: no-repeat;}
.swiper-wrapper { align-items: center;}
.about-two-img.us { background-image: url(../img/about-img05.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 10px; height: 100%; margin-right: -50px; position: relative;}
.img-middle { vertical-align: middle;}
.track {align-items: flex-start;}


/*------company_ceo//------*/
.ceo_sign { display: flex; justify-content: flex-start; flex-direction: column;}
.ceo_sign .txt{ display: flex; align-items: center;}
.common-wrap .ceo_sign .txt { margin-bottom: 0; font-weight: 600;}
.accent { font-size: var(--font-size-20); font-weight: 700; margin-left: 10px;}

/*------company_overview//------*/
.history .pbmit-ihbox-box { min-height: 56px;}
.common-wrap.value .pbmit-post-title { font-size: var(--font-size-25); line-height: 30px; margin-bottom: 15px;}
.img-pc { display: block;}
.img-mobile { display: none;}

/*------company_management//------*/
.management .row.pbmit-element-posts-wrapper { margin-bottom: 40px;}
.management .pbmit-title.sub-tit{ margin-bottom: 20px;}

/*------company_certicifate//------*/
.search-bx { position: relative;}
.search-bx .search-input { padding-right: 70px; box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);}
.search-input:focus{  border-color: var(--accent-color); outline: none;}
input[type="text"], input[type="number"], input[type="password"], select { height: 60px; line-height: 58px;}
input[type="text"], input[type="number"], input[type="password"], textarea, select { padding: 0 20px; font-size: var(--font-size-18); white-space: normal;  border: 1px solid #ced4da; /*transition: all 0.4s*/; outline: none; background: #fff; width: 100%; font-weight: 300; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);}

input, textarea { border-radius: 10px;}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer;}

.search-bx button { position: absolute; width: 50px; height: 50px; right: 5px; top: 5px; background: var(--pbmit-point-color); color: #fff; border: none; outline: none; transition: all 0.4s; border-radius: 10%;}
.search-bx button:hover{ background: var(--pbmit-blackish-color);}
.search-bx button i { font-size: var(--font-size-26); color: #fff; margin-top: 5px;}
.search-bx button i:hover{ color: #fff;}

[type=button], [type=reset], [type=submit], button { -webkit-appearance: button;}
button, select { text-transform: none;}
button, input { overflow: visible;}

.gallery-item img { width: 100%; object-fit: cover; transition: transform .3s ease;}
.gallery-item img:hover { transform: scale(1.03);}

.certificate .overlay { position: relative; display: block;}
.certificate .overlay img { display: block; width: 100%; height: auto;}
.certificate .overlay-text { position: absolute; width: 95%; bottom: 10px; left: 50%; transform: translateX(-50%); text-align: center; color: #fff; background: rgba(0,0,0,0.6); padding: 8px 12px; border-radius: 4px; transition: opacity 0.3s ease; display: flex; flex-direction: column;}
.certificate .overlay-text .cert-name { font-size: var(--font-size-16); font-weight: bold;}
.certificate .overlay-text .cert-year { font-size: var(--font-size-14); color: #ddd;}


.modal-content { background: #000; border: none; }
.modal-body { padding: 0; position: relative; display: flex; justify-content: center; align-items: center;}
.modal-body img { max-width: 90vw;  max-height: 90vh; display: block; margin: auto; object-fit: contain;}
.modal-nav-btn { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.4); border: none; color: #fff; font-size: var(--font-size-32); width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10;}

#prevBtn { left: 16px; }
#nextBtn { right: 16px; }
.btn-close-white { position: absolute; top: 12px; right: 12px; z-index: 20; background-color: rgba(0,0,0,0.5); border-radius: 50%; padding: 8px;}

.modal-backdrop.show { background-color: #000 !important; opacity: 1 !important;}
.modal-dialog { max-width: 100%; margin: 0; height: 100%;}
.modal-content { height: 100%; background: #000; border-radius: 0;}

.gallery-item a { position: relative; display: block; overflow: hidden;}
.gallery-item a::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.3s ease;}
.gallery-item a::after { content: ""; position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; background: url(../img/search-icon.png) no-repeat center center; background-size: contain; /* 아이콘 크기 유지 */ transform: translate(-50%, -50%) scale(0.5); opacity: 0; transition: all 0.3s ease;}

.gallery-item a:hover::before { opacity: 1;}
.gallery-item a:hover::after { transform: translate(-50%, -50%) scale(1); opacity: 1;}

/*------company_map//------*/
.wrap_controllers.hide { display: none;}
.cont{ display: none;}
.location { display: flex; justify-content: flex-start; gap: 10px;}
.location .more_bt:nth-child(1) { width: 180px;}
.location .more_bt:nth-child(1):hover { background: #0b4ea1; color: #fff; transition: all 0.3s ease;}
.location .more_bt:nth-child(1):hover img { filter: invert(1); transition: all 0.3s ease;}
.location .more_bt:nth-child(2):hover { background: #16222d; color: #fff; transition: all 0.3s ease;}
.location .more_bt:nth-child(2):hover img { filter: invert(1); transition: all 0.3s ease;}
.location button.more_bt { display: block; border-radius: 35px; height: 38px; line-height: 36px; border: 1px solid #111; padding: 0px 20px 0px 15px; text-align: center; color: #111; font-size: 0.95rem; transition: transform 0.3s ease;}

.company-info { margin-bottom: 20px;}
.company-info .address.contact.txt { color: #111;}
.company-info .address.contact.txt span + span::before { content: "|"; margin: 0 8px; color: #111;}


.common-wrap .contact.txt { margin-bottom: 0px;}

/*------business_scrubber//------*/
.business .pbmit-featured-img-wrapper { position: relative; overflow: hidden; border-radius: 10px;}
.business .pbmit-short-description { padding-top: 10px; margin-bottom: 20px;}
.business .pbmit-short-description h3{ position: relative; display: block;  width: 100%; margin-bottom: 13px; padding-bottom: 5px; }
.business .pbmit-short-description h3::after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #ebebeb; z-index: 0;}
.business .pbmit-short-description h3::before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100px; height: 2px; background: var(--pbmit-point-color); z-index: 1;}

.business .charact-info li p { position: relative; left: 15px; line-height: 1.4; display: block; text-transform: uppercase; padding-bottom: 5px; transition: all 0.4s ease-in-out;}
.business .charact-info li p::before { position: absolute; content: ""; height: 7px; width: 7px; left: -15px; top: 7px; background-color: var(--pbmit-point-color);}
.business .about-two-right-col { width: 54%; padding-left: 50px;}
.business.example .pbmit-featured-img-wrapper img { border-radius: 10px; aspect-ratio: 3 / 4;}
.business .pbmit-team-detail-inner .pbmit-short-description:last-of-type { margin-bottom: 0;}
.business .pbmit-caption .sub-tit { font-size: var(--font-size-18);}

.business .pbmit-blog-style-1 .pbminfotech-box-desc { padding: 0; margin: 0; border-top: none; font-weight: 600;}
.business .pbmit-blog-style-1 .pbmit-content-wrapper { padding: 15px 10px 10px 10px;}
.business .pbmit-blog-style-1 .pbmit-meta-wraper { background-color: var(--pbmit-body-color);}
.business .pbmit-blog-style-1 .pbmit-meta-wraper .pbmit-meta-line p { font-size: var(--font-size-16); color: #505050; font-weight: 600;}
/*.pbmit-portfolio-style-1 .pbminfotech-box-content { background: transparent;}
.pbmit-portfolio-style-1 .pbminfotech-post-warpper:before{ position: absolute; content: ''; bottom: 0; left: 0; width: 100%; height: 25%; background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); opacity: .35; transition: inherit;}*/
.business .pbmit-portfolio-title p { color: #fff; font-weight: 500;}
.pbmit-featured-wrapper { position: relative; overflow: hidden; border-radius: 16px;}

.overlay-text { position: absolute; bottom: 0; width: 100%; text-align: center; color: #fff; font-size: var(--font-size-16); font-weight: 500; z-index: 2;}
.overlay-text::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);  z-index: -1; }
.main-text { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); z-index: 3; font-size: var(--font-size-18); font-weight: 600; transition: transform 0.4s ease, bottom 0.4s ease;}
.main-text:after{ content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: 8px;}
.hover-text { display: block; padding: 16px 0; background: linear-gradient( 0deg, rgba(0, 0, 0, 0.6) 0%,  rgba(0, 0, 0, 0) 100%); color: #fff; transform: translateY(100%); transition: transform 0.4s ease; position: relative; z-index: 1;}


.pbmit-featured-wrapper:hover .hover-text { transform: translateY(0);}
.pbmit-featured-wrapper:hover .main-text { bottom: 50px;}

.business .pbmit-portfolio-style-1 .pbminfotech-post-content { margin-bottom: 20px;}
/*------business_cyclone//------*/
.pbmit-imgone { border-radius: 10px; overflow: hidden; border: 1px solid rgba(var(--pbmit-blackish-color-rgb), 0.1); background-color: var(--pbmit-white-color);}

/*------business_ac//------*/
.ratio {aspect-ratio: 3/4 ;}

/*------business_frp//------*/
.business .pbmit-block-column img { border-radius: 10px;}
.business .pbmit-block-columns.row { margin-bottom: 40px;}

/*------business_FIVERGLASS//------*/


/*------business_exhaust//------*/
.business .duct .pbmit-team-detail-inner > .pbmit-short-description:nth-of-type(3) h3.sub-tit::before { width: 250px;}

/*------business_etc//------*/
.business .etc .pbmit-team-detail-inner > .pbmit-short-description:nth-of-type(2) h3.sub-tit::before { width: 120px; }
.business .etc .pbmit-team-detail-inner > .pbmit-short-description:nth-of-type(3) h3.sub-tit::before { width: 350px; }
.business .etc .pbmit-team-detail-inner > .pbmit-short-description:nth-of-type(5) h3.sub-tit::before { width: 160px; }


/*------business_license//------*/
.common-wrap .pbmit-post-title { font-size: var(--font-size-24); line-height: 30px; margin-bottom: 15px;}
.license .pbmit-ihbox-style-4 .pbmit-ihbox-icon-wrapper img { width: 50px; height: 50px; }
.license .pbmit-ihbox-style-4 .pbmit-ihbox-icon-wrapper img:hover { filter: invert(1); transition: all 0.4s ease-in-out;}
.license .pbmit-ihbox-style-4 .pbmit-icon-type-icon::after, .pbmit-ihbox-style-4 .pbmit-ihbox-svg-wrapper::after, .pbmit-ihbox-style-4 .pbmit-ihbox-icon-type-text::after { background-color: var(--pbmit-point-color);}

.license .pbmit-ihbox-style-11 { background: var(--pbmit-body-color);}
.license .pbmit-ihbox-style-11 .pbmit-ihbox-icon-wrapper img { width: 50px; height: 50px; }
.license .pbmit-ihbox-style-11 .pbmit-ihbox-icon-wrapper img:hover { filter: invert(1); transition: all 0.4s ease-in-out;}
.license .pbmit-ihbox-style-11 .pbmit-icon-type-icon::after, .pbmit-ihbox-style-11 .pbmit-ihbox-svg-wrapper::after, .pbmit-ihbox-style-11 .pbmit-ihbox-icon-type-text::after { background-color: var(--pbmit-point-color);}
.license .pbmit-ihbox-style-4 .pbmit-element-title { font-size: var(--font-size-24);}

/*------track_record//------*/
.track .pbmit-service-style-1 .pbmit-box-content-wrap { padding: 0;}

/*------customer_notice, board//------*/
.bg-light { background: #0b4ea10f;}
.dashboard__content_content { padding: 30px 0;}
.board .dashboard__content_content { padding: 0;}
.board .more_bt_wrap { margin-top: 30px;}
.board_list { width: 100%; border-top: 2px solid #000;}
.board_list > div { border-bottom: 1px solid #ddd; font-size: 0;}
.board_list > div.top { border-bottom: 1px solid #999;}
.board_list > div:last-child { border-bottom: 1px solid #000;}
.board_list > div > div { display: inline-block; padding: 15px 0; text-align: center; font-size: var(--font-size-18);}
.board_list > div.top > div { font-weight: 600;}

.board_con { cursor: pointer; color: #111;}
.board_con:hover { background: #4d6c3d0f;}

.board_list .num { width: 10%;}
.board_list .title { width: 30%; text-align: center;}
.board_list .writer{ width: 10%;}
.board_list .date-count{ width: 10%;}
.board_list .date{ width: 10%;}
.board_list .date-hour{ width: 10%;}
.board_list .date-apply{ width: 10%;}
.board_list .reser-status{ width: 10%;}


.board_list .top .title { text-align: center;}
.board_list .count { width: 10%;}


.board_view { width: 100%; border-top: 2px solid #000;}
.board_view .title { padding: 20px 15px 10px 15px; font-size: var(--font-size-18);}
.board_view .title h3 { font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: auto; word-break: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.board_view .info { padding: 0 15px; border-bottom: 1px solid #e4e5e5; font-size: var(--font-size-17);}
.board_view .info dl { position: relative; display: inline-block; padding: 0 20px; margin-bottom: 0;}
.board_view .info dl::before { content: ""; position: absolute; top: 1px; left: 0; display: block; width: 1px; height: 13px; background: #ddd;}
.board_view .info dl:first-child { padding-left: 0;}
.board_view .info dl:first-child::before { display: none;}

.board_view .info dl dt,
.board_view .info dl dd { display: inline-block; font-size: var(--font-size-17); margin-bottom: .5rem;}
.board_view .info dl dt { padding-right: 20px; margin-right: 20px; border-right: 1px solid #e4e5e5;}
.board_view .info dl dd { color: #777;}
.board_view .cont-view { padding: 24px 15px; border-bottom: 1px solid #e4e5e5; line-height: 160%; color: #111;}

.view-bottom .view-item{ padding: 24px 15px; /*30*/ border-bottom:1px solid #e4e5e5; display:flex; flex-wrap: wrap; align-items: center; align-content: center; }
.view-bottom .view-item:nth-child(2) { border-bottom: 2px solid #111;}
.view-bottom .view-item span{ font-size:var(--font-size-16); line-height:1.1;}
.view-bottom .view-item span.tit{ width:100px; color:#040505; font-weight:600; margin: 0;}
.view-bottom .view-item span.txt{ width:calc( 100% - 230px ); color:#848585; font-weight:300; margin-bottom: 0;}
.view-bottom .view-item span.txt a{ line-height: inherit; font-size: inherit; /*color: #040505;*/ font-weight: 400; transition: all 0.4s; display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:auto;}
.view-bottom .view-item span.date{ width:130px; color:#a4a5a5; font-weight: 200; text-align: right;}
.view-bottom .view-item span.txt a:hover{ color:#4b514d;}


@media (max-width: 1000px) {
.board_wrap {width: 100%;min-width: 320px; padding: 0 30px; box-sizing: border-box; }
/*.board_list .num,
.board_list .writer,
.board_list .count {display: none;}*/
.board_list .date { width: 40%; }
.board_list .title { text-indent: 10px;}
.board_list .top .title { text-indent: 0;}


.board_view .info dl { width: 100%; padding: 0;}

.board_view .info dl:nth-child(-n+2) { margin-bottom: 5px; }
.board_view .info dl::before { display: none;}
.board_view .info dl dt,
.board_view .info dl dd { font-size: var(--font-size-17);}


}



@media (max-width:767px){
.view-bottom .view-item{ padding:20px 24px;}
.view-bottom .view-item span.tit{ width: 80px;}
.view-bottom .view-item span.txt{ width:calc( 100% - 180px );}
.view-bottom .view-item span.date{ width: 100px;}
.view-content{ padding:40px 0;}



}

@media (max-width:480px){
.view-bottom .view-item{ padding: 16px 20px;}
.view-bottom .view-item span{ font-size: 14px;}
.view-bottom .view-item span.tit{ width: 60px;}
.view-bottom .view-item span.txt{ width:calc( 100% - 140px );}
.view-bottom .view-item span.date{ width: 80px;}

}

@media (max-width:380px){
.view-bottom .view-item span.tit{ width: 60px;}
.view-bottom .view-item span.txt{ width:calc( 100% - 60px );}
.view-bottom .view-item span.date{ display: none;}

}

/*공지사항*/
#notice1 .board_list > div.top { border-bottom: 1px solid #999; color: #111;}
#notice1 .board_list > div:last-child { border-bottom: 1px solid #000;}
#notice1 .board_list .num { width: 10%;}
#notice1 .board_list .title { width: 80%; text-align: left;}
#notice1 .board_list .top .title { text-align: center;}
#notice1 .board_list .writer { width: 10%;}
#notice1 .board_list .date { width: 10%;}
#notice1 .board_list .count { width: 10%;}

#notice1 .board_view { width: 100%; border-top: 2px solid #000;}
#notice1 .board_view .title { padding: 20px 15px; border-bottom: 1px dashed #ddd; font-size: var(--font-size-32);}
#notice1 .board_view .info { padding: 15px; border-bottom: 1px solid #999; font-size: 0;}
#notice1 .board_view .info dl { position: relative; display: inline-block; padding: 0 20px;}
#notice1 .board_view .info dl:first-child { padding-left: 0;}
#notice1 .board_view .info dl::before { content: ""; position: absolute; top: 1px; left: 0; display: block; width: 1px; height: 13px; background: #ddd;}
#notice1 .board_view .info dl:first-child::before { display: none;}
#notice1 .board_view .info dl dt,
#notice1 .board_view .info dl dd { display: inline-block; font-size: var(--font-size-17);}
#notice1 .board_view .info dl dt {}
#notice1 .board_view .info dl dd { margin-left: 10px; color: #777;}
#notice1 .board_view .cont-view { padding: 15px; border-bottom: 1px solid #000; line-height: 160%; font-size: var(--font-size-20);}

/*------customer_brochure//------*/
.brochure .more_bt_wrap a.more_bt span { display: flex; justify-content: space-evenly;}
.brochure .more_bt_wrap a { width: 130px;}
.brochure .more_bt_wrap a.more_bt span:first-child { padding-right:0;}
.brochure .more_bt:hover { background: #0b4ea1; color: #fff; border: 1px solid #0b4ea1; transition: all 0.3s ease;}

/*------customer_inquiry//------*/
.contact .agree {margin-bottom: 30px;}
.contact .agree h6{ font-size: var(--font-size-18); margin-bottom: 5px; color: #000; font-weight: 400;}
.contact .txtbox { text-align: right;}
.form-label { font-size: var(--font-size-18); margin-bottom: 5px; color: #000; font-weight: 300;}
.form-control:focus { border-color: var(--pbmit-point-color); }
.form-check-input:checked[type=checkbox] {--bs-form-check-bg-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e);}

input[type="checkbox"]:checked, input[type="radio"]:checked { border-color: #0b4ea1;; background: #0b4ea1;;}
.form-check-input[type=checkbox] { border-radius: .25em;}
.form-check .form-check-input { float: left; margin-left: -1.5em;}
input[type="checkbox"], input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; outline: none; display: inline-block; vertical-align: middle; position: relative; margin: 0; cursor: pointer; border: 1px solid #ccc; background: transparent; transition: background 0.3s, border-color 0.3s; height: 20px; width: 20px; border-radius: 50%;}
input[type="checkbox"] + label, input[type="radio"] + label { font-size: var(--font-size-16); line-height: 17px; display: inline-block; vertical-align: middle; cursor: pointer; margin-left: 4px; margin-bottom: 0;}


.privacy h2{ margin-bottom: 30px;}

.privacy p{ font-size: var(--font-size-18);}
.privacy-border { border: 1px solid #dee2e6; margin-bottom: .5rem; padding: 20px; height: 150px; overflow-y: auto; border-radius: 10px;}
.sub-txt p { margin-bottom: 40px;}

.privacy-item { counter-increment: list-number; margin-top: 15px;}
.privacy-item h3 { font-weight: 500; position: relative; line-height: 1.3; font-size: var(--font-size-24); margin-bottom: 6px;}
.privacy-item h3:before { content: counter(list-number) '.'; display: inline-block; font-size: inherit; color: inherit; font-family: inherit; line-height: inherit; font-weight: inherit;}
.privacy-item > p { font-size: var(--font-size-17); color: #505050;}
.privacy-info { margin-top: 10px;}
.privacy-item ul { line-height: 1.1;}
.privacy-item .privacy-list > li { padding-left: 14px;}
.privacy-item .privacy-list > li:not(:last-child) { margin-bottom: 14px;}

.privacy-item .privacy-list > li h4 { position: relative; margin-bottom: 4px;}
.privacy-item .privacy-list > li h4:before { content: ""; position: absolute; width: 4px; height: 4px; background: #705b54; border-radius: 100%; left: -14px; top: 14px;}

.privacy-item .privacy-info h4 { font-size: var(--font-size-17); color: #505050;}
.privacy-item .privacy-info p, 
.privacy-item .list > li { font-size: var(--font-size-16); color: #898989; margin-top: 0;}
.privacy-item .list > li:not(:last-child) { margin-bottom: 10px;}

.privacy-item .privacy-info .list li { line-height: 20px;}

.privacy-item .privacy-number { counter-reset: list-number;}
.privacy-item .privacy-number li { color: #505050; font-weight: 500; font-size: var(--font-size-16); padding-left: 24px; line-height: 20px;}
.privacy-item .privacy-number li span { color: #353535; font-weight: 600;}
.privacy-item .privacy-number li:not(:last-child) { margin-bottom: 10px;}
.privacy-item.half { margin-bottom: 40px;}
.privacy-item:not(:last-child) { margin-bottom: 80px;}

.privacy-item .list > li:before { content: ""; position: absolute; width: 6px; height: 1px; background: #aaa; left: 0; top: 8px;}
.privacy-item .privacy-list > li, .privacy-item .list > li { padding-left: 14px;}
.privacy-item ul li, .privacy-item .privacy-list > li h4 { position: relative;}
.privacy-item .privacy-number li:before { content: counter(list-number); position: absolute; left: 0; top: 50%; transform: translateY(-50%); margin-right: 4px; font-size: var(--font-size-14); width: 16px; height: 16px; border: 1px solid #505050; border-radius: 50%; text-align: center; line-height: 14px;}
.privacy-item .privacy-number li { counter-increment: list-number; color: #505050; font-weight: 500; font-size: 16px; padding-left: 24px; line-height: 20px;}
.privacy-info p { font-size: var(--font-size-17); color: #505050;}

/*------footer//------*/
footer { padding: 30px 0; background: var(--pbmit-secondary-color); font-size: var(--font-size-15); font-weight: 300; border-top: 1px solid #eeeeee66;}
footer p { color: #fff;}
footer p a { color: #fff;}
footer span { font-size: var(--font-size-16);}
footer .address { margin-bottom: 5px;}

.company-inq {display: flex; justify-content: flex-start; gap: 20px;}
.company-inq p { color: #fff; font-weight: 400; font-size: var(--font-size-14);}

.company-inq a { color: #fff; text-decoration: underline;  font-size: var(--font-size-14);}
.company-inq a:hover { text-decoration: underline; color: #999;}

.address { font-size: var(--font-size-14); color: #fff;}
.address span + span::before { content: "|"; margin: 0 8px; color: #fff;}


/*------미디어쿼리//------*/
@media (max-width: 1600px) {

:root {
		/* font */
        --font-size-14: 13px;
        --font-size-15: 14px;
        --font-size-16: 15px;
        --font-size-17: 15px;
        --font-size-18: 16px;
        --font-size-20: 17px;
        --font-size-24: 18px;
		--font-size-25: 19px;
        --font-size-26: 19px;
        --font-size-28: 20px;
        --font-size-30: 21px;
        --font-size-32: 25px;
        --font-size-36: 29px;
        --font-size-38: 34px;
        --font-size-42: 38px;
        --font-size-48: 40px;
        --font-size-54: 44px;
        --font-size-72: 55px;
        --font-size-80: 60px;
        --font-size-120: 80px;
        --header-height: 80px;
    }

}

@media all and (min-width:1200px) and (max-width:1600px) {



}

@media (max-width: 1199px) {
.section-padding { padding: 100px 0;}
.section-padding-bottom { padding: 0 0 100px 0;}
.section-padding-top { padding: 100px 0 0 0;}
.section-padding-half { padding: 40px 0;}

/*------index//------*/

.about .about-two-img{ padding: 250px 0; height: auto; margin: 0;}
.about .about-two-img:before,
.about .about-two-img:after{ display: none;}

.about .about-two-content { padding-top: 30px;}
.about .about-two-content .pbmit-heading-subheading{ padding-left: 0;}
.about .about-two-content .inner-box{ margin: 0; padding: 20px 0 0 20px;}
.about .about-two-content .inner-box .list-group{ padding: 20px 0 30px;}
.about .about-us-two-rightbox{ background-position: 0% 0%;}
.about .about-two-content .inner-box .pbmit-column-one .pbmit-ihbox-style-5 { padding: 38px 18px 70px 18px;}
.about-two-content .inner-box .swiper-slider .swiper-button-prev::after, .about-two-content .inner-box .swiper-slider .swiper-button-next::after { font-size: var(--font-size-38);}

/*------company//------*/
/*.value .post-item .pbmit-content-wrapper .mb{ margin-bottom: 26px;}*/


/*------business//------*/
.business .field1 .col-md-12 { width: 50%;}
.business .about-two-right-col { padding-left: 25px;}
.common-wrap .pbmit-heading-subheading { margin-bottom: 25px;}

}
@media all and (min-width:992px) and (max-width:1199px) {}
@media (max-width: 991px) {

.img-pc { display: none;}
.img-mobile { display: block;}
.track { align-items: center;}

#notice1 .board_list .title { width: 75%;}
#notice1 .board_list .date { width: 15%;}


}

@media (max-width: 767px) {
.section-padding { padding: 80px 0;}
.section-padding-bottom { padding: 0 0 80px 0;}
.section-padding-top { padding: 80px 0 0 0;}

/*------index//------*/
.about .about-two-content{ padding-top: 50px;}

/*------service//------*/
.service .pbmit-portfolio-style-1 { margin-bottom: 20px;}

/*------company_management//------*/
.management .pbmit-portfolio-style-1 { margin-bottom: 20px;}

/*------business//------*/
.business .field1 .col-md-12 { width: 100%;}
.business .about-two-right-col .pbmit-team-detail-inner {margin-top: 25px;}
.section-padding-half .field2 .col-12.col-md-6:nth-child(2) {margin-top: 20px;}
.maintenance .pbmit-portfolio-style-1 { margin-bottom: 20px;}

}

@media (max-width: 640px) {
:root {
		/* font */
		--font-size-14: 12px;
		--font-size-15: 13px;
		--font-size-16: 14px;
		--font-size-17: 15px;
		--font-size-18: 16px;
		--font-size-20: 16px;
		--font-size-24: 16px;
		--font-size-25: 16px;
		--font-size-26: 16px;
		--font-size-28: 18px;
		--font-size-30: 18px;
		--font-size-32: 20px;
		--font-size-36: 21px;
		--font-size-38: 21px;
		--font-size-42: 28px;
		--font-size-48: 28px;
		--font-size-72: 36px;
		--font-size-80: 40px;
		--font-size-120: 45px;
	}

.section-padding { padding: 60px 0;}
.section-padding-bottom ( padding: 0 0 60px 0;)
.section-padding-top { padding: 60px 0 0 0;}

}

@media (max-width: 575px) {
/*------btn//------*/
.more_bt_wrap { margin: 0 0 15px 0;}

/*------index//------*/
.about .pbmit-ihbox-style-5 { height: 292px;}
.swiper-slider .pbmit-client-style-1 .pbmit-border-wrapper { padding: 10px; border: 1px solid rgba(var(--pbmit-blackish-color-rgb), 0.1);}
.about .about-two-content .inner-box { padding: 20px;}
.mt-5 { margin-top: 1rem !important;}
br {display: none;}
.d-inline {display: none !important;}

/*------company_overview//------*/
.value .post-item .pbmit-content-wrapper .mb{ margin-bottom: 0px;}
.value .pbmit-blog-style-1 .pbmit-content-wrapper { padding: 15px 0px;}

/*------company_management//------*/
.management .row.pbmit-element-posts-wrapper { margin-bottom: 20px;}
.management .list-group .list-group-item:not(:first-child) { margin-top: 0px;}
.management .pbmit-portfolio-style-1:nth-child(3) { margin-bottom: 0px;}
.common-wrap.management .sub-tit { font-weight: 500;}
.management .list-group .pbmit-icon-list-icon { top: -10px;}

/*------company_map//------*/
.map .company-info .address.contact.txt br { display: block;}
.map .company-info h3 { margin-bottom: 10px;}
/*------business_license//------*/

/*------business_scrubber//------*/
.business .about-two-right-col { padding-left: 15px;}

/*------business_maintenance//------*/
.maintenance .pbmit-portfolio-style-1:nth-child(2) { margin-bottom: 0px;}
.track .pbmit-element-posts-wrapper .pbmit-service-style-1 { margin-bottom: 20px;}

.board_list > div { display: flex;}
#notice1 .board_list .title { width: 65%;}
#notice1 .board_list .date { width: 23%;}

.brochure .pbmit-service-content-wrap p{ margin-bottom: 10px;}

footer .address { display: flex; flex-direction: column; padding-bottom: 5px;}
footer .company-inq { border-top: 1px solid #535353; padding-top: 20px; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5);}

}

@media (max-width: 480px ) {
.common-wrap .head .ep-tit { margin-bottom: 5px;}
.map .company-info br { display: block;}
.common-wrap .contact.txt { margin-top: 10px;}
.business .about-two-right-col { padding-left: 15px;}
.business .mt { margin-top: 10px;}
.common-wrap .pbmit-post-title { margin-bottom: 0;}


#notice1 .board_list .title { width: 66%;}
#notice1 .board_list .date { width: 22%;}
.board_list > div > div { font-size: var(--font-size-16);}
.board_list .title { text-indent: 0;}
.location button.more_bt { width: 170px;}
}


@media (max-width: 420px ) {
.company-info .address.contact.txt span:last-of-type::before { content: none;}
.business .duct .pbmit-team-detail-inner > .pbmit-short-description:nth-of-type(3) h3.sub-tit::before { width: 200px;}
#notice1 .board_list .date{ width: 24%;}


}


@media (max-width: 360px ) {
#notice1 .board_list .title { width: 60%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#notice1 .board_list .date { width: 26%;}

}

@media (max-width: 320px ) {
.location { flex-direction: column;}
.company-info .address.contact.txt span::before { content: none;}

#notice1 .board_list .num { width: 11%;}
#notice1 .board_list .date { width: 27%;}


}