@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700;900&display=swap");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable.css");
@font-face {
    font-family: 'LINESeedSansKR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/LINESeedSansKR.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
   font-family: 'S-CoreDream-6Bold';
   src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'GyeonggiTitleM';
   src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiTitleM.woff') format('woff');
   font-weight: normal;
   font-style: normal;
}

:root {
   /* 컨텐츠 너비 */
   --containerV1-width: 1440;
   --main-color: #ee7701; /* mainColor */
   --main-color2: #2f5bc1; /* mainColor */
   --basic-border-color: #000; /* 게시판 및 게시판헤드 등 기타 버튼들 border 컬러 */
   --as-height: 46px; /* aside 높이값 */
   --h-height: 80px; /* head 높이값 */
   --header-full-H: 400; /* 서브메뉴 배경일때 높이값 */
   --main-font : "Pretendard Variable", sans-serif;
 }

/* reset */
@media all {
  .clear:after {
    content: ""; display: block; clear: both;
  }
  * {margin: 0; padding: 0; outline: none; box-sizing: border-box;}
  body {
    line-height: 1; font-size: 14px; font-weight: 400;
    color: #000; font-family: var(--main-font) !important;
    word-wrap: break-word; word-break: keep-all; margin-bottom: calc(var(--form-height) * 1px);
  }
  h1, h2, h3, h4, h5, h6, .en {
    margin: 0; font-family: var(--main-font) !important;
    line-height: 1; font-size: 1em;
  }
  ul, ol {list-style: none; margin: 0; padding: 0;}
  a {
    outline: 0; text-decoration: none; color: #000;
    font-family: var(--main-font) !important;
  }
  a:focus {outline: none;}
  figure, dl, dd, input[type="radio"], input[type="checkbox"] {margin: 0; padding: 0;}
  img {border: none; outline: none; max-width: 100%;}
  p {
    margin: 0; padding: 0;
    word-wrap: break-word; word-break: keep-all;
  }
  button, input, submit {border: none; background: none;}
  dt {font-weight: normal;}
  ::placeholder {font-family: var(--main-font) !important;}
  input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus,
  input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    box-shadow: none !important;
    -webkit-text-fill-color: none !important;
  }
}
.custom-control-inline .custom-control-label {display:inline-flex;align-items:center;}
.custom-checkbox .custom-control-label::before, 
.custom-checkbox .custom-control-label::after, 
.custom-radio .custom-control-label::before, 
.custom-radio .custom-control-label::after {top:0 !important;}


/* container */
.containerV1 {width: 100%; margin: 0 auto;max-width:calc(var(--containerV1-width) * 1px);}

@media screen and (max-width: 1430px) {
	.containerV1 {padding: 0 15px;}
}

.ikwrap {overflow-x: hidden;}

/* 게시판 글 없을 때 */
.post-none {font-size: 16px;}

/* font */
/* .Pop {font-family: "Poppins", sans-serif !important;} */
.Ptd {font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;}
.Noto {font-family: "Noto Sans KR", sans-serif !important;}
/* .Lsd {font-family: "LINESeedSansKR", sans-serif !important;}
.S_core {font-family: 'S-CoreDream-6Bold', sans-serif !important;}
.Ggi {font-family: 'GyeonggiTitleM', sans-serif !important;} */

/*--------------------------------------------------- 해드세팅 ----------------------------------------------------------------------------*/


/* 상단 헤드 로그인바 */
.site_navi {position:fixed;top:0;left:0;z-index:1000;width:100%;height:46px;background:url("../img/bg_top.png") no-repeat center/cover;}
.site_navi .containerV1 {display:flex;align-items:center;height:100%;}
.site_navi .link_box {display: flex; align-items: center;margin-right: 2em;}
.site_navi .link_box a {display:flex;align-items:center;font-size:clamp(14px,2vw,16px);color:#fff;}
.site_navi .link_box a + a::before {content:"";display:inline-flex;width:4px;height:4px;background:rgba(255,255,255,.3);border-radius:50%;margin:0 30px;}
.login-banner {height: 25px;}
#navi_login {margin-left: auto; display: flex; align-items: center;gap:40px; font-size:clamp(12px,1.8vw,14px); color: #535353; line-height: 1.2;}
#navi_login a {display:flex;align-items:center;gap:5px;color:rgba(255, 255, 255, 0.70);;}
#navi_login a i {font-size: 16px;}
#header #navi_login {display: none;}

.main-style .site_navi {background:rgba(0,0,0,.2);}
.main-style .site_navi::after {content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:rgba(255,255,255,.3);}
.main-style .site_navi:hover,
.main-style:has(#header:hover) .site_navi {background:url("../img/bg_top.png") no-repeat center/cover;}
.main-style .site_navi:hover::after,
.main-style:has(#header:hover) .site_navi::after {content:none;}
.main-style .site_navi:hover ~ #header,
.main-style #header:hover {background:#fff;}
.main-style .site_navi .link_box a,
.main-style #navi_login a {color:#fff;}

@media screen and (max-width: 1023px) {
	:root {--as-height: 40px;}
	.site_navi #navi_login {display: none;}
	.site_navi .containerV1 {justify-content: space-between;}
	#header #navi_login {display: flex; margin: 10px auto; font-size: 15px;}
	#navi_login a {color:#535353 !important;}
	.site_navi .link_box {margin-right: 0;}
	.site_navi .link_box a + a::before {margin:0 20px;}
}

@media screen and (max-width: 767px) {
	.login-banner {height: auto;}
	.main-style .site_navi {background:url("../img/bg_top.png") no-repeat center/cover;}
	.main-style .site_navi::after {content:none;}
	.site_navi .link_box a + a::before {margin:0 10px;}
}

/* 상단 헤드 로그인바 end*/

#header {position: fixed; left: 0; top: var(--as-height);width: 100%; height:100px;z-index: 1000;background: #fff;transition:top .4s;}
#header::after {content:"";position:absolute;left:0;top:99px;display:flex;width:100%;height:1px;background:#E4E5ED;}
#header .itemBox {width: 100%; height: 100%; display: flex;align-items: center; position: relative;z-index: 2; justify-content: space-between;}
#header #logo a {display:block;width:242px;height:50px;background:url("../img/logo.svg") no-repeat center/contain;font-size:1px;color:transparent;}

/* 해드 스크롤 했을 때 */
#header.scroll {box-shadow:0 3px 18px -7px #d0d0d0;background:#fff !important; top: 0;}
#header.scroll .outer > li > a {color: #000;}

.main-style #header {background:rgba(0,0,0,.2);border-bottom:1px solid rgba(255,255,255,.2);}
.main-style #header #logo a {background-image:url("../img/logo_w.svg");}
.main-style #header.scroll #logo a,
.main-style .site_navi:hover ~ #header #logo a,
.main-style #header:hover #logo a {background-image:url("../img/logo.svg");}
.main-style #header #nav .outer > li > a {color:#fff;}
.main-style #header.scroll #nav .outer > li > a,
.main-style .site_navi:hover ~ #header #nav .outer > li > a,
.main-style #header:hover #nav .outer > li > a {color:#000;}

@media screen and (max-width: 767px) {
	.main-style #header {background:#fff;}
	.main-style #header #logo a {background-image:url("../img/logo.svg");}
	.main-style #header #nav .outer > li > a {color:#000;}
}

/*모바일 검은 배경*/
#header .menuBox_bg {position: fixed; right: 0; top: 0;z-index: 8000; display: none;width: 100%; height: 100vh;background: rgba(0, 0, 0, 0.5);}
#header .menuBox_bg.hidden {display: none; visibility: hidden;}

/*main_menu---------------------------------------------------------------------------*/
#nav {display: flex; font-size: 10px;}
#nav .nav_logo {display: none;}
#nav .nav_inner {display: flex; align-items: center;width: 100%; gap: 0 50px;}
#nav .outer {display: flex; position: relative;}
#nav .outer > li {position: relative;height:100px;}
#nav .outer > li:first-child {margin-left: 0;}
#nav .outer > li > a {display: flex; color: var(--menu-font-color);font-family:'NEXON Lv2 Gothic', sans-serif !important;font-size: 18px; height: 100%; line-height: 1.3;align-items: center; position: relative;text-align: center; transition: all 0.3s;font-weight: bold;}
#nav .outer > li > a > span {display:inline-flex;padding:0 8px;}

/* sub_menu */
#nav .outer > li > .inner {display: flex; flex-direction: column;text-align: center; padding-top: 15px;height: calc(calc(var(--header-full-H) * 1px) - var(--h-height));}
#nav .outer > li > .inner > li > a {color: #333; font-size: 16px; position: relative;}
#nav .outer > li > .inner > li > a span {letter-spacing: 1.5px;}


@media screen and (min-width: 1024px) {/* pc -------------------------*/
	#header {overflow: hidden;}
	#nav .nav_inner .nav_topBox {display: none;}

	#nav .outer {display: flex; align-items: center;}
	#nav .outer > li {padding: 0 max(30px, min(calc(45 / 1430 * 100vw), 45px));}
	#nav .outer > li > a {z-index: 2; position: relative;}
	#nav .outer > li > a > span::after {content:"";position:absolute;left:0;bottom:0;width:100%;height:5px;border-radius:5px 5px 0 0;transition:.3s;}
	#nav .outer > li > a > i {color: var(--main-color); display: none;}

	.close_btn, .open_btn {display: none;}

	/*sub_menu---------------------------------------------------------------------------*/
	#nav .outer > li > .inner {position: absolute; left: 50%; transform: translateX(-50%); width: 100%;}
	#nav .outer > li > .inner > li > a {display: block; padding: 15px 0; transition: 0.2s;}

	/* hover */
	#nav .outer > li:hover > a > span::before {width:100%; transition: 0.4s;}
	#nav .outer > li:hover > a > span::after {background: var(--main-color);}
	#nav .outer > li > .inner > li:hover > a {color: var(--main-color); background: #e7e7e7; font-weight: 500;}
	#nav .outer > li:hover > .inner {background: #f7f7f7f7;}

	/* 해당페이지일 때 */
	#nav .outer > li> a.on > span::after {background: var(--main-color);}

	/* 헤드 풀메뉴 */
	#header.header_full {background: #fff;height: calc(var(--header-full-H) * 1px);}
	#header.header_full::before {display: block;}
	#header.header_full #nav .outer > li > a {color: #000;}
}

/*반응형-------------------------------------------------------------*/

@media screen and (max-width: 1850px) {
	#header .itemBox {justify-content: space-between;gap: 20px;}
}
@media screen and (max-width: 1430px) {
	#nav .outer > li > a {font-size: 16px;}
}
@media screen and (1024px <= width <= 1400px) {
	#header #logo {width: 200px;}
}

/*모바일*/
@media screen and (max-width: 1023px) {
	:root {--h-height: 70px;}

	.site_navi {height:36px;}
	#header {--menu-font-color: #222;top:36px;height:60px;}
	#header::after {top:59px;}
	#header .containerV1 {height: 100%;}
	#header .itemBox {height: 100%;}
	#header #logo a {width: 180px;}
	#header .menuBox_bg {display: block; visibility: visible;}

	/* 버튼 */
	.close_btn {font-size: 40px; color: #000; cursor: pointer;position: absolute; top: 7px; left: -47px; z-index: 2;background: #fff; border-radius: 4px; display: none;height: 40px;}
	.open_btn {font-size: 40px; color: #000;cursor: pointer; height: 100%; display: flex;align-items: center; justify-content: center;}
	.main-style .open_btn {color:#fff;}
	.main-style .scroll .open_btn,
	.main-style .site_navi:hover ~ #header .open_btn,
	.main-style #header:hover .open_btn {color:#000;}
	#nav {
	--mob-bg: #fff;
	--nav_width: 28em;
	background-color: var(--mob-bg);
	width: var(--nav_width); height: 100%;
	position: fixed; display: block; right: 0; top: 0;
	z-index: 9999; margin-right: -30em;
	transition: margin-right 0.3s;
	}
	#nav .nav_inner .nav_topBox {
	display: flex; justify-content: center; align-items: center;
	width: 100%; padding: 20px 25px;
	position: relative; border-bottom: 1px solid #efefef;
	}
	#nav .nav_inner .nav_topBox .logo_tag img {width: 170px;}

	#nav .nav_inner {
	width: var(--nav_width); height: 100%;
	overflow-x: hidden; overflow-y: auto; position: absolute;
	top: 0; flex-direction: column; justify-content: flex-start;
	align-items: stretch;
	}
	#nav .nav_inner .outer {
	display: block; padding: 0 20px; order: 3;
	}

	#nav .outer > li {
	width: 100%; overflow: hidden; height: auto;
	position: relative; padding: 0;
	}
	#nav .outer > li:last-child {padding-right: 0;}
	#nav .outer > li > a {
	padding: 18px 0 18px 10px; color: #000;
	position: relative; pointer-events: none;
	height: auto; line-height: 1; font-size: 18px;
	cursor: pointer; border-bottom: 1px solid #ccc;
	display: block; text-align: left; letter-spacing: 0;
	font-weight: 500;
	}

	#nav .outer > li > a > i {
	color: var(--menu-font-color);
	display: inline-block; position: absolute;
	right: 10px; top: 15px; transition: all 0.3s;
	}

	/* sub_menu */
	#nav .outer > li > .inner {
	opacity: 0; visibility: hidden; height: 0;
	transition: opacity 0.5s; padding: 0; gap: 0;
	}
	#nav .outer > li > .inner > li {
	display: block; margin-bottom: 0;
	position: relative; padding: 0;
	}

	#nav .outer > li > .inner > li > a {
	padding: 12px 10px 12px 12px; position: relative; transition: all 0.3s; color: #000;
	display: block; font-size: 16px; text-align: left; font-weight: 500;
	}
	#nav .outer > li > .inner > li > a > i {display: none;}

	/* outer 클릭시 inner보이는 효과 */
	#nav .outer > li.on_sub > a > span::before {
		width: 100%;
	}
	#nav .outer > li.on_sub > .inner {
		opacity: 1; visibility: visible; height: auto; padding: 5px 0;
	}
	#logo.logo_hide {opacity: 0; visibility: hidden;}
	#nav .outer > li.on_sub > a > i {transform: rotate(180deg);}

	/* 모바일메뉴박스 보이게 하는 클래스 */
	#nav.inactive {margin-right: -1px;}
	#nav.inactive .close_btn {display: block;}

	/* hover */
	#header #nav .inner > li > a:hover {opacity: 1;}

	/* 해당 페이지일 때 */
	#nav .outer > li> a.on {color: var(--main-color);}
}

@media screen and (max-width: 767px) {
	.main-style #header .open_btn {color:#000;}
}

@media screen and (max-width: 680px) {
	:root {--h-height: 60px;}	
}

/* rem 못 쓸때 폰트 기준점 */
.font-em600 {font-size: min(calc(10 / 600 * 100vw), 10px);}

/*--------------------------------------------------- 해드세팅 끝 ----------------------------------------------------------------------------*/

/*--------------------------------------------------- 인덱스세팅 ----------------------------------------------------------------------------*/


/* 공용스타일 */
main > section {overflow: hidden;}
main > section .titleBox .title-V1 {text-align:center;font-weight:400;font-size:clamp(3rem,4vw,4.5rem);line-height: 1.2; color: var(--main-color);}
main > section .titleBox .title-V1 span {color:#000;}
main > section .titleBox .title-V1 b {font-weight:700;color:#000;}
main > section .titleBox .title-V2 {font-size: 3.5rem; font-weight: 600;line-height: 1.2; color: #000;}
main > section .titleBox .title-V3 {font-size: 2.5rem; font-weight: 600;line-height: 1.2; color: #313131;}
main > section .titleBox > p {text-align:center;font-size: 2rem; color: #626262;line-height: 1.4;}
main > section .icon_list {display: grid; grid-template-columns: repeat(4, 1fr);gap:12px;}
main > section .icon_list > li > a {border-radius: 2rem; background:#FBF6F0;width: 100%; height: 100%; display: flex;flex-direction:column; align-items: center;transition: 0.3s; position: relative; overflow: hidden;}
main > section .icon_list > li > a > img {position: relative; z-index: 2;transition:.4s;}
main > section .icon_list > li > a:hover > img {transform:scale(1.15);}
main > section .icon_list > li .txt_box {position: relative; z-index: 2;}
main > section .icon_list > li .txt_box > h4 {font-size:clamp(16px,2.5vw,20px); color: #000; line-height: 1.3;}
main > section .icon_list.t2 {grid-template-columns: repeat(3, 1fr);gap: 2.3rem 1.6rem;}
main > section .icon_list.t2 > li > a {flex-direction: column; gap: 1.5rem;padding: 3.4rem 2rem 2.8rem;}

@media screen and (max-width: 680px) {
	main > section .titleBox > p br {display:none;}
	main > section .icon_list.t2 {grid-template-columns: repeat(2, 1fr);}
}


/* 부트스트랩 탭 초기화 */
main .nav-tabs {border:0;}
main .nav-tabs > li > button {border:0; margin-bottom: 0;border-radius: 0;}
main .nav-tabs .nav-link:focus, 
main .nav-tabs .nav-link:hover {border-color: transparent;}
main .nav-tabs .nav-item.show .nav-link, 
main .nav-tabs .nav-link.active {color: #000; background: transparent;border-color: transparent;}


/* ---------------------------------------------------------------------------------- */

.main-visual {position:relative;}
.main-visual video {width:100%;max-height:100vh;object-fit: cover;background-size: cover;background-repeat: no-repeat;transition-property: all;transition-duration: 1.5s;transition-timing-function: linear;transition-delay: 0s;background-position: center center;}
.main-visual .visual-txt {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;}
.main-visual .visual-txt p {display:inline-flex;padding:0 13px;line-height:1.4;font-size:clamp(15px,2vw,24px);background:rgba(0,0,0,.4);margin:0 auto;margin:0 0 11px;}
.main-visual .visual-txt strong {display:inline-flex;padding:0 20px;line-height:1.5;font-size:clamp(26px,3.8vw,60px);background:rgba(0,0,0,.4);white-space:nowrap;margin:0 auto 40px;}
.main-visual .visual-txt img {width:400px;}

@media screen and (max-width: 1400px) {
	.main-visual .visual-txt {padding:7vw 0 0;}
	.main-visual .visual-txt strong {margin-bottom:20px;}
	.main-visual .visual-txt img {width:30vw;}
}
@media screen and (max-width: 767px) {
	.main-visual .visual-txt {padding:0;}
	.main-visual .visual-txt p {margin:0 0 7px;}
	.main-visual .visual-txt strong {margin-bottom:12px;}
}

/* sec3 */
.biz-sec {padding: 10rem 0 9rem;}
.biz-sec .titleBox .title-V1 {margin-bottom:4.5rem;}
.biz-sec .titleBox .title-V1 a {color:var(--main-color);letter-spacing:-1.5px;}
.biz-sec #la-card-list.itemBox {display:flex;gap:40px;}
.biz-sec #la-card-list.itemBox > li {width:calc((100% - 120px)/4);}
.biz-sec #la-card-list.itemBox > li a {position:relative;padding:40px 30px 50px;border:1px solid #D1D5DC;border-radius:10px;box-shadow:none;}
.biz-sec #la-card-list.itemBox > li a .update-date {line-height:1.28;font-size:clamp(12px,1.5vw,14px);color:#7C7E81;margin:0 0 30px;}
.biz-sec #la-card-list.itemBox > li > a .event_date {margin:0 0 10px;}
.biz-sec #la-card-list.itemBox > li > a .event_date > #on_date_txt {position:relative;left:auto;top:auto;padding:8px 24px 9px;line-height:1.3;font-weight:600;font-size:clamp(12px,2vw,16px);border-radius:20px;}
.biz-sec #la-card-list.itemBox > li > a .content_frame {margin:0 0 50px;}
.biz-sec #la-card-list.itemBox > li > a .event-period {line-height:1.5;font-size:clamp(12px,2vw,16px);color:#7C7E81;white-space:nowrap;}
.biz-sec #la-card-list.itemBox > li > a .event-period::before {content:"";display:inline-flex;vertical-align:bottom;width:18px;height:21px;background:url("../img/icon_calendar.png") no-repeat center/contain;margin-right:10px;}
.biz-sec #la-card-list.itemBox > li > a .content_frame > .bo_subject {font-weight:500;font-size:clamp(14px,3vw,20px);}
.biz-sec #la-card-list.itemBox > li > a .content_frame > p.txt_cnt {display:none;}
.biz-sec .titleBox > p {font-size: max(14px, 1.8rem);margin: 2.5rem 0 4rem;}
.biz-sec .titleBox > a {border-radius: 100px;width: 100%; max-width: 16.5rem;text-align: center; color: #fff;padding: 1.45rem 1rem; background: var(--main-color);font-size: max(13px, 1.6rem); display: block;transition: 0.3s;}

@media screen and (max-width: 1430px) {
	.biz-sec .itemBox {}
	.biz-sec .titleBox {width: 100%;}
	.biz-sec .titleBox > a {margin-left: auto;}
}
@media screen and (max-width: 1240px) {
	.biz-sec {padding:8rem 0;}
	.biz-sec #la-card-list.itemBox {flex-wrap:wrap;gap:20px;}
	.biz-sec #la-card-list.itemBox > li {width:calc(50% - 10px);}
}
@media screen and (min-width: 992px) {
	.biz-sec .titleBox > a:hover {background: #eea55c;}  
}
@media screen and (max-width: 767px) {
	.biz-sec {padding:5rem 0;}
	.biz-sec .titleBox .title-V1 {margin-bottom:2.8rem;}
	.biz-sec #la-card-list.itemBox > li a {padding:20px 15px;}
	.biz-sec #la-card-list.itemBox > li a .update-date {margin:0 0 14px;}
	.biz-sec #la-card-list.itemBox > li > a .content_frame {margin:0 0 24px;}
}
@media screen and (max-width: 650px) {
	.biz-sec #la-card-list.itemBox {gap:10px;}
	.biz-sec #la-card-list.itemBox > li {width:100%;}
}

/* ---------------------------------------------------------------------------------- */


/* sec1 */
.map-sec {position:relative;background:#f1f1f1;}
.map-sec .layer_tit {display: flex; justify-content: space-between;align-items: end; margin-bottom: 3.5rem;}
.map-sec .layer_tit > .titleBox > h5 {font-size: max(13px, 1.8rem); color: var(--main-color);font-weight: 400; margin-bottom: 0.7rem; text-transform: uppercase;}
.map-sec .layer_tit > .titleBox > h3 {color: #000;}
.map-sec .layer_tit #company_tab {display: flex; gap: 2rem; flex-wrap: nowrap;}
.map-sec .layer_tit #company_tab > li {width: 16.5rem; position: relative;}
.map-sec .layer_tit #company_tab > li > button {width: 100%; padding: 1.4rem 1rem; text-align: center;color: #fff; font-size: max(12px, 1.8rem); border-radius: 100px;background: var(--btn-bg); transition: 0.3s;}
.map-sec .layer_tit #company_tab > li:nth-child(1) > button {--btn-bg: #bfbfbf;}
.map-sec .layer_tit #company_tab > li:nth-child(2) > button {--btn-bg: var(--main-color);}
.map-sec .layer_tit #company_tab > li:nth-child(3) > button {--btn-bg: var(--main-color2);}
.map-sec .layer_tit #company_tab > li > button::before {content:''; position: absolute; top: 0; left: 50%;transform: translateX(-50%); width: max(5px, 1rem); height: max(5px, 1rem);border-radius: 50%; background: var(--btn-bg);opacity: 0;transition: 0.3s;}

/* active */
.map-sec .layer_tit #company_tab > li > button.active:before {top: -2rem; opacity: 1;}
.map-sec .layer_tit #company_tab > li > button.active,
.map-sec .layer_tit #company_tab > li > button:hover {box-shadow: 0 1px 8px -1px #333;}

/* 검색창 */
.map-sec #search_tab {position:absolute;left:50%;transform:translateX(-50%);top:40px;z-index:2;max-width:calc(100% - 30px);}
.map-sec #search_tab #bo_search {padding:10px;max-width:100%;background:#fff;border-radius:40px;box-shadow:0 4px 16px 0 rgba(0, 0, 0, .1);}
.map-sec #search_tab #bo_search form,
.map-sec #search_tab #bo_search .input-group {display:inline-flex;max-width:100%;margin:0 !important;}
.map-sec #search_tab #bo_search .form-control {padding:0 20px;width:437px;max-width:calc(100% - 58px);height:50px;background:none;font-size:clamp(16px,2.5vw,20px);border:0;}
.map-sec #search_tab #bo_search .btn {width:58px;height:50px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%237c7e81' d='m23.72 22.307-5.965-5.964a10.008 10.008 0 1 0-1.412 1.412l5.964 5.965a1 1 0 0 0 1.413-1.413m-13.696-4.29a7.994 7.994 0 1 1 7.993-7.993 8.003 8.003 0 0 1-7.993 7.993'/%3E%3C/svg%3E") no-repeat center;border:0;}
.map-sec #search_tab #bo_search .btn i {display:none;}

@media screen and (max-width: 767px) {
	.map-sec #search_tab {top:30px;}
	.map-sec #search_tab #bo_search .form-control,
	.map-sec #search_tab #bo_search .btn {height:40px;}
}


/* sec2 */
.quick-sec {padding: 8.8rem 0 9.5rem;}
.quick-sec .titleBox {margin:0 0 50px;}
.quick-sec .titleBox .title-V1 {font-weight:500;margin-bottom:2.5rem;}
.quick-sec .titleBox .title-V1 span {font-weight:300;}
.quick-sec .icon_list > li > a {padding:24px 5px; gap:15px;}
.quick-sec .icon_list > li > a > img {width:100px;}
.quick-sec .icon_list > li .txt_box > p {font-size: max(13px, 1.6rem); color: #898989;line-height: 1.4;}
@media screen and (max-width: 1430px) {
	.quick-sec .icon_list > li > a {flex-direction: column; justify-content: center;}
	.quick-sec .icon_list > li > a .txt_box {text-align: center;}
}
@media screen and (max-width: 1023px) {
	.quick-sec .icon_list {grid-template-columns: repeat(2, 1fr);}
	.quick-sec .icon_list > li > a {justify-content: start;}
}

/* itemBox2 */
.quick-sec .itemBox2 {display:flex;justify-content:space-between;}
/* 정보마당 */
.quick-sec .board_container .title_head .btn_wrap {display: flex; align-items: center; gap: 3rem;}
.quick-sec .board_container .title_head .btn_wrap > a {width: 3.5rem; height: 3.5rem; border-radius: 50%;background: #f4f4f4; display: flex; align-items: baseline;justify-content: center; text-align: center; font-size: 3rem;color: #434343; line-height: 3rem; font-weight: 300;transition: 0.3s;}
.quick-sec .board_container {width:50%;}
.quick-sec .itemBox2 .media_board {width:48.61%;}
.quick-sec .itemBox2 .media_board > img {border-radius:20px;}
@media screen and (max-width: 767px) {
	.quick-sec {padding:5rem 0;}
	.quick-sec .titleBox {margin-bottom:20px;}
	.quick-sec .itemBox2 {flex-direction:column-reverse;}
	.quick-sec .itemBox2 .media_board {width:360px;max-width:100%;margin:0 auto 15px;}
	.quick-sec .itemBox2 .media_board > img {border-radius:15px;}
	.quick-sec .board_container {width:100%;}
	.quick-sec .icon_list > li > a {padding:10px 5px;}
	.quick-sec .icon_list > li > a > img {width:70px;}
}


.board-sec {padding:70px 0;background:url("../img/bg_main_brd.png") no-repeat center/cover;}
.board-sec .board_container {position:relative;height:370px;background:#fff;border-radius:20px;box-shadow:0 10px 30px -10px rgba(52,85,157,.1);}
.board-sec .swiper-button {top:0;width:80px;height:100%;font-size:1px;color:transparent;overflow:hidden;margin:0;}
.board-sec .swiper-button::after {content:"";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:15px;height:30px;background:url("../img/icon_next.png") no-repeat center/contain;}
.board-sec .swiper-button-disabled {display:none;}
.board-sec .swiper-button-prev {left:0;background:linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, #FFF 50.48%);}
.board-sec .swiper-button-prev::after {left:20px;right:auto;background-image:url("../img/icon_prev.png");}
.board-sec .swiper-button-next {right:0;background:linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 50.48%);}
.board-sec .nav-tabs {padding:0 30px;}
.board-sec .nav-tabs > li {position:relative;padding:34px 0 17px;}
.board-sec .nav-tabs > li + li {margin-left:30px;}
.board-sec .nav-tabs > li .nav-link {padding:10px;line-height:30px;font-size:clamp(16px,3vw,24px);color:#888c93;border:0;}
.board-sec .nav-tabs > li .nav-link.active {font-weight:600;color:#ee7800;}
.board-sec .nav-tabs > li .nav-link.active::before {content:"";position:absolute;left:calc(50% - 3px);top:-3px;display:flex;width:6px;height:35px;background:#EE7800;border-radius:0 0 3px 3px;}
.board-sec #company_layer_box .itemBox {display:flex;padding:0 0 0 20px;}
.board-sec #company_layer_box .itemBox li {display:flex;flex-direction:column;align-items:flex-start;gap:47px;padding:10px 15px 10px 20px;width:297px;border:0;}
.board-sec #company_layer_box .itemBox li + li {border-left:1px solid #D1D5DC;}
.board-sec #company_layer_box .itemBox li .titleV2 {flex-direction:column;align-items:flex-start;}
.board-sec #company_layer_box .itemBox li .titleV2 a {padding:0;white-space:normal;line-height:30px;font-size:20px;height:90px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}

@media screen and (max-width: 767px) {
	.board-sec {padding:40px 0;}
	.board-sec .board_container {height:300px;}
	.board-sec .swiper-button {width:60px;}
	.board-sec .swiper-button::after {right:15px;width:10px;height:20px;}
	.board-sec .swiper-button-prev::after {left:15px;}
	.board-sec .nav-tabs > li {padding:20px 0 10px;}
	.board-sec .nav-tabs > li + li {margin-left:15px;}
	.board-sec .nav-tabs > li .nav-link {padding:5px;}
	.board-sec .nav-tabs > li .nav-link.active::before {height:27px;}
	.board-sec #company_layer_box .itemBox {padding:0 0 0 10px;}
	.board-sec #company_layer_box .itemBox li {gap:25px;}
	.board-sec #company_layer_box .itemBox li .titleV2 a {line-height:24px;height:72px;font-size:16px;}
}
/*--------------------------------------------------- 인덱스세팅 끝 -----------------------------------------------------------------*/

/*------------------------------------------------------ 푸터세팅 -------------------------------------------------------------------*/
/* footer*/
footer {position:relative;background:#1B293D;}
footer > .containerV1 {display:flex;justify-content:space-between;align-items:center;padding-block:40px 54px;}
footer a {color: inherit;}
footer .top_slide {padding: 1.5rem 0; background: #fff;box-shadow: 0px -3px 5px 0px #e5e5e5;}
footer .top_slide .widget_box {display: flex; align-items: center; gap: 7em; width: 100%;}
footer .top_slide .widget_box > h3 {font-weight:500;font-size:clamp(16px,3vw,24px);color:#7C7E81;white-space: nowrap;}
footer .top_slide .slide_box {width: 100%; max-width: 1260px; overflow: hidden;}
footer .logo {display:flex;width:83px;margin:0 0 24px;}
footer > .containerV1 .list {display:flex;flex-direction:column;}
footer > .containerV1 .list > li a {color: #fff; font-weight:500;font-size:clamp(12px,2vw,16px);line-height:1.87;white-space:nowrap;}
footer > .containerV1 .list > li a:hover {color: #dedede;}

footer .contents {display: flex; align-items: center; justify-content: space-between;}
footer .ft_item > .text {font-weight:500;font-size:clamp(12px,1.8vw,14px);color:#babec4; display: flex; gap:85px;margin:0 0 20px;}
footer .ft_item > div a {color: inherit;}
footer .item1 {width: 100%;}
footer .item1 > .copy {font-size:clamp(12px,1.8vw,14px);color:#8d949e;}
footer .item1 > .copy a {color: inherit;}

footer .item2 {width: 100%; max-width: 170px;}

footer .banner {margin:15px 0 0;}
footer .banner a {display:inline-flex;vertical-align:top;padding:8px 10px;background:#fafafa;border:1px solid #ddd;border-radius:7px;overflow:hidden;}
footer .banner a img {display:block;height:32px;}
footer .banner a:last-child {padding:0;background:none;border:0;margin-left:5px;}
footer .banner a:last-child img {height:50px;}
@media screen and (max-width: 985px) {
	footer .top_slide .widget_box {gap:20px;}
	footer > .containerV1 {flex-direction:column;padding-block:40px;}
	footer .logo {margin:0 auto 18px;}
	footer .ft_item > .text {flex-direction:column;gap:5px;text-align:center;}
	footer > .containerV1 .list {flex-direction:row;gap:20px;margin:20px 0 0;}
	
	footer .banner {width:100%;display:flex;justify-content:center;}
	footer .banner a img {height:24px;}
	footer .banner a:last-child img {height:42px;}
}
@media screen and (max-width: 767px) {
	footer > .containerV1 .list {gap:10px;}
}

/*--------------------------------------------------- 푸터세팅 끝 ------------------------------------------------------------*/

.wrapper {padding:146px 0 0;}
.main-style .wrapper {padding:0;}
@media screen and (max-width: 1023px) {
	.wrapper {padding:96px 0 0;}
}
@media screen and (max-width: 767px) {
	.main-style .wrapper {padding:96px 0 0;}
}

/* 서브페이지 패딩 */
.sub_wrap {padding:0 0 80px; min-height: 70vh;}

/* 서브페이지 타이틀 */
.titleBox_sub {
	width:1640px;
	max-width:100%;
	height:350px;
	color: #fff;
	position: relative;
	border-radius:5px 5px 50px 50px;
	background: url("../img/title_sub01.jpg") no-repeat center center / cover;
	overflow:hidden;
	margin:0 auto 120px;
	transition:.3s;
}
#sub_banner_g01 {background: url("../img/title_sub01.jpg") no-repeat center center / cover;}
#sub_banner_g02 {background: url("../img/title_sub02.jpg") no-repeat center center / cover;}
#sub_banner_g03 {background: url("../img/title_sub03.jpg") no-repeat center center / cover;}
#sub_banner_g04 {background: url("../img/title_sub04.jpg") no-repeat center center / cover;}
#sub_banner_g05 {background: url("../img/title_sub05.jpg") no-repeat center center / cover;}
#sub_banner_g06 {background: url("../img/title_sub06.jpg") no-repeat center center / cover;}

@keyframes sub_ani {
	to {
		opacity: 1;
	}
}
.titleBox_sub > .containerV1 {
	display:flex;
	justify-content:center;
	align-items:center;
	height:100%;
}
.titleBox_sub h2 {font-family:'NEXON Lv2 Gothic', sans-serif !important;font-weight:700;font-size:clamp(50px,5vw,70px);}

.sub_title_box {
	--font-size-pc: 10;
	--font-size-mob: 10;
	font-size: min(
		calc(var(--font-size-mob) / 450 * 100vw),
		calc(var(--font-size-pc) * 1px)
	);
	margin: 7em 0;
	/* border-bottom: 1px solid #dfdfdf; */
}
.sub_title_box .title {
	font-size: 3.5em; font-weight: bold; color: #1b1b1b;
	line-height: 1.4; margin-bottom: 0.6em; text-align: center;
}
.sub_title_box .title .bar {
	display: block; width: 1.2em; height: 4px;
	background: #333; margin: 0.5em auto 0;
}
.sub_title_box .sub_text {font-size: 1.8em; color: #666;}

@media screen and (max-width: 1680px) {
	.titleBox_sub {width:100%;border-radius:0;margin:0 0 80px;}
}
@media screen and (max-width: 1430px) {
	.titleBox_sub {height:300px;margin:0 0 50px;}
}
@media screen and (max-width: 767px) {
	.titleBox_sub {height:280px;}
	.titleBox_sub .location {display: none;}
}

/* 게시판 및 게시판헤드 등 기타 버튼들 기본컬러 변경 */
.btn-primary {border: 1px solid var(--main-color); background-color: var(--main-color);}
.btn-primary:hover {border-color: var(--main-color); background-color: var(--main-color);}
.bg-primary {border: 1px solid var(--main-color); background-color: var(--main-color) !important;}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle { background-color: var(--main-color); border-color: var(--main-color);}
.border-color, i.border-color, img.border-color {border-color: var(--basic-border-color);}
.btn-primary.focus,
.btn-primary:focus {background-color: var(--main-color);border-color: var(--main-color);}
.border-red {border-color: #222 !important;}

/* 하단 페이지 네비게이션 */
.paging-nav {font-size: 15px !important; color: #000;}
.paging-nav .page-link {display: flex; border: 1px solid transparent; box-sizing: border-box; font-weight: bold;}
.page-item.active .page-link {background: #eee !important; color: #000;border-color: #cdcdcd !important;}
.paging-nav .page-item.disabled .page-link {height: 100%; color: inherit;border-color: transparent; height: 100%;}
.page-item:first-child .page-link {border-top-left-radius: 0 !important;border-bottom-left-radius: 0 !important;}
.page-link:hover,
.page-link:focus {background: transparent;color: #ff0000;box-shadow: none;}

/* 모달 z-index높이기 (해드에 가려지는 경우 발견해서) */
.modal {z-index: 9999;}
.modal-backdrop {z-index: 9998;}

/*modal*/
.modal-backdrop {z-index: 2000;}
.modal {z-index: 2001;}
#myModal .modal-body {height: 400px; position: relative;}
#myModal .modal-body > * {position: absolute; left: 0; top: 0;padding: 0 15px 30px; overflow-y: auto; height: 400px;}
#myModal .modal-title {font-size: var(--font-size5, max(15px, 2em));color: #000;}
#style-switcher .widget-setup {top: 155px !important;}

/* 게시판 */
#bo_list_wrap {position:relative;padding:0 0 50px;margin:0 !important;}
#bo_list_wrap .font-weight-normal:has(.pagination) {text-align:center;margin:60px 0 0;}
#bo_list_wrap .pagination {display:inline-flex;flex-wrap:wrap;height:50px;box-shadow:1px 2px 3px 0 rgba(0, 0, 0, 0.10) inset;border-radius:3px;}
#bo_list_wrap .pagination .page-first a {background:url("../img/paging_first.png") no-repeat center;}
#bo_list_wrap .pagination .page-prev a {background:url("../img/paging_prev.png") no-repeat center;}
#bo_list_wrap .pagination .page-next a {background:url("../img/paging_next.png") no-repeat center;}
#bo_list_wrap .pagination .page-last a {background:url("../img/paging_last.png") no-repeat center;}
#bo_list_wrap .pagination li:first-child {border-radius:3px 0 0 3px;}
#bo_list_wrap .pagination li:last-child {border-radius:0 3px 3px 0;}
#bo_list_wrap .page-item .page-link {display:inline-flex;justify-content:center;align-items:center;padding:0;width:50px;height:50px;background:none;font-size:clamp(14px,2vw,16px);color:#7C7E81;}
#bo_list_wrap .page-item .page-link i {display:none;}
#bo_list_wrap .page-item.active .page-link {border:2px solid #EE7800 !important;background:#fff !important;font-weight:600;color:#EE7800;}
#bo_list > .d-block {display:none !important;}
#bo_list > .na-table .na-table-head {border-top:2px solid #7C7E81 !important;border-bottom:1px solid #7C7E81 !important;}
#bo_list .na-notice {padding:3px 14px;width:auto;height:auto;line-height:1.18;font-weight:500;font-family:var(--main-font);font-size:clamp(14px,2vw,16px);color:#EE7800;background:none !important;border:2px solid #EE7800;border-radius:30px;}
#bo_list .na-text {padding:1px 5px;width:auto;height:auto;line-height:1.18;font-weight:500;font-family:var(--main-font);font-size:clamp(14px,2vw,16px);color:#fff !important;background:#007bff;border:2px solid #007bff;}
@media screen and (max-width: 767px) {
	#bo_list_wrap .font-weight-normal:has(.pagination) {margin:30px 0 0;}
	#bo_list_wrap .pagination {height:36px;box-shadow:none;}
	#bo_list_wrap .page-item .page-link {width:36px;height:36px;}
	#bo_list > ul.na-table {border-top:2px solid #7C7E81 !important;}
}

#bo_search {display:flex;}
#bo_search .alert {margin:0 0 0 auto !important;display:inline-flex;padding:0 !important;background:#F5F5F8 !important;border:0 !important;border-radius:10px;}
#bo_search .alert form {display:block;width:100%;margin:0 !important;}
#bo_search .alert .form-row {margin:0 !important;}
#bo_search .form-row .col-6 {flex:auto;width:115px;max-width:none;padding:0 !important;}
#bo_search .form-row .col-6 + .col-6 {display:none;}
#bo_search .form-row .col-12 {flex:auto;width:calc(100% - 115px);max-width:none;padding:0 !important;}
#bo_search .form-row select {width:100%;height:50px;font-size:clamp(14px,2vw,16px);background:url("../img/icon_arrow_down.png") no-repeat right 12px center;border:0;border-radius:0;}
#bo_search .form-row input {height:50px;font-size:clamp(14px,2vw,16px);background:none;border:0;border-radius:0;}
#bo_search .form-row .input-group-append .btn {width:56px;height:50px;background:url("../img/icon_search.png") no-repeat center/16px auto;border:0;border-radius:0;}
#bo_search .form-row .input-group-append .btn i {display:none;}
@media screen and (max-width: 570px) {
	#bo_search .alert {margin-bottom:20px !important;}
}

#bo_list_total > .d-sm-none {display:none !important;}
#bo_list_total ~ .text-right {position:absolute;right:0;bottom:0;padding:0 !important;}
#bo_list_total ~ .text-right .btn_b01,
#bo_list_total ~ .text-right .btn_b01 ~ .btn-group {display:none;}

#bo_v:has(.list-btn) {position:relative;padding-left:124px;}
#bo_v .list-btn {position:absolute;left:0;top:-18px;display:flex;width:100px;height:100px;font-size:1px;color:transparent;background:url("../img/icon_back.png") no-repeat center/27px auto;border:1px solid #D1D5DC;border-radius:50%;}
#bo_v_con {padding-top:30px;}
#bo_v_info .view-info {padding:16px 0 50px;display:flex;gap:40px;border-bottom:1px solid #D1D5DC;}
#bo_v_info .view-info li {display:inline-flex;align-items:center;line-height:1.18;font-size:clamp(14px,2vw,16px);color:#7C7E81;}
#bo_v_info .view-info .writer {}
#bo_v_info .view-info .date::before {content:"";display:inline-flex;width:14px;height:16px;background:url("../img/icon_calendar2.png") no-repeat center/contain;margin:-3px 8px 0 0;}
#bo_v_info .view-info .hit::before {content:"";display:inline-flex;width:18px;height:16px;background:url("../img/icon_view.png") no-repeat center/contain;margin-right:8px;}
#bo_v ~ #bo_list_wrap {margin-top:50px !important;}

#bo_v_data .na-table {display:flex !important;flex-direction:column;background:#F4F7F9;border:1px solid #D1D5DC;border-radius:10px;}
#bo_v_data .na-table .d-table-row {display:flex !important;width:100%;border:0 !important;}
#bo_v_data .na-table .d-table-row ~ .d-table-row {border-top:1px dashed #E4E5ED;}
#bo_v_data .view_file_download {display:block;padding-left:30px;line-height:18px !important;font-size:clamp(14px,2vw,16px);color:#111827;background:url("../img/icon_download.png") no-repeat 0 50%/18px auto;}
#bo_v_data .view_file_download:hover {text-decoration:underline;}

#bo_v_atc ~ .clearfix:has(.btn) {padding:40px 0 0 !important;}
.clearfix .btn,
.clearfix .btn_b01 {padding:10px 15px 8px !important;display:inline-flex;gap:8px;line-height:1.18;font-size:clamp(14px,2vw,16px);vertical-align:top;color:#EE7800;border:1px solid #EE7800;border-radius:5px;}
.clearfix .btn.btn-primary,
.clearfix .btn_b01.btn-primary {color:#fff;}
.clearfix .btn.btn-gray,
.clearfix .btn_b01.btn-gray {color:#747474;background:#F0F2F4;border-color:#D1D5DC;}
.clearfix .btn-group {display:inline-flex;}

@media screen and (max-width: 1490px) {
	#bo_v:has(.list-btn) {padding-left:0;}
	#bo_v .list-btn {display:none;}
	#bo_v_info .view-info {padding:12px 0 20px;}
}
@media screen and (max-width: 767px) {
	#bo_v_atc ~ .clearfix:has(.btn) {padding:20px 0 0 !important;}
	.clearfix .btn,
	.clearfix .btn_b01 {align-items:center;}
}

/* b102 + b501 -----------------------------------------------------------------------*/

.b102 #bo_list_total > .px-3 {display:none;}
.b102 #bo_list > .w-100.bg-primary,
.b102 #bo_list > .na-table {display:none !important;}
.b102 #bo_btn_top > .d-sm-flex > .px-3 > .btn_b01,
.b102 #bo_btn_top > .d-sm-flex > .px-3 > .sort-btn {display:none;}
.b102 #bo_gallery {border-bottom:0 !important;}
.b102 #bo_gallery > .row {gap:20px 0;}
.b102 #bo_gallery .img-wrap {background:#fff !important;margin-bottom:0 !important;}
.b102 #bo_gallery .img-item {border-radius:20px 20px 0 0;border-bottom:0;}
.b102 #bo_gallery .na-title {padding:0;}
.b102 #bo_gallery .na-title .na-subject {padding:18px 0;line-height:1.2;font-size:clamp(15px,2.5vw,20px);color:#fff;background:#A79F99;border-radius:0 0 20px 20px;}
.b102 #bo_gallery > .row > .col > .clearfix {display:none;}
.b102 .pagination {display:none;}
@media screen and (max-width: 767px) {
	.b102 #bo_gallery > .row {gap:0;}
	.b102 #bo_gallery .na-title .na-subject {padding:12px 0;}
}

.b501 #bo_list > .w-100.bg-primary,
.b501 #bo_list > .na-table {display:none !important;}
.b501 #bo_btn_top > .d-sm-flex > .px-3 > .btn_b01,
.b501 #bo_btn_top > .d-sm-flex > .px-3 > .sort-btn {display:none;}
.b501 #bo_gallery {border-bottom:0 !important;}
.b501 #bo_gallery > .row {gap:20px 0;}
.b501 #bo_gallery .img-wrap {background:#fff !important;margin-bottom:0 !important;}
.b501 #bo_gallery .img-item {border-radius:20px 20px 0 0;border-bottom:0;}
.b501 #bo_gallery .na-title {padding:0;}
.b501 #bo_gallery .na-title .na-subject {padding:18px 0;line-height:1.2;font-size:clamp(15px,2.5vw,20px);color:#fff;background:#A79F99;border-radius:0 0 20px 20px;}
.b501 #bo_gallery > .row > .col > .clearfix {display:none;}
@media screen and (max-width: 767px) {
	.b501 #bo_gallery > .row {gap:0;}
	.b501 #bo_gallery .na-title .na-subject {padding:12px 0;}
}

/* b102 끝-----------------------------------------------------------------------*/
/* p103 -----------------------------------------------------------------------*/

.ctt_p103 .transport {padding:10px 0 0;}
.ctt_p103 .transport li {display:flex;align-items:center;padding:40px 0;width:100%;}
.ctt_p103 .transport li + li {border-top:1px solid #E4E5ED;}
.ctt_p103 .transport li .tit {display:flex;align-items:center;padding:0 20px;width:30%;font-weight:500;font-size:clamp(16px,3vw,24px);color:#111827;}
.ctt_p103 .transport li.car .tit::before {content:"";width:100px;height:100px;background:#6BA45D url("../img/icon_car.png") no-repeat center/60px auto;border-radius:50%;margin-right:20px;}
.ctt_p103 .transport li.bus .tit::before {content:"";width:100px;height:100px;background:#3162E5 url("../img/icon_bus.png") no-repeat center/60px auto;border-radius:50%;margin-right:20px;}
.ctt_p103 .transport li .desc {display:flex;flex-direction:column;gap:10px;width:70%;}
.ctt_p103 .transport li .desc p {line-height:36px;font-size:clamp(14px,2.8vw,18px);color:#7C7E81;}
.ctt_p103 .transport li .desc p .num {display:inline-flex;justify-content:center;width:80px;color:#fff;background:#3162E5;border-radius:20px;margin-right:15px;}
@media screen and (max-width: 1100px) {
	.ctt_p103 .transport li {padding:20px 0;flex-direction:column;align-items:flex-start;}
	.ctt_p103 .transport li .tit {padding:0 0 15px;width:100%;}
	.ctt_p103 .transport li.car .tit::before,
	.ctt_p103 .transport li.bus .tit::before {width:70px;height:70px;background-size:40px auto;margin-right:10px;}
	.ctt_p103 .transport li .desc {gap:7px;width:100%;}
	.ctt_p103 .transport li .desc p {line-height:32px;}
	.ctt_p103 .transport li .desc p .num {width:60px;margin-right:7px;}
}

/* p103 끝-----------------------------------------------------------------------*/
/* b301 -----------------------------------------------------------------------*/

.sub_wrap:has(.b301) .map_wrap {background:#fafafa;}
.b301 #bo_search {display:flex;justify-content:center;}
.b301 #bo_search .alert {position:relative;z-index:2;display:inline-flex;padding:10px !important;background:#fff !important;border:0 !important;border-radius:35px;box-shadow:0 4px 16px 0 rgba(0,0,0,.1);margin:-35px 0 0 !important;}
.b301 #bo_search .custom-select {padding:0 16px;width:160px;font-size:clamp(16px,2.5vw,20px);color:#fff;background:var(--main-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' fill='none' viewBox='0 0 14 12'%3E%3Cpath fill='%23fff' d='m9.518 10.35 3.938-5.37A2.815 2.815 0 0 0 11.186.5h-7.88a2.812 2.812 0 0 0-2.27 4.48l3.939 5.37a2.816 2.816 0 0 0 4.54 0z'/%3E%3C/svg%3E") no-repeat right 16px center;border:0;border-radius:25px;}
.b301 #bo_search .custom-select option {color:#000;background:#fff;}
.b301 #bo_search .form-row {flex-wrap:nowrap;margin:0 !important;}
.b301 #bo_search .form-row .form-control {padding:0 20px;width:437px;font-size:clamp(16px,2.5vw,20px);border:0;}
.b301 #bo_search .form-row .btn {width:58px;height:50px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%237c7e81' d='m23.72 22.307-5.965-5.964a10.008 10.008 0 1 0-1.412 1.412l5.964 5.965a1 1 0 0 0 1.413-1.413m-13.696-4.29a7.994 7.994 0 1 1 7.993-7.993 8.003 8.003 0 0 1-7.993 7.993'/%3E%3C/svg%3E") no-repeat center;border:0;}
.b301 #bo_btn_top {margin-block:50px 20px !important;}
.b301 #bo_btn_top .btn_b01,
.b301 #bo_btn_top .sort-btn {display:none;}
.b301 #bo_list {padding:40px 0 0;border-top:2px solid #7C7E81;}
.b301 .card {border:0 !important;}
.b301 .img-wrap .img-item img {border-radius:10px !important;}
.b301 .card-body {padding:20px 10px;}
.b301 .card .company-name {margin:0 0 16px;}
.b301 .card .ik_li_title {line-height:1.2;font-weight:500;font-size:clamp(16px,3vw,24px);color:#111827;}
.b301 .card .card-info {width:100%;}
.b301 .card .card-info + .card-info {margin-top:8px;}
.b301 .card .card-info .icon-tel {float:left;width:30px;height:30px;font-size:1px;color:transparent;background:url("../img/icon_tel.png") no-repeat center/14px auto;border:1px solid #EE7800;border-radius:50%;overflow:hidden;}
.b301 .card .card-info .icon-address {float:left;width:30px;height:30px;font-size:1px;color:transparent;background:url("../img/icon_map.png") no-repeat center/16px auto;border:1px solid #EE7800;border-radius:50%;overflow:hidden;}
.b301 .card .card-info .val {margin:0 0 0 40px;padding:3px 0;line-height:24px;font-size:clamp(14px,2vw,16px);color:#7C7E81;}
.b301 .card .card-info .val a {color:#7C7E81;}
.b301 .card .card-text {line-height:21px;height:42px;font-size:clamp(14px,2vw,16px);color:#7C7E81;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:16px 0 0;}
.b301 .card .card-text a {display:block;font-size:clamp(14px,2vw,16px);color:#7C7E81;}

.containerV1.flex {padding-bottom:60px;display:flex !important;justify-content:space-between;align-items:flex-start;}
.b301 #bo_v_con .company-contents {background:url("../img/bg_company.png") no-repeat 50% 100%/100% auto;}
.wrapper .quick1 {display:none;}
#bo_v .cpy_btns {position:absolute;right:0;bottom:0;display:inline-flex;gap:10px;}
#bo_v .cpy_btns .txt {display:none;}
#bo_v .cpy_btns .home {position:relative;display:inline-flex;width:60px;height:60px;font-size:1px;color:transparent;background:#fff url("../img/icon_home.png") no-repeat center/27px auto;border:1px solid #D1D5DC;border-radius:50%;transition:.3s;}
#bo_v .cpy_btns .home:hover {background-color:#fbfbfb;}
#bo_v .cpy_btns .kakao {position:relative;display:inline-flex;width:60px;height:60px;font-size:1px;color:transparent;background:#FAE104 url("../img/icon_kakao.svg") no-repeat center;border-radius:50%;transition:.3s;}
#bo_v .cpy_btns .kakao:hover {background-color:#e7d000;}
#bo_v .cpy_btns .contact {padding:0;margin:0;list-style:none;display:inline-flex;gap:40px;padding:9px 18px;background:#fff;border:1px solid #E4E5ED;border-radius:30px;}
#bo_v .cpy_btns .contact li {list-style:none;display:inline-flex;align-items:center;gap:16px;}
#bo_v .cpy_btns .contact li.tel::before {content:"";display:inline-flex;width:40px;height:40px;background:url("../img/icon_phone1.png") no-repeat center/contain;}
#bo_v .cpy_btns .contact li.phone::before {content:"";display:inline-flex;width:40px;height:40px;background:url("../img/icon_phone2.png") no-repeat center/contain;}
#bo_v .cpy_btns .contact li.email::before {content:"";display:inline-flex;width:40px;height:40px;background:url("../img/icon_email.png") no-repeat center/contain;}
#bo_v .cpy_btns .contact li a {position:relative;font-size:clamp(14px,2.8vw,18px);color:#111827;transition:.3s;}
#bo_v .cpy_btns .contact li a:hover {color:#999;}
.b301 .company-info .title {display:flex;align-items:center;gap:25px;width:100%;font-size:clamp(15px,2vw,24px);color:#111827;margin:0 0 20px;}
.b301 .company-info .title::before {content:"";width:60px;height:60px;background:url("../img/icon_company.png") no-repeat center/contain;}
.b301 .custom-swiper-button-prev,
.b301 .custom-swiper-button-next {position:absolute;top:50%;transform:translateY(-50%);z-index:10;cursor:pointer;font-size:1px;color:transparent;width:80px;height:80px;display:flex;border-radius:50%;box-shadow:4px 5px 10px 0 rgba(0, 0, 0, 0.10);transition:.3s;}
.b301 .custom-swiper-button-prev {left:-40px;background:#fff url("../img/icon_prev_arrow.png") no-repeat center/21px auto !important;}
.b301 .custom-swiper-button-next {right:-40px;background:#fff url("../img/icon_next_arrow.png") no-repeat center/21px auto !important;}
.b301 .custom-swiper-button-prev:hover,
.b301 .custom-swiper-button-next:hover {background-color:#f1f1f1 !important;}
.b301 .swiper-button-disabled {display:none;}

@media screen and (max-width: 1540px) {
	.b301 .custom-swiper-button-prev,
	.b301 .custom-swiper-button-next {width:60px;height:60px;background-size:18px auto;}
	.b301 .custom-swiper-button-prev {left:-10px;}
	.b301 .custom-swiper-button-next {right:-10px;}
}
@media screen and (max-width: 1240px) {
	.containerV1.flex {padding-bottom:40px;flex-wrap:wrap;}
	#bo_v .company-contents .product_sec {width:100%;margin:0 0 30px;}
	#bo_v .company-contents .company-info {padding:25px;width:100%;box-shadow:0 3px 18px -7px #d0d0d0;}
	#bo_v .company-contents .company_sec {padding:40px 0;}
	#bo_v .company-contents .view-content {display:flex;flex-direction:column;}
	#bo_v .company-contents .view-content .cpy_content {margin:0 0 10px;}
	#bo_v .cpy_btns {position:relative;right:auto;bottom:auto;margin:0 0 20px auto;}
}
@media screen and (max-width: 1023px) {
	#bo_v .company-contents .company_sec {padding:5px 0 30px;}
}
@media screen and (max-width: 960px) {
	#bo_v .cpy_btns {position:fixed;left:0;bottom:0;z-index:999;gap:0;width:100%;margin:0;}
	#bo_v .cpy_btns .txt {position:absolute;left:0;bottom:3px;display:flex;justify-content:center;width:100%;font-size:15px;color:#fff;}
	#bo_v .cpy_btns .home {width:20%;background:#4397fb !important;border:0;border-radius:0;}
	#bo_v .cpy_btns .home::before {content:"";position:absolute;left:0;top:9px;display:flex;width:100%;height:24px;background:url("../img/icon_home_w.png") no-repeat center/contain;}
	#bo_v .cpy_btns .kakao {width:20%;background:#4397fb !important;border-radius:0;}
	#bo_v .cpy_btns .kakao::before {content:"";position:absolute;left:0;top:10.5px;display:flex;width:100%;height:22.5px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 208 191.94'%3E%3Cpath d='M76.01 89.49h11.98L82 72.47z' class='cls-1' style='fill:%23fff'/%3E%3Cpath d='M104 0C46.56 0 0 36.71 0 82c0 29.28 19.47 55 48.75 69.48-1.59 5.49-10.24 35.34-10.58 37.69 0 0-.21 1.76.93 2.43a3.14 3.14 0 0 0 2.48.15c3.28-.46 38-24.81 44-29A131.6 131.6 0 0 0 104 164c57.44 0 104-36.71 104-82S161.44 0 104 0M52.53 69.27c-.13 11.6.1 23.8-.09 35.22-.06 3.65-2.16 4.74-5 5.78a1.9 1.9 0 0 1-1 .07c-3.25-.64-5.84-1.8-5.92-5.84-.23-11.41.07-23.63-.09-35.23-2.75-.11-6.67.11-9.22 0-3.54-.23-6-2.48-5.85-5.83s1.94-5.76 5.91-5.82c9.38-.14 21-.14 30.38 0 4 .06 5.78 2.48 5.9 5.82s-2.3 5.6-5.83 5.83c-2.52.11-6.43-.11-9.19 0m50.4 40.45a9.2 9.2 0 0 1-3.82.83c-2.5 0-4.41-1-5-2.65l-3-7.78H72.85l-3 7.78c-.58 1.63-2.49 2.65-5 2.65a9.2 9.2 0 0 1-3.81-.83c-1.66-.76-3.25-2.86-1.43-8.52L74 63.42a9 9 0 0 1 8-5.92 9.07 9.07 0 0 1 8 5.93l14.34 37.76c1.83 5.67.24 7.81-1.41 8.53m30.32 0H114a5.64 5.64 0 0 1-5.75-5.5V63.5a6.13 6.13 0 0 1 12.25 0v35.25h12.75a5.51 5.51 0 1 1 0 11Zm47-4.52a6 6 0 0 1-10.76 2.8l-14.07-18.63-2.08 2.08v13.09a6 6 0 0 1-12 0v-41a6 6 0 0 1 12 0V76.4l16.74-16.74a4.64 4.64 0 0 1 3.33-1.34 6.08 6.08 0 0 1 5.9 5.58 4.7 4.7 0 0 1-1.31 3.65l-13.7 13.67 14.77 19.57a6 6 0 0 1 1.15 4.44Z' class='cls-1' style='fill:%23fff'/%3E%3C/svg%3E") no-repeat center/contain;}
	#bo_v .cpy_btns .contact {gap:0;padding:0;width:60%;border:0;border-radius:0;}
	#bo_v .cpy_btns .contact li {width:calc(100%/3);}
	#bo_v .cpy_btns .contact li::before {content:none !important;}
	#bo_v .cpy_btns .contact li a {display:flex;width:100%;height:100%;font-size:1px;color:transparent;background-color:#4397fb;}
	#bo_v .cpy_btns .contact li.tel a::before {position:absolute;left:0;top:3px;display:flex;justify-content:center;width:100%;line-height:37px;content:"\f2a0";font-family:"Font Awesome 6 Free";font-weight:900;font-size:22px;color:#fff;}
	#bo_v .cpy_btns .contact li.phone a::before {position:absolute;left:0;top:4px;display:flex;justify-content:center;width:100%;line-height:34px;content:"\f3cd";font-family:"Font Awesome 6 Free";font-weight:900;font-size:20px;color:#fff;}
	#bo_v .cpy_btns .contact li.email a::before {position:absolute;left:0;top:5px;display:flex;justify-content:center;width:100%;line-height:34px;content:"\f1fa";font-family:"Font Awesome 6 Free";font-weight:900;font-size:20px;color:#fff;}
	.wrapper:has(.cpy_btns) ~ #nt_sidebar_move {bottom:74px;}
}
@media screen and (max-width: 767px) {
	.b301 #bo_search .alert,
	.b301 #bo_search form,
	.b301 #bo_search .form-row {width:100%;}
	.b301 #bo_search .custom-select {width:120px;height:40px;}
	.b301 #bo_search .form-row .form-control {width:calc(100% - 178px);height:40px;}
	.b301 #bo_search .form-row .btn {height:40px;}
	.b301 #bo_btn_top {margin-block:30px 10px !important;}
	.b301 #bo_list {padding:25px 0 0;}
	.b301 .card-body {padding:10px 5px;}
	.b301 .card .company-name {margin:0 0 7px;}
	.b301 .card .card-info + .card-info {margin-top:2px;}
	.b301 .card .card-info .icon-tel,
	.b301 .card .card-info .icon-address {width:25px;height:25px;background-size:auto 13px;}
	.b301 .card .card-info .val {margin:0 0 0 32px;line-height:19px;}
	.b301 .card .card-text {margin:7px 0 0;}
}
@media screen and (max-width: 540px) {
	#bo_v .company-contents .company-info .title {gap:15px;}
	#bo_v .company-contents .company-info .title::before {width:40px;height:40px;}
	#bo_v .company-contents .company-info table {margin:0;width:100%;}
	#bo_v .company-contents .company-info table colgroup col:first-child {width:80px !important;}
	#bo_v .company-contents .company-info table th p {width:80px;}
}
@media screen and (max-width: 450px) {
	#bo_v .company-contents .product_sec .sw_container {gap:15px;}
	#bo_v .company-contents .product_sec .sw_container .prd-item {width:100%;}
}

/* b301 끝-----------------------------------------------------------------------*/